
JavaScript Battery API
Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.


Sdílení stránky přes Web Share API
Web Share API nabízí možnost sdílet odkaz na stránku nebo soubor přes rozhraní prohlížeče/systému.

Odeslání formuláře tlačítkem mimo něj
Jak odeslat formulář tlačítkem, které je mimo formulář.


Query string v URL
Řetězec dotazu je část URL za otazníkem obsahující nejrůznější parametry.



Proč nemůže vlastní externí font fungovat
Vysvětlení proč není možné na webu používat vlastní externí písmo, které funguje správně.

Různá šířka <input type=number>
s min
/max
Proč má <input type=number>
různou výchozí šířku v závislosti na min
/max
atributech.

Výpis náhodného textu
Jak na stránce náhodně vypsat obrázek, odkaz, reklamu, text nebo cokoliv jiného.

13 důvodů, proč má web fungovat bez JavaScriptu i v roce 2025
JavaScript je sice klíčový pro moderní web, ale jeho selhání není výjimkou. Zde je 13 důvodů, proč by měl web fungovat i bez něj.

Zvláštní znaky na české klávesnici v macOS
Jak v macOS na běžné české klávesnici pohodlně programovat a zapisovat všelijaké speciální znaky?



Poskakování stránky kvůli posuvníku
Jak zabránit, aby obsah stránky poskakoval v závislosti na posuvníku.

Zobrazování stránek v rámech s frame-ancestors
Pomocí CSP hlavičky frame-ancestors
jde umožnit načtení stránky do <iframe>
.


10+ věcí, jak AI pomáhá při programování
AI dokáže výrazně zvýšit efektivitu programátora. Nevezme mu ale práci?

Parsování HTML v JavaScriptu
Jak v klientském i serverovém JS parsovat a upravovat HTML kód.




Získání přístupu k API přes mobilní aplikaci
Jak přes mobilní aplikaci získat přístup k neveřejnému API různých webů.

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>
.


Rozdělování Vite/Rollup buildu do chunků
Jak rozdělit build aplikace do souborů, aby byla co nejrychlejší.

HTML atribut download
HTML atribut download
zlepšuje uživatelský dojem ze stahovaného souboru.



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.

Odstranění nepoužívaných překladů ve Vue.js
Jak ve Vue.js automaticky udržovat překlady očištěné o nepoužívané klíče.

Offline stránka v PWA přes ServiceWorker
Jak udělat web fungující offline. A splnit tak požadavky na PWA.

Zúčastněte se online konference Frontendisti.cz
V sobotu 29. 5. 2021 od 10.00 do 16.30 bude česká online konference o webovém frontendu.



VisualViewport API
VisualViewport API umožňuje v JS lépe reagovat na velikost viewportu a jeho změny.

Vite – super rychlý dev server / build
Vite je nástroj pro neuvěřitelně rychlý dev server, hot reload a build JS/CSS.



PhpStorm, nebo WebStorm?
Hodí se pro vývoj webu používat PhpStorm, nebo WebStorm? Jaké jsou rozdíly.

Jak funguje jecas.cz
Jak funguje zdejší frontend, backend a jak se to vše nahrává na server.

Rozdíl mezi var
a let
v JS
Jaký je v JavaScriptu rozdíl mezi deklarováním proměnných přes var
a let
.

Jak funguje CSS position: sticky
CSS sticky
posice umožňuje bez JS zafixovat element ke kraji okna při rolování.

Barva podle odrolování na stránce
Jak pouze v CSS měnit pozadí elementu v závislosti na odscrollování na stránce.

Barva horní lišty v mobilním prohlížeči
Jak obarvit záhlaví mobilního prohlížeče, aby ladilo se stránkou.

Jak udělat <input>
pro zadávání adresy webu
Jak vytvořit políčko pro URL webové stránky a správně ho validovat.

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í.

Barva ukazatele caret-color
CSS vlastnost caret-color
dokáže obarvit blikající ukazatel ve formulářových polích.

Zachování posice scrollování overflow-anchor
CSS vlastnost overflow-anchor
umožňuje nastavit, jak si má prohlížeč pamatovat, kam bylo odscrollováno.


Resetování <input type=file>
Jak resetovat (odstranit) hodnotu z <input>
u pro upload souborů.



Cache-Control: immutable – cache trvalých souborů
HTTP hlavičkou Cache-Control: immutable
jde zamezit opětovanému kontrolování neměnných souborů a zrychlit tak načítání.



Nula před desetinnou tečkou u čísla
Je lepší psát před desetinou tečnou u čísla 0.5
zbytečnou nulu, nebo ne?


Pořadí CSS vlastností
Jak správně řadit jednotlivé CSS vlastnosti v rámci jednoho bloku příslušícímu k selektoru.

Jak používat CSS stav :focus
Proč je důležité stylovat stav :focus
. Jak toho automaticky docílit a jaké jsou s tím problémy.



Maximální možný počet CSS selektorů
Jaké jsou v prohlížečích omezení pro velikost (složitost) CSS souborů.



Zvláštní CSS pro IE
Jak odlišit Internet Explorer od ostatních prohlížečů a vytvořit zvláštní CSS jen pro IE.

Recense: Vzhůru do (responzivního) webdesignu
Martin Michálek vydal další knihu o současné tvorbě webu, tentokrát kromě e-booku i na papíře. Jaká je?






Navázání událostí v JavaScriptu
Jaké existují postupy pro navěšení JavaScriptové události na element. Výhody a nevýhody různých řešení.

