Moderní tvorba webových stránek

O webu
Kopírování objektů v JS

Kopírování/klonování objektů v JS

20. října 2020 JavaScript , Rady a nápady

Jak správně a úspěšně zkopírovat objekt v JavaScriptu.

Recense: Vzhůru do AMP

Recense: Vzhůru do AMP

12. května 2020 Recense , Produktivita , JavaScript

Má smysl používat AMP, nebo je to úplná blbost?

PhpStorm, nebo WebStorm?

PhpStorm, nebo WebStorm?

7. května 2020 Produktivita , Rady a nápady

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

Jak funguje jecas.cz

Jak funguje jecas.cz

5. dubna 2020 Rady a nápady , Produktivita

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

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.