Chrome vyhrál a Firefox je za pár let mrtvý?

28. 5. 2017 na blogu

Že může nejsilnější konkurent Chrome za dva roky skončit na dvouprocentním podílu celosvětového trhu? Docela děsivé, ale nenapadá mě žádný argument, proč by se to nemělo stát.

Atributy responzivních obrázků: srcset a sizes

23. 5. 2017 v příručce

Nové atributy elementu img, které řeší potřebu autorů stránek zobrazovat v různých stavech responzivního designu různé varianty obrázků. Přečtěte si zcela novou verzi článku.

Kompletní průvodce obrázky v responzivním designu

17. 5. 2017 v příručce

V responzivním designu často potřebujeme volit mezi různými variantami jednoho obsahového obrázku.

E-book „Vzhůru do (responzivního) designu“ je tady!

15. 5. 2017 na blogu

Jak už možná víte, od začátku zimy pracuji na druhém e-booku. Jmenuje se „Vzhůru do (responzivního) webdesignu“ a právě teď jsem spustil stránku, na které si jej můžete objednat.

OOCSS: objektové psaní CSS

11. 5. 2017 v příručce

Object Oriented CSS je koncept organizace kódu, který je často vykládán mylně. Přepsal jsem proto starší článek a vezmu to do podrobna.

Rychlost načítání: Úvod pro designéry, marketéry a majitele webů

2. 5. 2017 v příručce

Rychlost nemůžete nechat jen na vývojářích. V článku si shrneme, proč je fajn mít rychlé weby. Povíme si také o nejdůležitějších nástrojích a optimalizačních technikách.

Nové školení: Mistrovský vývoj webů na WordPressu s Honzou Bienem

24. 4. 2017 na blogu

Zaměřujeme se na Honzovy zkušenosti, poctivě otestované nástroje a filozofii vývoje. Tak, abychom kurzem přinesli hodnotu frontendistům nebo vývojářům bez ohledu na jejich úroveň znalostí WordPressu.

Weby versus aplikace

20. 4. 2017 v příručce

Zkouším se zamýšlet, kdy je lepší použít web a kdy nativní aplikaci. A definuji nativní, hybridní, progresivní a univerzální aplikace.

Ilustrace ve stránce: značky Figure a Figcaption

5. 4. 2017 v příručce

Užitečný pár značek, který umožní vkládat videa, schémata, grafy, tabulky, ilustrace, ukázky kódu nebo třeba reklamy.

Detailně: layout v Bootstrapu 4

28. 3. 2017 v příručce

Nový systém pro tvorbu rozvržení stránky v chystané verzi Bootstrapu. Pořádně do hloubky.

SVG řešení: hvězdičkové hodnocení

15. 3. 2017 v příručce

Hvězdičkové hodnocení se na webu používá děsně často. Před časem jsem kápl na moc pěkné řešení postavené na SVG vloženém do HTML.

Rychlost webu je záležitostí designéra

8. 3. 2017 na blogu

Cíle webových grafiků a designérů se moc nemění. Co se ale změnilo, jsou naše znalosti o významu rychlosti webu pro jeho výslednou úspěšnost.

Element Queries: proč je chceme a proč je jen tak nedostaneme

6. 3. 2017 v příručce

Element Queries (nebo Container Queries) jsou vlastně stejné typy dotazů jako Media Queries. Jen se neptáte na parametry okna prohlížeče, ale na parametry samotného elementu.

Jak definovat strukturu v HTML a proč jsem začal mít rád HTML5 tagy

2. 3. 2017 v příručce

Sekční tagy a role atributy umožňují lépe strukturovat stránku. Užitečné jsou hlavně ve slepeckých čtečkách. A myslím, že je čas se s nimi skamarádit.

Výsledky dotazníku: Jak se my, webaři a webařky, vzděláváme?

19. 2. 2017 na blogu

Nejvíce pomocí krátkých textů a videí. Fyzické knížky ani prezenční kurzy zatím jejich elektronické alternativy neporazily. Vzdělávání si účastníci většinou objednávají i platí sami.

PostCSS jako jednoduchá náhrada preprocesoru

16. 2. 2017 v příručce

Jak PostCSS využít jako jednoduchý a rychlý preprocesor, který vám na spoustu projektů výborně poslouží. A proč ne CSSnext?

Podcast: S Riki Fridrichem o NPM, Yarnu a dalších nástrojích JS světa

13. 2. 2017 na blogu

Z Rikiho jsem tahal moudra o automatizačních, ale i jiných nástrojích dnešního komplikovaného javascriptového světa.

NN Group: Jak vylepšit formulářové prvky pro vložení datumu?

9. 2. 2017 na blogu

Stručné shrnutí článku. Jak vylepšit input type=date z pohledu uživatelského.

Jak v NejŘemeslníci.cz používají Tachyons

7. 2. 2017 na blogu

Matouš Borák z NejŘemeslníci.cz popisuje zkušenosti svého týmu s Tachyons, knihovnou atomických stylů.

Řešení: Vlastní výřezy obrázků pomocí SVG

30. 1. 2017 v příručce

Mám fotku a chci ji udělat specifický výřez v přímo v kódu. Pomocí CSS snadno zařídím kulatý, jenže co vlastní tvar?

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací

Vydal jsem nový e-book: „Vzhůru do (responzivního) webdesignu“

E-book „Vzhůru do (responzivního) webdesignu“

E-book „Vzhůru do (responzivního) webdesignu“
Jak navrhovat a implementovat responzivní UI?

Více informací