Martin Michálek Martin Michálek  – 9. 6. 2021

Tento díl podcastu vznikl jako záznam diskuze o novém a zajímavém CSS frameworku, která proběhla během prvního ročníku konference Frontendisti.cz, takzvaného FrontKonu.

Honza Bien do programu přispěl výbornou přednáškou, kde ukazoval jak Tailwind používá pro kódování libovolného grafického návrhu.

O utility-first přístupu jsme diskutovali v kontextu component-first frameworků, jako je Bootstrap, a proto jsme pozvali i Adama Kudrnu, který komponentovým přístupem tráví svůj vývojářský čas.

Přejeme vám příjemný poslech.

Podcast

MP3 ke stažení

Video

Díky vstřícnosti organizátorů FrontKonu zde máme k dispozici záznam přednášky i diskuze ještě předtím, než se koncem června zpřístupní všem. Děkujeme!

Honzova přednáška o Tailwindu

Záznam celé diskuze

Hosté

Jan Bien

Jan Bien

Seniorní full-stack webový vývojář WordPressu na volné noze. Poradce pro realizaci prezentačních a obsahových webů. Na Tailwindu staví například Seznamácký blog.
Web

Adam Kudrna

Adam Kudrna

Frontend designer na volné noze, konzultant a lektor, zaměřený na mentoring a vývoj udržitelných a škálovatelných uživatelských rozhraní.
Twitter, LinkedIn, Web

O čem se bavíme?

  • Představení (2:45)
  • Tailwind vs. Bootstrap (7:30)
  • Psaní CSS v Reactu - zdroj inspirace pro Tailwind? (12:30)
  • Utility-first framework vs component-first (14:00)
  • Pro koho je Tailwind a pro koho Bootstrap (18:50)
  • Oddělení obsahu a struktury - od CSS Zen Garden k Tailwindu (22:00)
  • Hodně tříd v HTML a znovupoužitelnost (26:50)
  • Abstrakce komponent v Tailwindu - když @apply nestačí (33:50)
  • Může Tailwind svádět ke špatnému použití? (38:40)
  • Headless UI - komponenty k Tailwindu (41:40)
  • CSS frameworky a rychlost webu (45:10)
  • Tailwind: theme() a Sass a preprocessing vs. postprocessing (49:10)
  • Purge CSS a Bootstrap (52:30)
  • Tailwind UI - placené komponenty a financování vývoje (56:00)

Těšíme se na vaše dotazy, připomínky, pochvaly i názory. Pište do komentářů nebo na [email protected].

Komentáře

Váš názor? Vaše zkušenosti? Našli jste chybu?