Tabulky v responzivním designu

31. 7. 2017 v příručce

Pojďme si představit všechny způsoby, jak lze s tabulkami v dnešním webdesignu zacházet, a vy si jistě vyberete.

Zanikající část webařiny: obyčejné weby a CMS na míru

23. 7. 2017 na blogu

Pokud vyvíjíte vlastní řešení na míru každému klientovi za desítky tisíc korun, zpozorněte, protože v mnoha případech to přestalo dávat smysl.

Vkládaná média se zachováním poměru stran

19. 7. 2017 v příručce

Jak zařídit, aby se obrázky, video a prvky vkládané přes `<iframe>` přizpůsobovaly šířce rodičovského elementu a ještě k tomu zachovávaly poměr stran?

Pár poznámek ke komentářům v CSS

10. 7. 2017 na blogu

Keith J. Grant napsal moc hezký článek o komentářích v CSS: „Thoughts on Self-Documenting CSS“. Tady je to nejdůležitější doplněné o mé poznámky.

Responzivní SVG

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

Další ukázka z e-booku „Vzhůru do (responzivního) webdesignu“. Jak bez hacků zařídit pružné zobrazování SVG ve všech prohlížečích? A jak na plně responzivní SVG s přizpůsobivým obsahem?

Picture, nová značka pro vkládání obrázků

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

Aktualiace textu o novém tagu, umožňujícím definování variant obrázku pro různé stavy v responzivním webdesignu.

Konec Boweru: Na nové projekty už jej nepoužívejte

16. 6. 2017 na blogu

Vyhrál to tedy package.json a je asi jedno, jestli ho budete ovládat NPM nebo Yarnem.

Podcast: S Honzou Bienem o WordPressu

12. 6. 2017 na blogu

Honza je machr přes WordPress. A já zase svý způsobem hejtr tohodle redakčního systému. Co se stane, když se machr a hejtr potkají a natočí podcast?

BEM: Pojmenovávací konvence pro třídy v CSS

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

Block, Element, Modifier. Nově přepsaný článek o metodice pro pojmenovávání tříd v komponentách.

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.

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í