Expirace .com
domény
Jak dlouho trvá expirace domény s koncovkou .com. Čím se liší od .cz domény.

Zjištění rozměrů stránky
Jak v JavaScriptu zjistit šířku a výšku rozlišení obrazovky, velikost dostupné plochy (tzv. viewport) nebo rozměry elementu.

HTML/CSS/JS identifikátor id
K čemu se hodí identifikátor, kdy ho používat a jaké znaky může obsahovat.

Instalace Apache, PHP a MySQL za 30 vteřin
Jak si ve Windows spustit vlastní Apache, PHP a MySQL na svém PC za půl minuty.

Zalamování dlouhých slov
Jak si poradit s dlouhými slovy, které by mohly narušit layout stránky.



Výkon animací s transition: all
Je lepší psát transition: all
, nebo vyjmenovávat vlastnosti, které se mají animovat?

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.

Úprava náhledového obrázku webu na Seznamu
Vyhledávání na Seznamu zobrazuje vedle výsledků vyhledávání obrázkový náhled webu. Jak zobrazení náhledu stránky ve vyhledávači ovlivnit?

Vytváření vlastních HTML značek
Je možné si kromě standardních HTML tagů vytvořit nějaké vlastní?

Prodleva po tapnutí na mobilech
Co způsobuje 300 milisekundovou prodlevu po kliknutí na odkaz/tlačítko na dotykových zařízeních.





Nástroje pro kontrolu a analysování stránky
Užitečné nástroje pro analysování, kontrolování a prověřování webových stránek.

Pozvánka na Jobs Dev 2017
Jobs Dev 2017 je veletrh práce pro programátory, který se uskuteční 8. dubna na Fakultě architektury ČVUT v Dejvicích.

Přihlašování pomocí PINu
Kdy a proč používat ve webových aplikacích přihlašování pomocí PIN kódu.

MySQL přes PDO
PDO je PHP rozhraní pro pohodlnější práci s SQL databásí. Jaké přináší výhody a jak ho používat.

SVG
SVG je grafický formát vhodný pro grafické prvky, které mají mít možnost měnit svou velikost.




Přidání přístupu do Google Analytics
Jak do Google Analytics přidat oprávnění třetí osobě, aby mohla prohlížet statistiky.

Stylování <select>
u
Roletový seznam nabízí omezené možnosti v úpravách vzhledu. Které to jsou a jak je rozšířit?


Automatické zoomování inputů na iOS
Jak se vypořádat s automatickým přibližováním stránky u formulářových prvků na iPhonech.

Automatická výška <textarea>
Jak zajistit, aby se výška textového pole přizpůsobovala délce textu.

Blisk – testování responsivních webů
Blisk prohlížeč vypadá jako Chrome, ale má šikovné nástroje pro testování responsivních webů.

Rel=noopener
Atribut noopener
dokáže zabránit manipulaci ze stránky otevřené do nového okna.

CSS prefixy
Některé CSS vlastnosti se zapisují s prefixy. Proč tomu tak je a jak prefixy zapisovat.


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.

Vlastní styl bubliny title
Jaké jsou možnosti pro vlastní vzhled nápovědy, která se objevuje při vyplnění atributu title
.


Jak na Facebook Instant Articles
Instant Articles je technologie pro rychlé zobrazování obsahu na Facebooku. Jak začít?


Responsivní popisky tlačítek
Jak na různě velkých obrazovkách měnit popisky odkazů a tlačítek.

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.

Úprava textu stránky pomocí designMode
Jednoduchý bookmarklet pro okamžité přepsání libovolného textu na stránce.

Statistiky prohlížečů
Statistiky používání internetových prohlížečů na webových stránkách v České republice a ve světě.

Indexování JavaScriptu
Jak se vyhledávače Google a Seznam vypořádají s obsahem v JavaScriptu. Dokáží takový obsah indexovat?

Expressive CSS
Expressive CSS je postup psaní CSS, kde se jednotlivé styly přiřazují pomocí tříd v HTML.

Atributový case-insensitive selektor
Pomocí příznaku i
jde zapsat atributový selektor nezávislý na velikosti písmen.


Nekonečné scrollování
Je lepší nekonečné rolování, klasické stránkování nebo tlačítko „Zobrazit další“?



Přichytávací rolování v CSS
CSS vlastnost scroll-snap
dokáže řídit rolování, aby přeskakovalo mezi jednotlivými elementy.

Ladění responsivních webů
Jak testovat zobrazení responsivního webu na mobilních zařízeních.


Zaokrouhlení času
Jak v PHP zaokrouhlit čas na celé pětiminuty, čtvrthodiny nebo půlhodiny.

Načítání webu v <iframe>
Je rozumné blokovat načítání webu v <iframe>
? Jaká jsou risika a výhody.

Stylovat třídy, nebo elementy?
Je lepší stylovat přímo HTML elementy, nebo všechny styly přiřazovat třídami?

AMP HTML ⚡
AMP HTML je způsob tvorby webu, při kterém je stránka dobře uzpůsobena rychlému načítání na mobilních zařízeních.

Napovídání poskytovatele e-mailu
Jak usnadnit vyplňování e-mailové adresy automatickým napovídáním poskytovatele.



Přesnější měření formulářů v Google Analytics
Jednoduchá cesta, jak spárovat zdroje odeslaných formulářů na webu s Google Analytics.


Jednotné odsazení v CSS
Jak postupovat, aby napříč webem byly mezi elementy stejné rozestupy.

