Moderní tvorba webových stránek

O webu
    Poskakování kvůli scrollbaru

    Poskakování stránky kvůli posuvníku

    6. srpna 2023 CSS , Rady a nápady , Hotová řešení , Scrollování

    Jak zabránit, aby obsah stránky poskakoval v závislosti na posuvníku.

    Jak umožnit načítání stránky v rámu pomocí frame-ancestors

    Zobrazování stránek v rámech s frame-ancestors

    4. července 2023 Bezpečnost , Prohlížeče

    Pomocí CSP hlavičky frame-ancestors jde umožnit načtení stránky do <iframe>.

    Stylování inputu range

    Stylování <input type=range>

    13. března 2023 Formuláře , Stylování elementů

    Jak docílit vlastního vzhledu range „slideru“.

    10+ věcí, jak AI pomáhá při programování

    10+ věcí, jak AI pomáhá při programování

    8. března 2023 Rady a nápady , Produktivita

    AI dokáže výrazně zvýšit efektivitu programátora. Nevezme mu ale práci?

    Parsování HTML v JavaScriptu

    Parsování HTML v JavaScriptu

    8. března 2023 JavaScript , Hotová řešení

    Jak v klientském i serverovém JS parsovat a upravovat HTML kód.

    V jakém programu upravovat obrázky

    V jakém programu upravovat obrázky

    11. ledna 2023 Produktivita , Obrázky

    Jaký program zvolit pro rychlou úpravu obrázků.

    Získání unikátní barvy pro text v JS

    Získání unikátní barvy pro text v JS

    10. ledna 2023 JavaScript , Hotová řešení

    Jak pro libovolný řetězec spočítat unikátní barvu.

    UX políčka pro datum narození

    UX políčka pro datum narození

    7. ledna 2023 UX , Formuláře

    Jak usnadnit uživatelům zadávání data narození.

    JS podmínka v objektu

    JS podmínka v objektu

    6. ledna 2023 JavaScript , Hotová řešení

    Jak v JavaScriptu zapsat podmínku uvnitř objektu.

    Postman

    Postman

    5. ledna 2023 Produktivita

    Postman je software pro testování a volání API.

    Jak získat přístup k API přes mobilní aplikaci

    Získání přístupu k API přes mobilní aplikaci

    24. prosince 2022 Rady a nápady , Produktivita

    Jak přes mobilní aplikaci získat přístup k neveřejnému API různých webů.

    Build jednoduchého JS pro staré prohlížeče

    Build jednoduchého JS pro staré prohlížeče

    22. prosince 2022 JavaScript , Hotová řešení

    Jak zajistit transformaci jednoduchého JavaScriptu i pro staré prohlížeče jako IE 11.

    Jak skrýt posuvník v <iframe>

    Jak skrýt posuvník v <iframe>

    21. prosince 2022 Scrollování , Hotová řešení

    Jak pomocí CSS skrýt scrollbar u stránky vložené přes <iframe>.

    Náhled URL

    Náhled URL

    20. prosince 2022 Hotová řešení , Získávání obsahu

    Jak získat obrázkový náhled a další informace pro libovolnou URL.

    Rozdělování Vite/Rollup buildu do chunků

    Rozdělování Vite/Rollup buildu do chunků

    19. prosince 2022 Zrychlování webu , JavaScript , Rady a nápady

    Jak rozdělit build aplikace do souborů, aby byla co nejrychlejší.

    Video Playwright testu

    Video Playwright testu

    13. srpna 2022 Testování webů , Hotová řešení

    Jak uložit video automatického testu.

    Atribut download

    HTML atribut download

    25. července 2022 HTML , HTML atributy

    HTML atribut download zlepšuje uživatelský dojem ze stahovaného souboru.

    Tailwind CSS

    Tailwind CSS

    24. listopadu 2021 CSS , Frameworky , Produktivita

    CSS framework pro stylování webů přes utility třídy.

    Storybook

    Storybook

    18. listopadu 2021 Rady a nápady , Style guide , Produktivita

    Storybook je nástroj pro snadné generování přehledu UI komponent.

    Jak vytvořit tmavý režim / dark mode v CSS

    Jak vytvořit tmavý režim / dark mode v CSS

    10. listopadu 2021 CSS , Hotová řešení , Prohlížeče

    Jak co nejlépe vytvořit pro web tmavý režim, aby automaticky respektoval nastavení uživatele.

    Nejoblíbenější

    Centrování v CSS

    Centrování na webových stránkách

    Ucelený popis různých způsobů vertikálního i horizontálního centrování. Se známou i neznámou šířkou nebo výškou.

    Analysování a kontrola stránky

    Nástroje pro kontrolu a analysování stránky

    Užitečné nástroje pro analysování, kontrolování a prověřování webových stránek.

    SVG

    SVG

    SVG je grafický formát vhodný pro grafické prvky, které mají mít možnost měnit svou velikost.

    HTTPS – má smysl?

    Přechod na HTTPS

    Jaké jsou výhody a nevýhody převedení webu na zabezpečené HTTPS. Proč web na HTTPS přesunout?

    10 rad, jak vytvořit ideální URL

    10 rad pro vytvoření nejlepší URL

    Jakým způsobem volit tvar URL jednotlivých stránek s ohledem na použitelnost a SEO.

    Jaký zvolit formát obrázku

    Jaký formát obrázku použít na webu

    PNG, GIF, JPG? Který datový formát obrázku volit pro použití na webové stránce.

    S-Rank

    S-Rank

    Co je to S-Rank? Jak ho zjistit, z čeho se počítá a jak ovlivňuje výsledky vyhledávání / SEO.

    Jak zapsat na české klávesnici?

    Zvláštní znaky na české klávesnici

    Jak na běžné české klávesnici pohodlně programovat a zapisovat všelijaké speciální znaky?

    Jak probíhá vykreslování stránky

    Jak funguje vykreslování stránky

    Co prohlížeč dělá s webovou stránkou při vykreslování.

    Responsivní design webu

    Responsivní design webu

    Jak jednoduše a kvalitně vytvořit web, který se přizpůsobí všem velikostem cílových zařízení.

    20 nejhorších chyb HTML formulářů

    20 největších chyb formulářů na webu

    Jakým chybám se vyvarovat při tvorbě formulářů na webu.

    Česká písma (250 fontů)

    Česká písma z Google Fonts

    Seznam fontů z Google Fonts, které obsahují znaky s diakritikou pro psaní českého textu.

    CSS 3 selektory

    Seznam všech CSS 3 selektorů

    V CSS 3 je spousta selektorů, které s postupným mizením starších prohlížečů může dávat smysl znát.

    Je čas na Facebooku

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

    Web jecas.cz píše Bohumil Jahoda, kontakt
    Seznam všech článků
    2013–2023