4 ms·

If you're looking for world-class CSS knowledge, start with https://every-layout.dev; https://every-layout.dev; if you build UI for a living and haven't encount

If you're looking for world-class CSS knowledge, start with https://every-layout.dev; https://every-layout.dev; if you build UI for a living and haven't encountered axiomatic css and layout primitives, they're likely to change your world.

Kiro 6y ago
The ; in your link sends me to about:blank#blocked.
- quietbritishjim 6y ago
  For the benefit of others: https://every-layout.dev https://every-layout.dev
  - chrisweekly 6y ago
    Thanks! Wish I'd caught it in time to fix my 1st comment.
randompwd 6y ago
To save clicks, it's $100, just covers page layouts.
- chrisweekly 6y ago
  That's a radically misleading comment. It covers much more than layout, and the free content on the site is incredibly helpful and compelling. The full version more than justifies its price. And they offer it for free to students or anyone else for whom the cost is a problem (relying on the honor system). It's far and away the best resource on CSS I've encountered in my 22-year career working with web technology for a living. No affiliation, just a grateful patron.
  - randompwd 6y ago
    not that the free thing is relevant but from https://every-layout.dev/blog/you-pay/ https://every-layout.dev/blog/you-pay/ "The honour system is now closed" > That's a radically misleading comment. It covers much more than layout Given the site and all 3rd party reviews just mention layout, how is it misleading? Cant find TOC anywhere? Also, found working discount code 'BRANDEMIC' for 60% off in my travels should any1 bite the bullet. prev hn sub/182 comments: https://news.ycombinator.com/item?id=20196061 https://news.ycombinator.com/item?id=20196061
    - chrisweekly 6y ago
      Ok,I missed that the honor system closed recently - but they continue to give it away freely to students or those facing hardship, on request. The focus of course is on layout (by far the hardest part of CSS to get right), but it's in the context of building up your entire UI from robust, composable, accessible, standards-compliant, profoundly well-engineered primitives, based on first principles -- which principles are clearly articulated and demonstrated in the site. It also covers typography (IMO by far the best explanation I've encountered of _why_ to use a typographic scale as the foundation of your design system), as well as touching on things like web components, shadowDOM, custom properties.. . and providing a deeply-expert perspective on the relative merits of utility classes (a la Tailwind et al), among other approaches. I've been working in web-related roles for a living for over 20 years and have never once encountered a CSS-related resource that was this compelling and useful. "Can't find TOC"? Um, it's in the site's primary navigation, in the left column. Literally impossible to miss. I paid the full $100 and was glad to do so. The authors aren't popular (they've clashed on twitter with some big-name FE people like MDalgleish) but their ideas and body of work are unparalleled, and that's what I support. If I were more selfish I might try to keep my newfound FE superpowers [axiomatic css and composable layout primitives are transformational] a secret, but I find myself wanting to spread the word and support https://every-layout.dev https://every-layout.dev every chance I get.
icedchai 6y ago
Thanks for the recommendation! I'm mainly a back end developer. I can hack around with CSS, but have never been very good at it.

Kiro 6y ago

The ; in your link sends me to about:blank#blocked.

quietbritishjim 6y ago
For the benefit of others: https://every-layout.dev https://every-layout.dev
- chrisweekly 6y ago
  Thanks! Wish I'd caught it in time to fix my 1st comment.

randompwd 6y ago

To save clicks, it's $100, just covers page layouts.

chrisweekly 6y ago
That's a radically misleading comment. It covers much more than layout, and the free content on the site is incredibly helpful and compelling. The full version more than justifies its price. And they offer it for free to students or anyone else for whom the cost is a problem (relying on the honor system). It's far and away the best resource on CSS I've encountered in my 22-year career working with web technology for a living. No affiliation, just a grateful patron.
- randompwd 6y ago
  not that the free thing is relevant but from https://every-layout.dev/blog/you-pay/ https://every-layout.dev/blog/you-pay/ "The honour system is now closed" > That's a radically misleading comment. It covers much more than layout Given the site and all 3rd party reviews just mention layout, how is it misleading? Cant find TOC anywhere? Also, found working discount code 'BRANDEMIC' for 60% off in my travels should any1 bite the bullet. prev hn sub/182 comments: https://news.ycombinator.com/item?id=20196061 https://news.ycombinator.com/item?id=20196061
  - chrisweekly 6y ago
    Ok,I missed that the honor system closed recently - but they continue to give it away freely to students or those facing hardship, on request. The focus of course is on layout (by far the hardest part of CSS to get right), but it's in the context of building up your entire UI from robust, composable, accessible, standards-compliant, profoundly well-engineered primitives, based on first principles -- which principles are clearly articulated and demonstrated in the site. It also covers typography (IMO by far the best explanation I've encountered of _why_ to use a typographic scale as the foundation of your design system), as well as touching on things like web components, shadowDOM, custom properties.. . and providing a deeply-expert perspective on the relative merits of utility classes (a la Tailwind et al), among other approaches. I've been working in web-related roles for a living for over 20 years and have never once encountered a CSS-related resource that was this compelling and useful. "Can't find TOC"? Um, it's in the site's primary navigation, in the left column. Literally impossible to miss. I paid the full $100 and was glad to do so. The authors aren't popular (they've clashed on twitter with some big-name FE people like MDalgleish) but their ideas and body of work are unparalleled, and that's what I support. If I were more selfish I might try to keep my newfound FE superpowers [axiomatic css and composable layout primitives are transformational] a secret, but I find myself wanting to spread the word and support https://every-layout.dev https://every-layout.dev every chance I get.

icedchai 6y ago

Thanks for the recommendation! I'm mainly a back end developer. I can hack around with CSS, but have never been very good at it.