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

Offline stránka v PWA přes ServiceWorker

Offline stránka v PWA přes ServiceWorker

24. května 2021 Offline , JavaScript , Hotová řešení

Jak udělat web fungující offline. A splnit tak požadavky na PWA.

Zúčastněte se online konference Frontendisti.cz

Zúčastněte se online konference Frontendisti.cz

22. května 2021 Konference

V sobotu 29. 5. 2021 od 10.00 do 16.30 bude česká online konference o webovém frontendu.

CSS pseudo třída :is()

CSS pseudo třída `:is()`

16. března 2021 CSS , CSS selektory

Jak v CSS pseudo třída :is() dokáže z(ne)přehlednit styly.

CSS backdrop-filter

CSS `backdrop-filter`

16. března 2021 CSS , CSS vlastnosti

Vlastnost backdrop-filter dokáže uplatnit filtr pro pozadí elementu.

VisualViewport API

VisualViewport API

8. března 2021 JavaScript , Rozlišení

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

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.

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