Jak zjistit a opravit překlep
Jak zjišťovat, jestli uživatel neudělal překlep a sdělit mu, co chtěl napsat.

Optimalisace pro AdBlock
Jak stránku optimalisovat, aby ji nerozbilo blokování reklam AdBlockem.



Kam umístit popisky formuláře
Jak umístit popisky formulářových prvků, aby bylo vyplňování formuláře co nejpohodlnější.



Připojení JavaScriptu s async
a defer
Různé způsoby připojení JavaScriptu na stránku, aby se nezdržovalo načítání stránky.

HTML značky <div>
a <span>
Div a span jsou neutrální HTML značky, které se používají k aplikování vzhledu pomocí CSS.



Musí být web validní?
Je nutné, aby byl HTML kód stránky validní? Vliv (ne)validního kódu na SEO.

HTML značka <ruby>
HTML značka <ruby>
slouží k označení výslovností symbolů východních asijských znaků.

Obtékané boxy s proměnlivou šířkou
Jak udělat, aby se obtékané boxy přizpůsobovaly proměnlivé velikosti okna.

Přehrávání zvuků na webu
Jak na webové stránce přehrát zvukové upozornění nebo hudbu pomocí značky <audio>
.

Serializace v PHP
Funkce serialize
v PHP převádí datovou strukturu na řetězec uložitelný do souboru nebo database.

5minutový rychlokurs Bootstrapu
Jak za 5 minut vytvořit web pomocí CSS frameworku Bootstrap.


Náhled odkazu při sdílení na sociálních sítích
Jak upravit stránku, aby se hezky zobrazovala při sdílení na Facebooku a Twitteru.

Responsivní reklama na mobilech
Jak se vypořádat s reklamami při vytváření responsivního webu. Jde to vůbec?




Proč hamburger menu nefunguje
Hamburger menu je oblíbený postup řešení responsivní navigace. Proč se mu vyhnout.

Jak přidat sitemapu do Seznamu a Google
Mapu webu v souboru sitemap.xml
je vhodné přidat do Googlu, Seznamu nebo Bingu. Jak na to?

Odkazy ze starých článků
Do starých článků je dobré doplňovat odkazy na související nový obsah.

Uvozovky v HTML, CSS, JS, PHP, SQL
Jak správně používat uvozovky v HTML, CSS, JavaScriptu, PHP a MySQL.

Počet sdílení na Facebooku a Twitteru
Jak pomocí API získat ve JSONu počet sdílení stránky na Facebooku a Twitteru.

CSS pravidlo @media
Pravidlo @media
se používá k omezení platnosti CSS jen za určitých podmínek.

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í.

Uložení stavu před opuštěním stránky
Jakým způsobem uložit stav aplikace/formuláře před opuštěním stránky.

Přepnout mobilní/desktopový web
Jak přepnout mezi desktopovým a mobilním webem. Má to vůbec smysl?

Vliv redakčního systému na SEO
Může mít použitý redakční systém a jeho šablona vliv na umístění stránky ve vyhledávání?


Rychlé zlepšení SEO
Jak co nejrychleji upravit stránku, aby měla lepší výsledky ve vyhledávání.

Reinstalace Windows 10
Jak přeinstalovat Windows 10 a zlepšit tak výkon PC. Detailní postup krok za krokem.


Vliv rychlosti webu na SEO
Může rychlost webové stránky ovlivnit její umístění ve vyhledávání?

Jak zabránit zkopírování obsahu
Dá se kopírování textů, obrázků a zdrojových kódů z webu zabránit? Jak kopírování využít ve svůj prospěch.



Responsivní hledací formulář
Jak vytvořit responsivní vyhledávací formulář, kde se políčko a tlačítko přizpůsobuje šířce.



Změna stylů JavaScriptem
Jak JavaScriptem nastavovat CSS pro změnu vzhledu jednotlivých elementů.

Co je to polyfill?
Polyfillem se rozumí automatické alternativní řešení, které dokáže zajistit funkčnost něčeho nepodporovaného.

Má web fungovat bez CSS?
Má cenu řešit zobrazení stránky bez stylů? Případy, kdy taková situace nastane.

Umístění kursoru v poli
Jak v JavaScriptu zjistit posici, na které je kursor v textovém poli.



Jak najít neuzavřenou značku?
Neuzavřená HTML značka může způsobovat problémy. Jak ji najít?



Stažení dynamického webu
Jak stáhnout celou webovou stránku a převést ji do statické HTML podoby.



Vlastní Latte filtr
Jak si vytvořit vlastní filtr (helper) do Latte šablon v Nette Frameworku.




Maskování a zobrazování hesla ve formuláři
Je lepší heslo ve formuláři zobrazovat, nebo ho maskovat pomocí hvězdiček?


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.

Jak proběhl přechod vaszrak.cz na HTTPS
Příklad konkrétního webu, který přešel z nezabezpečeného HTTP na HTTPS.

Přechod na HTTPS
Jaké jsou výhody a nevýhody převedení webu na zabezpečené HTTPS. Proč web na HTTPS přesunout?

CSS vlastnost position
CSS rozlišuje statickou, relativní, absolutní a fixní posici. K čemu je co dobré?


Atribut autocapitalize
HTML atribut autocapitalize
slouží k nastavení automatického přepnutí na velká písmena u dotykových klávesnic.




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.

