Search
Soulad se standardy tvorby přístupného webu, nikoli widgety, je správná cesta k přístupnosti
30.1.2020
Poslední dobou se rozmohl nešvar nabízet přístupnost pomocí widgetů. Ukážeme vám problémy tohoto přístupu
Příklady dobré praxe z testování přístupnosti webů v soutěži Zlatý erb
18.10.2019
Soutěž Zlatý erb o nejlepší webové stránky a elektronické služby měst a obcí má více než dvacetiletou tradici. K celé řadě kritérií přibylo v roce 2002 i kritérium bezbariérové přístupnosti, jehož hodnocení se od té doby stalo nedílnou součástí soutěže
Jednotka fr: Podíl na rozměru v CSS gridu
12.9.2019
Fr je užitečná jednotka, která reprezentuje podíl na volném prostoru v CSS gridu. Pojďme si ji představit
Strojové popisování obrázků – jak moc je přínosné pro uživatele?
29.8.2019
Se strojovým popisováním obrázků se setkáváme stále častěji. Podívejme se na proces z pohledu přístupnosti pro nevidomé uživatele
Responzivní breakpointy: Realizace v kódu (CSS, Sass i PostCSS)
23.8.2019
Ukládání breakpointů a rozmezí do proměnných preprocesoru velmi doporučuji, protože to zpřehlední kód a zefektivní psaní. Příklady v článku využívají CSS preprocesoru Sass v SCSS syntaxi. Ale podíváme se také na PostCSS (a CSSnext) nebo očekávaný vývoj specifikací
Prohlížeč Blisk a testování responzivních webů
12.7.2019
Blisk prohlížeč vypadá jako Chrome a má šikovné nástroje pro testování responzivních webů
Pane programátore, nakódujte mi to hezký! Líbivý vizuál není pro designera správné zadání
4.7.2019
„Ten web je starý, potřebujeme nový!” Tak často zní zadání pro webdesignera. Ti poučenější zadavatelé mají alespoň představu o vizuálu stránek. Ale i pro ně bývá atraktivní vzhled alfou i omegou celé inovace stránek. Ano, každý druhý velký byznys začínal na pravěkých webech a samozřejmě na nich...
Testování přístupnosti webu: doporučené kombinace screen readeru a prohlížeče
12.6.2019
Testujete (či se chystáte testovat) přístupnost webových stránek s odečítači obrazovky a zajímá vás, s jakými konkrétními kombinacemi odečítačů obrazovky a webových prohlížečů dává smysl takové testy dělat?
CSS Grid v MSIE: Jde to. I s automatickým umísťováním do mřížky
16.5.2019
CSS Grid je možné za pomoci Autoprefixeru v řadě případů použít i v Internet Exploreru. Podíváme se na problematickou oblast, kterou je automatické umísťování prvků do mřížky
Praktické postřehy z testování přístupnosti webů v soutěži Biblioweb
9.5.2019
Už řadu let hodnotím přístupnost webů v soutěži o nejlepší webovou prezentaci knihovny Biblioweb, do jejíhož jubilejního dvacátého ročníku přihlásilo své weby 41 veřejných knihoven. Jaká byla přístupnost soutěžních webů a jaké trendy lze na základě letošního hodnocení v této oblasti vypozorovat?
Zachování pozice scrollování pomocí overflow-anchor
9.4.2019
CSS vlastnost overflow-anchor umožňuje nastavit, jak si má prohlížeč pamatovat, kam bylo odscrollováno
AMP pro e-mail je venku. V Gmailu, Yahoo mailu, Outlook.com a Mail.ru. Revoluce e-mailu začíná.
29.3.2019
O AMP v mailu se delší dobu mluvilo, nyní se stává realitou. Co můžeme čekat? Pravděpodobně revoluci e-mailu
Příprava designu, po které touží každý kodér
26.2.2019
Dnes se podíváme na spolupráci mezi grafikem a kodérem. Text je psaný z pohledu grafika. Co vše by měl udělat, než vám kodérům předá grafické podklady, abyste s nimi mohli dobře pracovat? Není toho málo. Porovnejte si to s podklady, které na stůl dostáváte vy. A pokud nevyhovují, pošlete vašemu...
Web Content Accessibility Guidelines (WCAG): seznamte se, prosím
22.2.2019
Doporučení WCAG (Web Content Accessibility Guidelines, Směrnice o přístupnosti webového obsahu) aktuálně ve verzi 2.1 představuje v současné době nejrozšířenější a celosvětově uznávanou metodiku tvorby přístupného (nejen webového) obsahu. Za jeho vytvořením stojí pracovní skupina WAI v rámci...
Grid v návrhu uživatelského rozhraní — jednodušší, než si myslíte, ale důležitější, než jste čekali
30.1.2019
Nic nového pod sluncem. Bootstrap, vertikální grid, horizontální grid. Spočítejte, nastavte, pochopte a porušujte. Co jste o gridu možná nevěděli
Od sledování uživatelů skrze CSS ke Content Security Policy
26.1.2019
Jste v bezpečí před sledováním s vypnutým JavaScriptem? Ne. Máte vypnout i kaskádové styly? Tak ano, můžete. Ale opravdu to dáte? Podíváme se na současné hranice a možnosti sledování uživatelů webu skrze kaskádové styly. A řekneme si něco o Content Security Policy
Novinky v DevTools Chrome 73
23.1.2019
Jaké lepší nástroje pro vývoj a webdesign přinese Chrome DevTools 73? Ukážeme si logpointy, novinku v Inspekt módu, AAA kontrastní linii a folding kódu
Barevný kontrast na webu a nástroje, které s ním pomohou
19.1.2019
Nedostatečným kontrastem na webech jsme postižení úplně všichni, bez ohledu na nastavení našich očí, displejů nebo momentální nálady slunce. V článku se podíváme blíže na doporučené minimální hodnoty kontrastu, jeho měření a také nastavování barev u projektu s ohledem na něj
Lighthouse: Nepostradatelná analýza webu od Google
3.1.2019
Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí jak vyzrát na Google
Nejčtenější články roku 2018
31.12.2018
Co vás na Zdrojáku nejvíc zaujalo v uplynulém roce? 10 nejčtenějších článků. Docker. Otevřené .git repozitáře. Nábor. Eventloop. Přestavba Angularu. Security.txt. Atomické CSS. Webdesign 2017. PHP 7.3. Zranitelnosti dle OWASP