Novinky v DevTools Chrome 73
Jaké lepší nástroje pro vývoj a webdesign přinese Chrome DevTools 73? Ukážeme si logpointy, styly v Inspekt módu, AAA kontrastní linii a folding kódu.
Archiv pro rubriku: Webdesign
Barevný kontrast na webu a nástroje, které s ním pomohou
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
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.
PageSpeed Insights: Podrobný průvodce nástrojem pro měření rychlosti
PageSpeed Insights je nástroj pro analýzu rychlosti načítání webů. Pojďme se na něj podívat. Nabídneme vám několik rad.
Vzpomínka na responzivní obrázky: Recenze knihy Image Performance
Posledních šest let byl Mat Marquis předseda W3C skupiny, která vytvořila standard pro responzivní obrázky na webu. Právě vyšla jeho e-kniha o tomto tématu, kterou on sám označuje za svou labutí píseň. Co všechno obsahuje a pro koho se hodí?
Několik praktických rad, jak zpřístupnit nevidomým sledování videí na webu
Proč zpřístupňovat video službu pro nevidomé, když se stejně nemohou na video podívat? Pravdou je, že nevidomí mohou sledovat spoustu videí. Nejen různé rozhovory a soutěže, ale i seriály a filmy. A proč ne, já jsem taky jako malý poslouchal Cimrmany pouze z audionahrávek.
Vyzkoušejte si jak fungují SVG filter efekty
Dnes vyšel nový nástroj na prozkoumávání SVG filter efektů: Svgfilters.com. Nástroj umožňuje tvořit nové SVG filter efekty kombinací filtrových primitiv do orientovaného grafu, nebo načíst SVG dokument obsahující filtery a ty pak v grafu…
Proč jsme zvolili atomické CSS
Při tvorbě nové verze Fakturoidu jsme zvolili atomická CSS. Dost možná máte proti našemu zápisu class=“flex mb-3 p-3 b b-secondary bg-secondary-lighter br-2 bs-1″ výhrady. Nevadí. My našemu přístupu věříme a pokusíme se ho obhájit. Pojďme na to.
Stylelint: Jak si jej nainstalovat v editorech kódu?
Pojďme si rozjet Stylelint přímo v editoru. Je to totiž to první místo, kde bychom jej měli používat.
Kaskáda a další „problémy“ CSS: Jak je řešit, když vás pálí?
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.