Má web fungovat bez JavaScriptu?
Při tvorbě webu je potřeba zvážit, jestli a jak má fungovat bez podpory JavaScriptu.

Převod sloupců na procenta
Jak převést fixní sloupcové rozložení na procenta, která se budou přizpůsobovat šířce okna.


Automatické vybrání políčka po načtení
Jak a kdy přesunout kursor do textového pole automaticky po načtení stránky.

Odsazení prvního řádku text-indent
CSS vlastnost text-indent
slouží k odsazení nebo předsazení prvního řádku.



WebExpo 2015
O víkendu proběhl již 8. ročník webové konference WebExpo. Co jsem se tam dozvěděl?



Úložiště localStorage
Local Storage je úložiště v prohlížeči klienta přístupné JavaScriptem. K čemu se hodí?

Zmenšení zkratek ve vyhledávání Seznamu
Vyhledávač Seznam.cz někdy převádí ve výsledcích hledání VELKÁ písmena na malá. Kdy a proč?

Preconnect – zrychlení stahování z více domén
Jak v prohlížečích zrychlit stahování souborů z jiné domény pomocí preconnect
.

Upozornění v JS konsoli
Jak do JS konsole vložit výrazné varování o risicích vkládání cizího kódu.


Jak zabezpečit číslo objednávky v e-shopu
Jakým způsobem bezpečně sestavit číslo objednávky zboží v e-shopu.

Nepotvrzení přečtení zprávy na Facebooku
Jak zabránit, aby se příchozí zpráva na Facebooku označila jako přečtená.

Responsivní Facebook Like
Jak zajistit, aby se Facebook Like a Page box přizpůsobovaly šířce obrazovky.

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.

HTML odkazy
Všechny informace a detaily o HTML odkazech, jejich atributech a stylování pomocí CSS.

Horní a dolní index v HTML
Pro zapisování horních a dolních indexů slouží v HTML značky <sup>
a <sub>
.


Připojení lokálního CSS/JS na ostrý server
Jak na ostrý server připojit pro vývoj a testování lokální styly nebo skripty.

Nastavení výšky responsivního obrázku
Jak zabránit poskakování responsivních obrázků během načítání stránky.

Testování v MS Edge a IE
Jak testovat stránky v různých versích Internet Exploreru a Edge ve Windows, Mac OS nebo v Linuxu.

Proč (ne)používat mobile first
Mobile first je postup tvorby responsivního webu, kdy se začíná od nejmenších obrazovek (mobil) až po větší (desktop).





Navštívený odkaz :visited
Pomocí CSS pseudo třídy :visited
jde měnit některé styly navštíveného odkazu.


Sledování 404 chybových stránek
Jak zjistit adresy, které neexistují a končí chybovou stránkou 404 a co s nimi udělat.

Mezera v PSČ
Jak a zda vůbec automaticky odsazovat uživatelem zadané znaky PSČ do formulářového políčka.

Adresa stránky nebo profilu na Facebooku
Jak, kde a proč si nastavit URL pro profil nebo stránku na Facebooku.

Google ignoruje obsah „404 stránky“
Jak se staví Google k obsahu chybové stránky s kódem 404/410.

10 rad pro vytvoření nejlepší URL
Jakým způsobem volit tvar URL jednotlivých stránek s ohledem na použitelnost a SEO.

Změna adresy JavaScriptem
JavaScript může měnit URL. Jak a v jakých případech toho využívat.

Vložení videa z YouTube
Jak přidat na svou stránku video ze serveru YouTube s HTML 5 přehrávačem.

Globální HTML atributy
Obecné atributy jdou používat u všech HTML značek. Zde je jejich kompletní seznam.

Odkaz na hlavní stranu
Má smysl umisťovat na web odkaz na hlavní stranu? Na jakém místě ho návštěvník očekává?



Jak sám sebe přidat do Twitter seznamu
Jak přidat svůj Twitter účet do vlastního seznamu (listu).

Office 2016
Microsoft uvolnil preview versi Office 2016. Jaká je a jak se liší od předchozí 2013?

Kontrola pravopisu v Sublime Text
Jak přidat českou kontrolu pravopisu do editoru Sublime Text.

Upozornění před zavřením stránky
Javascriptová událost onbeforeunload
umožňuje pozastavit uzavření/obnovení stránky.

HTML definice termínu
HTML značka <dfn>
slouží pro vyznačení slovního spojení termínu/výrazu.

Anketa: Pro jaké prohlížeče ladíte stránky?
Na základě čeho určujete prohlížeče, pro které webovou stránku ještě budete ladit?


Přestěhování Wordpressu na jiný server
Jak přenést web běžící na redakčním sytému Wordpressu na jiný server.

Předchozí/další element v JavaScriptu
Získání následujícího nebo předchozího sourozence pomocí nextSibling
a previousSibling
.

Google Analytics: Přehled podle hodin
Jak v Google Analytics zobrazit podíl návštěv dle denní doby nebo dnů v týdnu.


Psát margin: auto
, nebo margin: 0 auto
?
CSS konstrukce margin: auto
se obvykle používá pro vodorovné centrování bloku.

Generování QR kódu
Co je to QR kód a jak ho okamžitě vytvořit pomocí jednoduchého online generátoru.

Hlavička User-Agent
User-Agent je hlavička, kterou posílají prohlížeče jako svou identifikaci.

Určení kódování BOMem
Co je to BOM a jak nastavuje kódování pro správné zobrazování českých znaků.


ARIA atributy
HTML atributy aria-*
slouží k sémantickému vyznačení informací pro postižené uživatele.



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.

