Hotová řešení s živými ukázkami
Hotová řešení
Všechny články z kategorie
Poskakování stránky kvůli posuvníku
Jak zabránit, aby obsah stránky poskakoval v závislosti na posuvníku.
Parsování HTML v JavaScriptu
Jak v klientském i serverovém JS parsovat a upravovat HTML kód.
Získání unikátní barvy pro text v JS
Jak pro libovolný řetězec spočítat unikátní barvu.
JS podmínka v objektu
Jak v JavaScriptu zapsat podmínku uvnitř objektu.
Build jednoduchého JS pro staré prohlížeče
Jak zajistit transformaci jednoduchého JavaScriptu i pro staré prohlížeče jako IE 11.
Jak skrýt posuvník v <iframe>
Jak pomocí CSS skrýt scrollbar u stránky vložené přes <iframe>.
Náhled URL
Jak získat obrázkový náhled a další informace pro libovolnou URL.
Video Playwright testu
Jak uložit video automatického testu.
Jak vytvořit tmavý režim / dark mode v CSS
Jak co nejlépe vytvořit pro web tmavý režim, aby automaticky respektoval nastavení uživatele.
Offline stránka v PWA přes ServiceWorker
Jak udělat web fungující offline. A splnit tak požadavky na PWA.
Barva podle odrolování na stránce
Jak pouze v CSS měnit pozadí elementu v závislosti na odscrollování na stránce.
CSS pravidla any-pointer a any-hover
CSS pravidla @media any-pointer a any-hover slouží k detekci přesnosti a typu ovládání.
Zadávání kalendářního data
Pohodlné zadávání kalendářního data ve formulářích.
Kulaté okraje v CSS
Jak vytvořit v CSS zaoblené okraje.
Resetování <input type=file>
Jak resetovat (odstranit) hodnotu z <input>u pro upload souborů.
Vytisknutí stránky
Jak správně připravit webovou stránku pro pohodlné vytištění.
Pořadí CSS vlastností
Jak správně řadit jednotlivé CSS vlastnosti v rámci jednoho bloku příslušícímu k selektoru.
Přepínání tříd v JS
Přepínání, přidávání a odebírání CSS tříd JavaScriptem.
Lepší podtržení odkazu
Jak si vytvořit hezčí podtržení textu odkazu, než je výchozí.
Media queries v JavaScriptu
Jak v JavaScriptu používat @media pravidla jako v CSS.
Zalamování dlouhých slov
Jak si poradit s dlouhými slovy, které by mohly narušit layout stránky.
Rozpoznávání hlasu
Jak psát na web převodem hlasu na text pomocí speechRecognition.
Centrování na webových stránkách
Ucelený popis různých způsobů vertikálního i horizontálního centrování. Se známou i neznámou šířkou nebo výškou.
Vytváření vlastních HTML značek
Je možné si kromě standardních HTML tagů vytvořit nějaké vlastní?
Vlastní hláška alert
Jak si v JavaScriptu vytvořit vlastní hlášky jako je výchozí alert.
Lazy loading obrázků
Načtení obrázků, až když je na ně odrolováno. Různé postupy řešení.
Automatická výška <textarea>
Jak zajistit, aby se výška textového pole přizpůsobovala délce textu.
Upload obrovských souborů v JS/PHP
Jak umožnit návštěvníkům nahrát soubory jako videa v řádech MB/GB s progress barem.
Odkaz pro předvyplnění SMS
Jak dát na stránku odkaz, který na mobilech předvyplní číslo a text SMS.
Hromadné datové zmenšení obrázků
Chceme-li zrychlit načítání své stránky, datová optimalisace obrázků může pomoci.
Zjištění barvy obrázku
Jak v JavaScriptu i PHP zjistit hlavní barvu obrázku.
Zaokrouhlení času
Jak v PHP zaokrouhlit čas na celé pětiminuty, čtvrthodiny nebo půlhodiny.
Napovídání poskytovatele e-mailu
Jak usnadnit vyplňování e-mailové adresy automatickým napovídáním poskytovatele.
Výpočet průměru a mediánu v PHP/JS
Jak v jazyce PHP nebo v JavaScriptu spočítat medián.
Kam umístit popisky formuláře
Jak umístit popisky formulářových prvků, aby bylo vyplňování formuláře co nejpohodlnější.
Jak (ne)přenášet referer
Jak zablokovat přenášení informace o předchozí navštívené stránce.
Obtékané boxy s proměnlivou šířkou
Jak udělat, aby se obtékané boxy přizpůsobovaly proměnlivé velikosti okna.
Parsování HTML v PHP
Jak v PHP parsovat HTML stránku a získat z ní potřebná data.
Získání obsahu stránky přes oEmbed
Formát oEmbed slouží k pohodlnému získání obsahu stránky bez nutnosti jejího parsování.
Ikona stránky favicon
Jak správně vytvořit ikonku stránky (favicon) pro desktop i mobily.
Responsivní hledací formulář
Jak vytvořit responsivní vyhledávací formulář, kde se políčko a tlačítko přizpůsobuje šířce.
Ikona vedle odkazu
Jak přidat a zarovnat ikonku vedle odkazu, který má podtržení.
Generování PDF
Vytváření PDF dokumentů v JavaScriptu a PHP.
Umístění kursoru v poli
Jak v JavaScriptu zjistit posici, na které je kursor v textovém poli.
Převod písmen na VELKÁ a malá
Převedení textu na velká nebo malá písmena.
Vlastní komponenty v Nette
Komponenty v Nette dokáží bránit opakování stejného kódu.
Zkosení hrany v CSS
Jak vytvořit šikmou hranu (zkosení) CSS bloku.
Vykonání JS načteného AJAXem
Jak provést JavaScript, který je ve stránce načítané AJAXem.
Vlastní Latte filtr
Jak si vytvořit vlastní filtr (helper) do Latte šablon v Nette Frameworku.
Odkaz přes celý box
Jak udělat, aby celý box s několika prvky byl klikací.
HTTP autorisace v .htaccess
Jak souborem .htaccess jednoduše omezit přístup na stránku heslem.
Vyšší tlačítko ve Firefoxu
Prohlížeč Firefox má zajímavou vlastnost u formulářových tlačítek. Dělá je vyšší než ostatní prohlížeče.
Velikost písma podle šířky
Jak přizpůsobovat velikost písma aktuální šířce stránky.
Nová stránka v JavaScriptu
Jak v JavaScriptu vytvořit novou HTML stránku.
Jeden sloupec fixní, druhý proměnlivý
Jak vytvořit dvousloupcové rozvržení, kde je jeden sloupec s pevnou šířkou a druhý se přizpůsobuje šířce okna.
Zalomení tlačítka na více řádků
Jak zabránit nechtěnému zalomení tlačítka na více řádků.
Oddělovač položek v menu
Jakými způsoby v CSS lze realisovat oddělovač položek v menu.
Doba čtení stránky
Jak zobrazit přibližnou dobu, kterou zabere čtení stránky.
Jak zabezpečit číslo objednávky v e-shopu
Jakým způsobem bezpečně sestavit číslo objednávky zboží v e-shopu.
Drag & Drop upload obrázků
Všechny možnosti nahrávání obrázků ze schránky a pomocí drag & drop.
Automatická výška <iframe> podle obsahu
Definitivní řešení automatického nastavování velikosti <iframe> podle výšky obsahu.
Nastavení výšky responsivního obrázku
Jak zabránit poskakování responsivních obrázků během načítání stránky.
Přečtení textu webu
Jak obsah webové stránky přečíst hlasem.
Vícesloupcový text a column
CSS vlastnost column umožňuje rozdělení textu do více sloupců.
Mezera v PSČ
Jak a zda vůbec automaticky odsazovat uživatelem zadané znaky PSČ do formulářového políčka.
Změna adresy JavaScriptem
JavaScript může měnit URL. Jak a v jakých případech toho využívat.
Převod milisekund
Převodník milisekund.
Elipsa/ovál v CSS
Jak pomocí CSS nakresli ovál.
Vypnutí Emoji ve WordPressu
Jak ve WordPressu zakázat grafické symboly Emoji.
Generování QR kódu
Co je to QR kód a jak ho okamžitě vytvořit pomocí jednoduchého online generátoru.
Posunutí obsahu v CSS
Jak posunout jakýkoliv element někam jinam.
Text v obrázku
Jak vyřešit situaci, kdy má být textový obsah v obrázku z hlediska přístupnosti, použitelnosti a SEO.
Popisek formulářového pole
Jakým způsobem řešit popisky formulářových prvků.
Kopírování do schránky
Jak s použitím JS zkopírovat uživateli nějaký text do schránky.
Převod webu na responsivní design
Jak webovou stránku co nejlépe a nejjednodušeji převést do responsivní podoby.
Maximální šířka pozadí
Jak obrázkovému pozadí nastavit maximální šířku. Tj. aby se přizpůsobovalo menší šířce okna.
Plynulé rozbalení obsahu
Jak pomocí CSS animace a JavaScriptu plynule rozbalit původně skrytý obsah.
Pozadí jenom za písmeny
Jak vytvořit nadpis, který má pozadí jen za písmeny.
Hodnota zaškrtnutého radio <input>u
Jak v JavaScriptu zjistit hodnotu označeného radio políčka.
Měření blokování reklam v Google Analytics
Jak pomocí Google Analytics změřit návštěvníky, kteří blokují reklamy.
Části webu přes celou šířku
Jak jen některé části webu roztáhnout přes celou šířku.
Tolerance myši u vysouvacího menu
Při vytváření menu reagujícího na najetí myši (hover) je dobré tolerovat nepřesnou cestu myší.
Styl odrážkového seznamu
CSS vlastnost list-style upravuje vzhled seznamů <ul> a <ol>.
Zobrazení náhodného čísla
Jak vygenerovat náhodné číslo z určitého rozsahu v JavaScriptu a PHP.
Vložení ze schránky onpaste
JavaScriptová událost onpaste slouží k odchycení vložení obsahu ze schránky.
Zvětšení a zmenšení v CSS
Jak v CSS zoomovat (zvětšovat a zmenšovat) elementy.
Zvýraznění sloupců/řádků tabulky po najetí
Jak při najetí myší na tabulku zvýraznit příslušné sloupce a řádky.
Směr rolování kolečkem
Jak podle směru otáčení kolečka myši měnit velikost obsahu.
České skloňování
Jak v JS, PHP nebo CSS správně vytvořit skloňování slov pro české prostředí.
JS akce po kliknutí na odkaz
Na co si dát pozor při obsluhování odkazu JavaScriptem.
Drag & Drop v JavaScriptu
Jak vytvořit „drag & drop“ přesouvání prvků po stránce v JavaScriptu.
Posun v poli přes okraje
Jak se z poslední položky pole dostat na první a obráceně.
Plynulá změna obrázků
Jak na stránce automaticky plynule měnit obrázky.
Průběh načítání AJAXu
Při odesílání dat AJAXem je dobré dát uživateli vědět, že se něco děje.
Zjištění vypnutých cookies
Jak zjistit, jestli má návštěvník zapnuté nebo vypnuté cookies.
Oříznutí víceřádkového obsahu
Jak oříznout dlouhý text po stanoveném počtu řádek.
Beacon API
Beacon API umožňuje asynchronně zaslat data na server při opuštění stránky.
Načítání CSS bez blokování vykreslování
Jak asynchronně načítat CSS, aby neblokovalo vykreslování stránky.
Přidání dalšího textového pole
Jak umožnit kopírování/přidávání dalších textových polí do formuláře.
Identifikátor z písmen a čísel
Jak místo dlouhého číselného identifikátoru použít kratší kombinaci písmen a čísel.
Vložení videa z Facebooku na web
Jak na vlastní stránku vložit video z Facebooku.
Šachovnicový výpis položek
Jak vypsat položky sestávající ze dvou sloupců, aby se pořadí sloupců střídalo.
Škrtnutí značkou <s>
Značka <s> slouží k označení obsahu, který už je zastaralý nebo není relevantní.
Responsivní design webu
Jak jednoduše a kvalitně vytvořit web, který se přizpůsobí všem velikostem cílových zařízení.
Margin, border a absolutní posicování
Jak se chová margin a border u absolutně posicovaných elementů.
Zjištění výsledného CSS v JavaScriptu
Jak v JavaScriptu zjistit výslednou hodnotu libovolné CSS vlastnosti určitého elementu.
Plynule se posouvající :hover efekt
Jak v CSS/JS vytvořit u navigace plynule přesouvaný hover efekt.
Nejnovější komentáře z Disqus
Jak vypsat nejnovější komentáře z diskusní platformy Disqus.
Video-záznam obrazovky do GIFu
Jak nahrát video obrazovky a uložit ho jako pohyblivý obrázek (GIF).
Odeslání příspěvku na stránku přes FB API
Jak v PHP odesílat příspěvky na Facebook stránku (Page) pomocí Facebook API.
Zjištění směru rolování
Jak JavaScriptem zjistit, jakým směrem uživatel na stránce roluje.
Responsivní CSS mřížka
Jak vytvořit čistě v CSS mřížku, která se bude přizpůsobovat velikosti okna.
CSS flip a animace
Jak v CSS otočit obsah kolem svislé nebo vodorovné osy.
Výška závislá na šířce
Jak v CSS nastavit výšku v závislosti na procentuální i pevné šířce.
Výpis souborů ve složce
Jak v PHP vypsat a podle názvu či data seřadit obsah složky.
Vytváření grafů v JavaScriptu
Snadná tvorba sloupcových, koláčových a dalších (i animovaných) grafů v JavaScriptu.
Menu přes celou šířku
Jak vytvořit vodorovné menu s neznámým počtem položek přes celou šířku.
Plynulý přechod mezi stránkami
Jak vytvořit plynulý animovaný přechod mezi dvěma stránkami.
Výpis náhodného textu
Jak na stránce náhodně vypsat obrázek, odkaz, reklamu, text nebo cokoliv jiného.
Hover efekty s text-shadow
Zajímavé :hover efekty s využitím CSS vlastnosti text-shadow.
Hover efekty s box-shadow
Zajímavé :hover efekty s využitím CSS vlastnosti box-shadow.
Dynamický update času „před X minutami“
Jak skriptem na stránce průběžně aktualisovat datum v podobě „zasláno před X minutami“.
JS tooltip
JavaScriptový popisek po najetí myší na ikonu nebo text.
Responsivní navigace
Jak udělat elegantní navigaci pro zobrazení na malých obrazovkách.
Zjištění majitele domény
Jak PHP skriptem ověřit, zda je doména volná nebo kdo je její vlastník.
Cacheování obsahu cizí stránky
Jak cacheovat výsledky obsahu staženého z cizí stránky.
Odstranění obsahu HTML elementu
Jak v JavaScriptu odstranit všechny potomky v určitém HTML elementu.
Lokalisace podle IP
Jak na základě IP adresy lokalisovat návštěvníka webu.
File_get_contents a timeout
Jak omezit maximální čas získávání obsahu stránky z URL.
Inline-block a bílé znaky
Při zadávání šířky elementům s display: inline-block je nutné myslet na bílé znaky (whitespace).
Universální hover efekt pro různé barvy pozadí
Jak vytvořit universální :hover efekt pro různě barevná tlačítka.
Překlad stránky
Snadná lokalisace webu do různých jazyků.
Je stránka aktivní?
Zjišťování, jestli je stránka aktivní a zda návštěvník něco dělá.
Automatické generování obsahu stránky
Automatické generování obsahu HTML stránky v JavaScriptu i PHP.
Ikona přehrávání v <title>
Symbol přehrávání ▶ v titulku stránky jako je u videí na YouTube.
BB kód v PHP
Formátování příspěvků pomocí BB code v PHP. Převod BB kódu do HTML.
Ovládání webu klávesami v JavaScriptu
Odchytávání stisknutých kláves a vytváření klávesových zkratek v JavaScriptu.
Confirm
Confirm je JavaScriptová hláška pro potvrzení akce. Jak ji používat nebo nahradit vlastním dialogovým oknem.
Otevírání nového okna
Možnosti, jak otevřít stránku do nového okna / nového tabu prohlížeče.
CSS animace průběhu načítání
Jak využitím CSS transition a špetky JavaScriptu vytvořit animované znázornění průběhu načítání, jako je třeba na YouTube.
Vytváření modulů v JavaScriptu
Jak psát složitější věci v JavaScriptu. Obalit společné funkce do „modulů“.
Rychlé kliknutí a vyvolání události
Jak zajistit, aby ovládací prvky uživatelského rozhraní reagovaly správně i na rychlé kliknutí.
Tutoriál na webu
Jak vyrobit jednoduchý tutoriál pro seznámení se s webovou aplikací.
Převod CSS v HTML na externí styly
Jak z HTML vybrat id, třídy a inline styly a vytvořit z nich CSS předpis do externího souboru.
Česká písma z Google Fonts
Seznam fontů z Google Fonts, které obsahují znaky s diakritikou pro psaní českého textu.
Animace čísel
Animování číselných dat pomocí JavaScriptu.
Generátor CSS šipek
Generátor šipek/trojúhelníků přímo v CSS pomocí okrajů. Funkční i ve starých IE.
Rozbalování a sbalování obahu v CSS
Jak skrývat a odkrývat části stránky v čistém CSS bez jakéhokoliv JavaScriptu.
Odkaz na kotvu a fixní hlavička
Při použití fixního menu/hlavičky se stane nepěkná věc, že při odkazu na kotvu je cíl skryt pod menu. Co s tím?
Detekce blokování reklam Adblockem
Jak detekovat, že si uživatel na stránce blokuje reklamy. Dá se „ad block“ obejít?
Responsivní obrázky
Co s obrázky na mobilních zařízeních?
Změna location.hash bez posunu stránky
Jak změnit location.hash bez posunutí stránky.
CSS ikony
Ikony bez obrázků v čistém CSS.
Offline webová stránka
Jak umožnit návštěvníkům stažení celé webové stránky pro prohlížení offline, umístění na CD apod.
Obrana proti spamu
Jak se na webu bránit spammerům z řad robotů i návštěvníků.
Zvyšování hodnoty inputů
Jak zpříjemnit zadávání číselných hodnot nebo času do <input>ů tlačítky plus a mínus.
Odpočítávání času v HTML
Jak udělat na webu odpočítávání času. V JavaScriptu i v čistém CSS.
CSS sprite
Spojení všech obrázků do jednoho (CSS sprite) zrychlí načítání webu. Hotový generátor v PHP.
Plynulý přesun focusu
Plynulé přesouvání focusu mezi jednotlivými položkami formuláře.
Počet znaků a slov v textu
Jak spočítat délku (počet znaků), počet slov, řádků nebo odstavců v textu.
Výběr barvy
Jak umožnit uživateli vybrat barvu z palety (pomocí JavaScriptu i bez JS).
Více obrázků na pozadí
Jak v CSS jednomu elementu přiřadit více obrázků na pozadí.
Skrývání a odkrývání textu
Rozbalení a sbalení obsahu po kliknutí.
AJAX
Asynchronní načítání částí stránek a odesílání formulářů bez obnovení celé stránky.
Vlastní kontextová nabídka
Jak po stisknutí pravého tlačítka myši zobrazit vlastní nabídku.
Zjištění souřadnic myši
Jak v JavaScriptu zjistit aktuální souřadnice myši (kursoru).
Označení kódu nebo textu po kliknutí
Jak označit text nebo zdrojový kód jedním kliknutím. Je to vůbec rozumné?
Více náhledů videa
Jak při najetí myší na náhled videa zobrazovat další náhledy.
Lightboxová vstupní stránka ihned po načtení
Jak vytvořit lightbox okno, které po načtení stránky překryje obsah.
Fixní menu při rolování
Jak při odrolování stránky zafixovat menu na horní hraně obrazovky.
Oříznutí dlouhého textu
Má-li se delší text vyjít do přesného místa, je třeba kousek textu uříznout.
Horizontální navigace
Různé možnosti, jak vytvořit vodorovné menu s odkazy vedle sebe.
JavaScriptová simulace atributu ismap
HTML atribut ismap umí zjistit souřadnice při kliknutí na obrázek. Jak na to v JS?
Získání obsahu cizí stránky
Jak v PHP a JavaScriptu získat obsah z cizí webové stránky.
Označení interních a externích odkazů
Odlišení interních a externích odkazů a odkazů na soubory čistě v CSS.
Rozmazání obsahu
Rozmazávání obsahu v různých prohlížečích.
Jednoduchá galerie v CSS
Galerie obrázků bez JavaScriptu pomocí CSS.
Průhledný obsah v CSS
Pro zprůhlednění obsahu existují různé možnosti. Nejen CSS vlastnost opacity.
Obrázek jako odrážka
V CSS je možné přidat textu (seznamu) obrázkovou odrážku, jaké to má úskalí a risika?
Popisek po najetí myší
Kterak zobrazovat obsah v tooltipu po najetí myši.
Automatické zapamatování formulářů
Při vyplňování delších formulářů se je hodí obsah průběžně ukládat. Jak na to?
Animované skrytí obsahu
Pomocí CSS transition je možné skrývání a odkrývání textu plynule animovat (od IE 10).
CSS vyhledávání a filtrování obsahu
Jak pomocí CSS se špetkou JS filtrovat obsah stránky nebo na ní vyhledávat.
Rotace obsahu
Napříč prohlížeči funkční řešení vytvoření svislého textu (otočeného o 90 stupňů).
Jednoduchý web v PHP
I web o pár stránkách je vhodné skládat automatisovaně. Jak na to v PHP?
Skutečné rozměry obrázku
Jak může JavaScript zjistit skutečnou výšku a šířku obrázku.
Sloupce stejně vysoké
Různé možnosti, jak zajistit automatické roztažení různě vysokých sloupců na stejnou výšku.
Odkaz vypadající jako tlačítko
Odkaz jako tlačítko, nebo tlačítko jako odkaz? Postup, jak z odkazu vyrobit tlačítko a naopak.
Upload souborů bez obnovení stránky
Jak vytvořit ajaxové nahrávání souborů na server bez obnovení stránky.
PHP proxy skript na 50 řádků
Hotový PHP skript umožňující zobrazit web prostřednictvím jiné IP adresy.
Jak zakázat scrollování na stránce
Někdy se hodí zamezit uživateli v rolování, jaké existují možnosti?
Hotové řešení lazy-loadingu YouTube videí
Hotové řešení v JavaScriptu načítání videí z YouTube, až když jsou potřeba.
Kruhový obrázek
Různé možnosti vytvoření kruhového obrázku.
Animace na webových stránkách
Jak na webu vytvářet animace a přechody v HTML, CSS a JS.
Jak na mobilní (responsivní) web
Jak a proč vytvářet mobilní versi webu – responsive web.
Rozklikávací menu
JavaScriptové menu otvírající/zavírající se po kliknutí.
Získání náhledu/obrázku webu
Jak lze automaticky získat obrázkový náhled webové stránky.
Absolutně posicované pozadí
Jednoduché řešení vícebarevného pozadí absolutním posicováním.
Vyjížděcí menu v CSS
Jak vytvořit v čistém CSS vyskakovací menu.
Zapnutý a vypnutý JavaScript
Jak na webové stránce detekovat zapnuté nebo vypnuté skriptování.
Řešení nepřehledných stromových diskusí
Je-li na webu stromová diskuse s hodně příspěvky, může být pro diskutující obtížné udržet přehled, co četli a co ne.
Černobílý styl obrázku
Jak v CSS zajistit černobílý styl běžného obrázku. Napříč prohlížeči stále panují rozdíly.
Jak vytvořit fixovaný banner?
JavaScriptové řešení prvku, který při rolování zůstane stále viditelný.
Pokročilé stylování checkboxu
Díky selektoru :checked lze v podporujících prohlížečích (Explorer 9 a novější) vytvářet zaškrtávací <input>y neotřelé podoby.
Vlastní jednoduchý WYSIWYG editor
Chceme-li na webu zadávat text a běžná <textarea> už nestačí, řešením je napsat si vlastní WYSIWYG editor.
„Programování“ v HTML a CSS
I bez úprav logiky serverového skriptu lze lecčeho dosáhnout samotným CSS.
Pročištění a opravení „prasáckého“ HTML
Jak z WYSIWYG editorů (jako třeba Word, starší TinyMCE/CKEditor) vytvořit rozumný a sémantický HTML kód.
Označení odkazu na kotvu, pokud je na ní odrolováno
U jednostránkových webů s fixní navigací (s odkazy na #kotvy) může být vhodné právě viditelnou (aktivní) položku zvýraznit.
Změna designu bez znovunačtení stránky
Jak snadno umožnit uživateli přepínat různé vzhledy stránky, tmavou/světlou variantu apod.
Odrolování na určitý HTML tag
Nestačí-li běžné odrolování na HTML #kotvu, přichází na řadu JavaScript.
Jednoduché filtrování dat v čistém CSS
Při filtrování malého množství položek si lze od Internet Exploreru 9 vystačit jen s CSS.
Zpožděné načtení obrázku, až když je potřeba
Kromě potřeby nahrát obrázek dopředu (preload), aby byl v době použití 100% připravený, může být potřeba opačná – načíst jej, až v momentě, kdy je potřeba. Z důvodu nemrhání datovým přenosem.
Ověření existence obrázku pomocí JS
Jak JavaScriptem ověřit existenci obrázku?
„Kreslení“ pomocí CSS
Jak vytvářet jednoduché tvary místo obrázků prostým CSS?
Vytvoření efektu baterky v CSS a JS
Jak jednoduše vytvořit na stránce efekt baterky? Tedy ztmavit web a prohlížet ho jakýmsi průzorem.
Zachycení aktivování a deaktivování okna v JS
V JavaScriptu lze relativně snadno reagovat na aktivování nebo deaktivování okna/záložky/tabu.
Zvýraznění aktivované kotvy (:target)
Pokud se v rámci stránky používají odkazy na jednotlivé #části, může být vhodné zvýrazněním ukázat, kam odkaz mířil.
Body s popisky na mapě
Statická obrázková mapa s vlastními body a :hover popisky.