Folks: my new homepage design is live ! 😱
https://notgrm.dev

I still have a bunch of things to do (light/dark theme, color contrast to check, a better font scale,…). But I really like the result, to the point where I'm starting to consider moving my blog away from Ghost platform to include my posts in that new design

#CompleteCSS #BuildInPublic #EveryLayout

@andy #EveryLayout has helped me a lot to make templates by hand and the design is simple enough to get the look I want by brute force.

As a rule, designers are dissatisfied with the fact that it is impossible to achieve "Pixel Perfect" similarity between the layout in #Figma and the working example, which is unrealistic given the measurements and coordinates of objects in the layouts.

Given #webDev’s obsession with measuring every damned thing, its collective inability to put a decent bloody *measure* on text is mind-blowingly crap.

Be more #everyLayout, people – dammit

https://every-layout.dev/rudiments/axioms/#measure

@brad_frost wow - thank you very much @brad_frost for sharing that cargo-ship load of long earned experience! We are currently in the process of building out our design system. It felt good and quiet affirmative reading all this and thinking: We’re on the right track!

Maybe I missed it, but how are you dealing with requirements regarding globally applicable web page layout, that isn‘t necessarily represented by a web component or a design token? Grids for example. Or enforcing consistent spacing between components.
I already dug a little into #everylayout by @heydon and @andy which got me thinking that the „layout-stuff“ might just be component-based and put into the DS just as well. 🤔