Proč nepoužívat <select>
Proč se snažit vyhnout používání rozbalovací nabídky <select>
za každou cenu.



Převod webu na responsivní design
Jak webovou stránku co nejlépe a nejjednodušeji převést do responsivní podoby.



BEM – způsob zápisu CSS
BEM (Block, Element, Modifier) je postup, kterým zapisovat CSS pravidla a pojmenovávat CSS třídy.

Will-change
CSS vlastnost will-change
dá prohlížeči najevo, že se s elementem bude něco dělat.

Maximální šířka pozadí
Jak obrázkovému pozadí nastavit maximální šířku. Tj. aby se přizpůsobovalo menší šířce okna.

Automatické vypnutí disku ve Windows
Windows automaticky vypíná pevný disk po 20 minutách nečinnosti. Jak vypínání zrušit?

Zakázání označování textu
Standardně jde na webu označovat text. Jak jeho výběru myší zabránit?

Plynulé rozbalení obsahu
Jak pomocí CSS animace a JavaScriptu plynule rozbalit původně skrytý obsah.


Automatické vyplňování formulářů
Pomocí atributu autocomplete
jde usnadnit a zrychlit vyplňování formulářů.

Oprava chyb použitelnosti v mobilních zařízeních
Google informuje o chybách v použitelnosti u mobilních zařízeních. Jak je opravit?

Nejbližší předek elementu – closest
JavaScriptovou metodou closest
jde získat nejbližší nadřazený element vyhovující selektoru.

Image-rendering
CSS vlastnost image-rendering
ovlivňuje způsob, kterým se v prohlížeči zvětšují/zmenšují obrázky.

Jaký formát obrázku použít na webu
PNG, GIF, JPG? Který datový formát obrázku volit pro použití na webové stránce.


Styl elementů podle jejich počtu
Jak pomocí CSS odlišně stylovat položky v závislosti na jejich počtu.

Hodnota zaškrtnutého radio
<input>
u
Jak v JavaScriptu zjistit hodnotu označeného radio políčka.


Nadpisy na webu
Pro značení nadpisů stránek existují značky <h1>
, <h2>
, <h3>
, <h4>
, <h5>
a <h6>
.

Měření blokování reklam v Google Analytics
Jak pomocí Google Analytics změřit návštěvníky, kteří blokují reklamy.


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ší.



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.


CSS vlastnost mask
Vlastnost mask
dokáže vytvářet elementy s texturou nebo nepravidelnými tvary.

Zvýraznění sloupců/řádků tabulky po najetí
Jak při najetí myší na tabulku zvýraznit příslušné sloupce a řádky.

Atribut minlength
HTML atribut minlength
stanovuje minimální počet znaků, který musí být v políčku.

HTML entity
Entity v HTML jsou zvláštní druh posloupnosti znaků sloužící k zápisu různých symbolů.


Generování náhodných obrázků
Pro vývoj a testování webů se hodí znát způsoby, jak v okamžiku vložit do stránky ilustrační obrázek.


Dohledání a opravení rozbité adresy
Zejména automatické převaděče URL na HTML odkazy, ale i lidé dokáží pokazit tvar odkazu na webovou stránku.

Přestěhování systému Joomla!
Jak zkopírovat web běžící na redakčním sytému Joomla! na jiný server.


Jak zobrazit chybové hlášky
Při odstraňování problému v HTML/CSS/JS/PHP/SQL je nutný přístup k chybovým hláškám, jak se k nim dostat?

České skloňování
Jak v JS, PHP nebo CSS správně vytvořit skloňování slov pro české prostředí.






Zvláštní znaky na české klávesnici
Jak na běžné české klávesnici pohodlně programovat a zapisovat všelijaké speciální znaky?



Styl označeného textu
Pseudo-element ::selection
umožňuje změnit styl kursorem označeného textu.


Drag & Drop v JavaScriptu
Jak vytvořit „drag & drop“ přesouvání prvků po stránce v JavaScriptu.

Selektor :matches
CSS pseudotřída :matches
slouží ke zjednodušení zápisu dlouhých výčtů selektorů.


Měření vyhledávání a akcí v Google Analytics
Jak v Google Analytics měřit vlastní akce jako kliknutí na tlačítko nebo dotazy do interního vyhledávání.

Sublime Text – klávesové zkratky
Nejzajímavější klávesové zkratky v Sublime Text pro zrychlení práce.


Zrychlení AJAXové aplikace o 100 ms
Jak u AJAXové aplikace snadno zrychlit odezvu na kliknutí o 100 milisekund.

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.



JS document.head
Přístup k hlavičce stránky v JavaScriptu je možný konstrukcí document.head
.

Google zrychlil načítání na mobilech
Jak Google zrychlil načítání stránek z výsledků hledání o 150 milisekund.

Nová Google reCAPTCHA
Google vytvořil novou podobu nástroje chránícího před roboty reCAPTCHA.


Načítání CSS bez blokování vykreslování
Jak asynchronně načítat CSS, aby neblokovalo vykreslování stránky.


Font-feature-settings
S CSS vlastností font-feature-settings
lze dosáhnout zajímavější typografie u OpenType písem.

Samostatný Internet Explorer 11
Microsoft nabízí samostatný cloudový Internet Exploreru 11, který může běžet nezávisle na aktuálním IE v systému.

Návštěvnost jen z určitých zemí v Google Analytics
Jak v Google Analytics filtrovat návštěvnost na základě země návštěvníka.


