Search
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
Kaskáda a další „problémy“ CSS: Jak je řešit, když vás pálí?
17.7.2018
CSS své trable bezpochyby má. Pokud se ale jedná o organizaci a architekturu projektu, těžko o nich mluvit jako o problémech. Stejně jako jiné jazyky prostě nijak nespecifikuje, jak se máme starat o větší projekty. Musíme vzít na pomoc metodiky organizace kódu
Strategický webdesign #5: Analýza trhu a konkurence na maximum
6.6.2018
V minulém článku jsme zkoumali základní pohled na analýzu trhu a konkurence. V tomto článku půjdeme více do hloubky a ukážeme si další nástroje, které můžete pro analýzu trhu i konkurence využívat. V konkurenčním boji o zákazníka dost často vyhrává ten, kdo má správné informace. I proto k oblíbeným...
Jak AMP chrání rychlost před webaři. A co je jeho největší přínos?
31.5.2018
Za pomalé weby nemohou technologie, ale zase jenom lidé
Strategický webdesign #4: Jak na analýzu trhu a konkurence
30.5.2018
Pokud se ptáte, zda je opravdu třeba sledovat trh a konkurenci a říkáte si, že si přece Apple jde svou cestou, a proto můžete i vy, mám pro vás smutnou zprávu: Většina z nás nemá produkt, finance ani brand jako Apple. Dopředu se posunete, jen pokud víte, co se na… Číst dále
The post Strategický...
Strategický webdesign #3: Web jako továrna na zákazníka
16.5.2018
Bez ohledu na to, zda se rozhodnete web redesignovat, nebo optimalizovat, potřebujete jasně formulovat svůj záměr. Mnoho firem bere web jako věc, která je nutnou součástí jejich marketingových aktivit. Mají logo, barvy, vizitky, web. Jak na něj dostanou relevantní návštěvníky a vydělají na nich...
Weby bez CSS: Existuje to vůbec? A jak to testovat?
10.5.2018
Je docela dost situací a kontextů, ve kterých se weby vykreslují s jinými než vašimi styly nebo úplně bez nich
Strategický webdesign #2: A do hlavičky přidejte koťátko!
9.5.2018
Ujasnili jste si, že skutečně potřebujete redesign webu? V takovém případě musíte začít rozlišovat mezi poptávkou a zadáním. Možná už jste totiž zažili následující situaci… V zasedačce se setká skupina vysoce inteligentních lidí, kteří dostali na starosti projekt nového webu či jeho redesignu. Úkol...
Strategický webdesign #1: Máme zastaralý web!
2.5.2018
Redesign webu, tedy jeho rozsáhlá strategická, vizuální, obsahová, technologická revize je vždy velká sázka s nejistým výsledkem. Když změníte grafickou podobu, technické řešení a obsah webu zároveň, tak do procesu vždy vstupuje množství lidí, proměnných a nejistot, takže není možné říct, zda bude...
10 nejzávažnějších zranitelností webových aplikací podle OWASP
26.4.2018
Útoků na webové aplikace neustále přibývá. Rostoucí počet uživatelů, komplexnější aplikace a nové postupy s sebou nesou nová rizika. OWASP proto aktualizoval seznam deseti nejnebezpečnějších zranitelnosti webových aplikací dneška. Znáte je všechny?
Špatný web může zničit byznys. Kvasnička a Řezáč v online kurzu ukazují, jak neudělat ve webdesignu chybu
16.4.2018
Vzít půl milionu a dát ho agentuře, aby vám postavila nový web, dokáže každý. Jenže pokud si ani zadavatel, ani dodavatel neudělají své domácí úkoly a na všem se takzvaně nepotkají, velmi pravděpodobně takový projekt zkrachuje. Ne snad že by web nevznikl, ale jednoduše nebude byznysově fungovat....