Moderní tvorba webových stránek

O webu
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

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