Moderní tvorba webových stránek

O webu
Rozdíl mezi var a let v JS

Rozdíl mezi var a let v JS

30. března 2020 JavaScript , Rady a nápady

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

Jak funguje position: sticky

Jak funguje CSS position: sticky

18. března 2020 CSS , CSS vlastnosti , Fixní posice , Scrollování

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

Barva podle odrolování na stránce

Barva podle odrolování na stránce

15. března 2020 Hotová řešení , Scrollování , CSS

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

Změna barvy lišty v mobilních prohlížečích

Barva horní lišty v mobilním prohlížeči

14. března 2020 Responsivní design , Prohlížeče , Rady a nápady

Jak obarvit záhlaví mobilního prohlížeče, aby ladilo se stránkou.

Ověřování inputu pro zadávání URL webu

Jak udělat <input> pro zadávání adresy webu

9. března 2020 Formuláře , Rady a nápady

Jak vytvořit políčko pro URL webové stránky a správně ho validovat.

Pravidla ukazatele any-pointer a any-hover

CSS pravidla any-pointer a any-hover

4. prosince 2019 CSS , CSS pravidla , Hotová řešení

CSS pravidla @media any-pointer a any-hover slouží k detekci přesnosti a typu ovládání.

Box-shadow

Box-shadow

14. října 2019 CSS , CSS vlastnosti

Vlastnost box-shadow umí vytvořit CSS stín kolem elementu.

Barva ukazatele caret-color

Barva ukazatele caret-color

18. dubna 2019 Formuláře

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

Zachování posice scrollování overflow-anchor

Zachování posice scrollování overflow-anchor

29. března 2019 CSS , CSS vlastnosti , Scrollování

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

Jak zadávat datum?

Zadávání kalendářního data

24. prosince 2018 Formuláře , Hotová řešení , JavaScript , Datum

Pohodlné zadávání kalendářního data ve formulářích.

Kulaté rohy

Kulaté okraje v CSS

13. října 2018 CSS , CSS vlastnosti , Hotová řešení

Jak vytvořit v CSS zaoblené okraje.

Reset políčka pro nahrávání souboru

Resetování <input type=file>

14. září 2018 Formuláře , Hotová řešení , HTML značky , HTML

Jak resetovat (odstranit) hodnotu z <input>u pro upload souborů.

Object-fit

Object-fit

13. září 2018 CSS , CSS vlastnosti , Obrázky

CSS vlastnost object-fit umí přizpůsobit obrázek pevné velikosti.

Tisk stránky

Vytisknutí stránky

17. srpna 2018 Rady a nápady , Hotová řešení , CSS , JavaScript

Jak správně připravit webovou stránku pro pohodlné vytištění.

Immutable cacheování trvalých souborů

Cache-Control: immutable – cache trvalých souborů

14. července 2018 Zrychlování webu , Rady a nápady

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

Text-decoration

Text-decoration

25. června 2018 CSS , CSS vlastnosti

Vlastnost text-decoration slouží k „vyzdobení“ běžného textu.

CSS Elements Queries

CSS Elements Queries

22. června 2018 CSS , Responsivní design , Rady a nápady

Jak zajistit různý vzhled elementů v závislosti na jejich rozměru.

Nula před desetinnou tečkou u čísla

Nula před desetinnou tečkou u čísla

1. června 2018 CSS , Rady a nápady , Style guide

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

Zjištění FTP hesla v Total Commanderu

Zjištění FTP hesla v Total Commanderu

31. května 2018 Produktivita , FTP , Hesla

Jak zjistit z Total Commanderu uložená hesla k FTP.

V jakém pořadí psát CSS vlastnosti

Pořadí CSS vlastností

28. května 2018 CSS , Preprocesory , Hotová řešení , Style guide

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