Aplikace Youradio Talk

Pro přehrání dalších podcastů se prosím registrujte.

Aplikace je ZDARMA. Váš email potřebujeme pouze k tomu, abychom vám mohli vybírat podcasty přesně na míru. Budete moci odebírat podcasty, hledat osobnosti a témata napříč podcasty, aby vám neunikl žádný zajímavý rozhovor.

Vyzkoušejte vaše osobní rádio. Děkujeme, Team Youradio Talk.

Úvod

Podcasty

Technika

Full Stack Radio

128: Alasdair Monk - Scaling CSS at Heroku...

Obrázek epizody 128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

Full Stack Radio

Technika

128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

Obrázek epizody 128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

Full Stack Radio

Poslechněte si podcast

20. 11. 2019

1 hod 1 min

InfoKomentáře

O epizodě podcastu

Topics include:
  • Why Heroku introduced BEM to try and solve their CSS issues and why it didn't work
  • How custom tooling and Ember's component system alleviated any maintainability concerns about littering the HTML with presentational classes
  • Why Heroku still uses some component classes like "btn" and "input" even though they could encapsulate those in an Ember component
  • Why simply introducing any sort of rigid CSS architecture wasn't enough and why switching to a utility CSS approach specifically was critical to making UI development at Heroku more maintainable
  • How with a non-utility CSS approach, every new feature always seemed to require writing new CSS, no matter how many "reusable" components existed in the system
  • Why the team at Heroku still loves working with this approach, even 3.5 years after introducing it
  • How a utility-based approach has worked just as well for Heroku's marketing properties as it has for their application UI
  • Pylon, Alasdair's experimental CSS library that provides declarative layout primitives in the form of custom HTML elements
Sponsors: Links:
  • purple3 , Heroku's utility CSS library for their product UIs
  • shibori3 , Heroku's utility CSS library for their marketing properties
  • Pylon , Alasdair's declarative CSS layout library

Topics include:

  • Why Heroku introduced BEM to try and solve their CSS issues and why it didn't work
  • How custom tooling and Ember's component system alleviated any maintainability concerns about littering the HTML with presentational classes
  • Why Heroku still uses some component classes like "btn" and "input" even though they could encapsulate those in an Ember component
  • Why simply introducing any sort of rigid CSS architecture wasn't enough and why switching to a utility CSS approach specifically was critical to making UI development at Heroku more maintainable
  • How with a non-utility CSS approach, every new feature always seemed to require writing new CSS, no matter how many "reusable" components existed in the system
  • Why the team at Heroku still loves working with this approach, even 3.5 years after introducing it
  • How a utility-based approach has worked just as well for Heroku's marketing properties as it has for their application UI
  • Pylon, Alasdair's experimental CSS library that provides declarative layout primitives in the form of custom HTML elements

Sponsors:

Links:

  • purple3 , Heroku's utility CSS library for their product UIs
  • shibori3 , Heroku's utility CSS library for their marketing properties
  • Pylon , Alasdair's declarative CSS layout library

Popis podcastu

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.