Google a skrytý text
Obsah v záložkách a skrytý v „Zobrazit více“ nemusí být Googlem indexován nebo brán v potaz.


Grafický editor v prohlížeči
Jaké jsou možnosti pro provádění úprav obrázků (zvýraznění, přidání popisků apod.) přímo v prohlížeči.

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.


Google označí stránky vhodné pro mobil
Ve výsledcích hledání na Google se objeví informace, že je stránka přizpůsobena pro mobilní zařízení.

Background-clip
CSS vlastností background-clip
jde omezit místo, kde zobrazí obrázek na pozadí.

HTML atribut scoped
HTML 5.1 přichází s možností validně používat element <style>
i mimo část <head>
.



Firefox Developer Edition
Vyšla speciální verse Firefoxu pro webové vývojáře. Kde ji stáhnout a co nového nabízí.

Š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í.

Třísloupcový layout
Různé možnosti vytvoření rozvržení o 3 sloupcích s fixní i proměnnou šířkou.

Responsivní design webu
Jak jednoduše a kvalitně vytvořit web, který se přizpůsobí všem velikostem cílových zařízení.



JS vlastnost innerHTML
Jak funguje vlastnost innerHTML
v JavaScriptu. Různé způsoby vypisování obsahu v JS.

Box-decoration-break
Vlastnost box-decoration-break
upravuje chování stylu elementu při zalomení řádku.

Margin, border a absolutní posicování
Jak se chová margin
a border
u absolutně posicovaných elementů.

HTML značka <output>
Značka <output>
slouží k vypsání výsledku závislého na předchozí uživatelské akci.



Kontextová nabídka <menuitem>
HTML značka <menuitem>
umožňuje vytvořit nativní kontextovnou nabídku.

Jak zakázat psaní do <input>
u
V jakých případech a jak zamezit psaní do formulářového políčka.

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.


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.


Responsivní CSS mřížka
Jak vytvořit čistě v CSS mřížku, která se bude přizpůsobovat velikosti okna.




Výška závislá na šířce
Jak v CSS nastavit výšku v závislosti na procentuální i pevné šířce.


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.




Označení povinných položek
Jak elegantně ve formuláři označit povinné položky atributem required
.

Clickjacking na Facebooku
Jak funguje clickjacking na Facebooku a jak se proti němu bránit.

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“.

Pluginy v Sublime Text
Už tak kvalitní editor lze instalací vhodných rozšířeních učinit ještě lepším. Jak a jaké pluginy nainstalovat?a href='/sublime-text'

Tabulky v JavaScriptu
Jak pracovat s tabulkami v JS. Popis metod insertRow
, insertCell
, deleteRow
a dalších.

20 největších chyb formulářů na webu
Jakým chybám se vyvarovat při tvorbě formulářů na webu.




Hodně souborů v jedné složce
Proč je problém ukládat do jedné složky velké množství souborů.


Zjištění majitele domény
Jak PHP skriptem ověřit, zda je doména volná nebo kdo je její vlastník.


Propagační kód do Google AdWords
Jak získat zdarma propagační kód na 1000 Kč v Google Adwords.

HTML atribut media
HTML atribut media
funguje u značky <a>
podobně jako Media Queries v CSS.

Zápis průhledné barvy rgba()
Zadávání barev v CSS pomocí rgba()
umožňuje vytvořit průhledné jednobarevné pozadí.


Atribut ping
HTML atribut ping
umožňuje pingnout nějakou další stránku při prokliknutí odkazu.


Odstranění obsahu HTML elementu
Jak v JavaScriptu odstranit všechny potomky v určitém HTML elementu.





Skrývání a odkrývání s data-atributy
Zobrazování a skrývání obsahu elegantněji s využitím vlastních atributů.

Text-stroke
CSS vlastnost text-stroke
vytváří okraj písmen podobně jako vlastnost border
u boxů.

Záznamy z SQL za poslední hodinu, den, měsíc
Jak vybrat z SQL databáse záznamy za poslední minutu, hodinu, den, týden, měsíc atd.

CSS selektory :valid
a :invalid
CSS selektory :valid
a :invalid
umí rozpoznat správně nebo špatně vyplněné formulářové políčko.


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).

Spuštění PHP v Sublime Text
Při programování v PHP se občas hodí testovat (spouštět) skript přímo v editoru.


Noreferrer
Řetězec rel=noreferrer
umožňuje nastavit odkazu, že nemá posílat informace o předešlé navštívené stránce.

Universální hover efekt pro různé barvy pozadí
Jak vytvořit universální :hover
efekt pro různě barevná tlačítka.

CSS counter
Automatické číslování v CSS za pomocí counter-increment
, counter-reset
a counter
.

CSS vlastnost content
CSS vlastnost content
slouží k zapisování obsahu do stránky z kaskádových stylů.


Odsazení písmen a slov
Nastavení odsazení jednotlivých písmen (letter-spacing
) a mezer mezi slovy (word-spacing
).


Přidání nové stránky do Google Analytics
Jak přidat nový web do měření návštěvností službou Google Analytics.

Metody getElementById
a getElementsByTagName
Vybírání elementů v JavaScriptu metodami getElementById
, getElementsByTagName
a getElementsByClassName
.

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.


Přístup k prvkům formuláře v JS
Jakými způsoby je možné získávat hodnoty prvků formuláře v JavaScriptu.


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.

