Je čas.cz – moderní tvorba webových stránek

Vite – super rychlý dev server / build

Vite – super rychlý dev server / build

1. března 2021 Produktivita , JavaScript

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

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

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

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

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

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

Dalších cca 600 článků je v archivu