Zamykání MySQL tabulek
K čemu slouží, kdy a proč používat zamykání tabulek příkazem LOCK TABLE
.

MySQL a transakce v PDO
K čemu slouží, jak a proč používat transakce při používání MySQL v PDO.

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ů“.

Adresa a mapa
Jak správně zadávat na webové stránce svou adresu a jako zajistit její zobrazení na mapě.

Elementy documentElement
a body
v JavaScriptu
Co se skrývá pod document.body
a document.documentElement
. Jaká je podpora v prohlížečích.


HTML atribut placeholder
HTML atribut placeholder
slouží k zadání ukázkové hodnoty do formulářového pole.

DOM (Document Object Model)
Co je to v prostředí HTML stránky DOM (Document Object Model) a jak se liší od zdrojového kódu.

Margin v CSS
CSS vlastnost margin
slouží k vytvoření odsazení kolem elementu, který má margin
nastavený.

Vlastní atributy v HTML
Jak je to s vytvářením a používáním atributů s vlastními názvy v HTML stránce.

Emmet a časté zkratky
Nástroj Emmet usnadňuje a zrychluje psaní HTML/CSS kódu. Seznam často používaných zkratek.

Zobrazení avataru z Twitteru
Jak na svém webu zobrazit avatar uživatele z Twitteru, známe-li jeho jméno/přezdívku.

Rychlé kliknutí a vyvolání události
Jak zajistit, aby ovládací prvky uživatelského rozhraní reagovaly správně i na rychlé kliknutí.



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.

Seznam českých Google písem – making of
Postup, kterým jsou vybírána a určována písma s českou diakritikou z Google Fonts.

Česká písma z Google Fonts
Seznam fontů z Google Fonts, které obsahují znaky s diakritikou pro psaní českého textu.

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?



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.


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.

Spojení CSS a JS souborů do jednoho
Zrychlit načítání webu pomůže sloučení CSS a JavaScriptu do jednoho souboru. Hotové řešení v PHP.


Značka <button>
Tlačítko <button>
v HTML, možné problémy v Internet Exploreru a jak je vyřešit.

Responsivní komentáře
Jak některé části stránky načítat jen při určité velikosti obrazovky.

Stylování formulářových políček a tlačítek
Které CSS vlastnosti si ohlídat při dosahování perfektního stylu vstupní políček a odesílacích tlačítek.

HTML značka <template>
HTML tag <template>
slouží k připravení HTML kódu, který později zpracuje JavaScript.

CSS sprite
Spojení všech obrázků do jednoho (CSS sprite) zrychlí načítání webu. Hotový generátor v PHP.


JavaScriptové události myši
Popis všech možných událostí, které lze v JavaScriptu vyvolat myší. Návod, jak je odchytávat a blokovat.

Magnific Popup – zajímavý lightbox skript
Rozumně napsaný, universální a dobře použitelný lightbox skript.

Počet znaků a slov v textu
Jak spočítat délku (počet znaků), počet slov, řádků nebo odstavců v textu.

CSS pointer-events
Vlastnost pointer-events
umožňuje zrušit reakci na události vyvolané myší.

Dvě domény na jednom Wedos hostingu
Jak u Wedosu na jednom hostingu provozovat další doménu zdarma.

Procházení značek v JavaScriptu
Jak cyklem procházet značky v JavaScriptu. Popis různých možností.

Výběr elementů querySelector
em
Metoda querySelector
a querySelectorAll
zjednodušuje výběr elementů v JavaScriptu.




Velikost Facebook coveru
Jaké má rozměry „Facebook cover“ a profilová fotka. Jak je profilový obrázek umístěn.

Responsivní tabulky
Co udělat s tabulkami, aby se rozumně zobrazovaly na mobilech/tabletech.

Uvozovky v CSS
Vlastnost quotes
umožňuje nadefinovat uvozovky, které se okolo značky objeví.





Vlastní kontextová nabídka
Jak po stisknutí pravého tlačítka myši zobrazit vlastní nabídku.


Změna URL bez obnovení stránky
Jak může JavaScript přes history.pushState
změnit URL stránky bez znovunačtení.

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é?

Našeptávání značkou <datalist>
Pro napovídání možností při vyplňování <input>
u lze v HTML 5 použít značku <datalist>
.

Směr přijetí/odjetí myši z elementu
Jak zjistit, kterým směrem myš opustila element nebo odkud na něj přijela?



Změna vzhledu Google Mapy
Mapu od Googlu na vlastním webu je možné přestylovat do jiné podoby.

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.

Bezpečnost webových stránek
Bezpečnostní risika na webových stránkách a jejich řešení a prevence.


Má návštěvnost vliv na SEO?
Má smysl z pohledu SEO (či jiného) se hnát za co nejvyšší návštěvností?

JavaScriptová simulace atributu ismap
HTML atribut ismap
umí zjistit souřadnice při kliknutí na obrázek. Jak na to v JS?


Událost onclick
na různých elementech
Test události onclick
na různých elementech při vyvolání myší i klávesnicí.


Označení interních a externích odkazů
Odlišení interních a externích odkazů a odkazů na soubory čistě v CSS.



Automatické obnovení stránky při uložení
Nástroj LiveReload umí po uložení souboru v editoru automaticky obnovit tutéž stránku v prohlížeči.

HTML značka <select>
Popis, možnosti a vylepšení rozbalovacího výběru, HTML značky <select>
.

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?

CSS vlastnost animation
Animování prvků na stránce pomocí čistého CSS s využitím @keyframes
.

CSS 3 selektory ve starých IE
Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.

Obtékání v CSS
Detailní popis obtékání (float
) a clearování v CSS, stavba stránky pomocí obtékání, vysvětlení možných risik a úskalí.


Nejpoužívanější CSS vlastnosti
Žebříček CSS vlastností dle jejich četnosti na webových stránkách.

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ňů).

HTML značka <progress>
Značka <progress>
slouží k znázornění postupu. Co nabízí za možnosti?

Jednoduchý web v PHP
I web o pár stránkách je vhodné skládat automatisovaně. Jak na to v PHP?



Odkaz vypadající jako tlačítko
Odkaz jako tlačítko, nebo tlačítko jako odkaz? Postup, jak z odkazu vyrobit tlačítko a naopak.

Sloupce stejně vysoké
Různé možnosti, jak zajistit automatické roztažení různě vysokých sloupců na stejnou výšku.

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.

Velký obrázek na pozadí stránky
Jak správně udělat obrázkové pozadí celé stránky, které se přizpůsobí velikosti okna.

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.

Živý náhled editovaného CSS
Jak docílit, aby se editované CSS v Sublime Text editoru v reálném čase aplikovalo v prohlížeči.


Flat UI framework
Flat UI nabízí hotové uživatelské rozhraní založené na Bootstrapu, má smysl jej používat?

Emmet – efektivnější psaní kódu
Nástroj Emmet nabízí výrazné zjednodušení při psaní HTML a CSS kódu.

Pro jaké prohlížeče ladit svůj web
Jak určit, pro které prohlížeče webovou stránku optimalisovat.


Srovnávací test rychlosti prohlížečů
Je rychlejší Chrome 27, Firefox 22, Opera 15, nebo Internet Explorer 10?

Jak přidat stránku na Seznam a Google
Adresy, na kterých lze dát vyhledávačům vědět o svém novém webu.



Testování webů napříč prohlížeči
Možnosti, jak otestovat webové stránky v různých versích různých prohlížečů. Desktopových i mobilních.




Flexboxy
Flexibilní stylování boxů je jednoduší a schopnější alternativa k obtékání (float
), ale zatím hudba budoucnosti…

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.


Odstranění vlastních návštěv v Google Analytics
Jak v Google Analytics vyloučit ze statistik svých webů vlastní návštěvy.

Č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.

Obal <body>
, nebo <div id=container>
?
Ve standardním režimu lze značku <body>
stylovat jako normální <div>
. Má to cenu?

Speciální znaky v atributu class
Co takhle psát názvy tříd v HTML a CSS hezky česky s diakritikou. Funguje to?

Jak vytvořit fixovaný banner?
JavaScriptové řešení prvku, který při rolování zůstane stále viditelný.

CSS framework Kraken
Kromě populárního CSS frameworku Bootstrap existují i další zajímavé. Kraken je jeden takový.

Pokročilé stylování checkbox
u
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.

Počítání v CSS pomocí calc()
Od Exploreru 9 a mimo starou Operu 12 lze přímo v CSS provádět jednoduché výpočty využitím calc()
.

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.

10 důvodů proč používám Sublime Text
Sublime Text (zkráceně ST) je textový editor vhodný pro webdesign. Proč jej používat?

CSS funkce toggle()
Nefunguje zatím snad nikde, měla by sloužit k pohodlnému zadávání hodnot pro zanořené elementy stejného názvu.

„Programování“ v HTML a CSS
I bez úprav logiky serverového skriptu lze lecčeho dosáhnout samotným CSS.

Animace v CSS pomocí transition
CSS vlastností transition
lze na stránce docílit přechodových animací bez JavaScriptu.

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.

Tlačítka pro sdílení na sociálních sítích
Různé možnosti, jak mít na webu tlačítka pro sdílení na sociálních sítích.

Odrolování na určitý HTML tag
Nestačí-li běžné odrolování na HTML #kotvu, přichází na řadu JavaScript.

Vlastní vzhled formulářů
Jak vytvořit originálně vypadající formulář, aniž by házel uživatelům klacky pod nohy?

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.

Seznam všech CSS 3 selektorů
V CSS 3 je spousta selektorů, které s postupným mizením starších prohlížečů může dávat smysl znát.

Nástroje pro vývojáře v prohlížečích
Pro testování a ladění webu existují (nebo je lze snadno doplnit) ve všech rozšířených prohlížečích vývojářské nástroje.

Úprava obsahu pomocí content
a attr
Pomocí CSS vlastnosti content
a funkce attr
lze ovlivňovat z CSS výsledný textový obsah webu.

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.

JavaScriptový framework Zepto.js
Odlehčená JS knihovna nabízející základní funkce jQuery ve zmenšené podobě.

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.

Atribut pattern
pro formulářové prvky
Validace formulářů regulárními výrazy na straně klienta bez JavaScriptu.

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.



Značka <label>
a atribut for
Značka <label>
slouží ke svázání popisku s formulářovým prvkem. Kdy použít atribut for
?


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.

Selektory :first-child
a :last-child
Pro zaměření první/poslední položky v CSS lze místo přidávání tříd použít :first
/last-child
.

Podmíněné komentáře pro Internet Explorer
Jak rychle a snadno hackovat HTML a CSS v různých historických versích Internet Exploreru.



Souborový správce elFinder pro TinyMCE 4
Čtvrtá verse WYSIWYG editoru TinyMCE změnila API pro připojení správce souborů, co s tím?