Tag: retrospective

Retrospective on Fela

I really appreciate a real-world walkthrough of a technology. Not only in what that technology does, but why it was chosen and how it worked for a team. Anybody can read the docs, but what you know after years of real-world usage is far more valuable. Hugo “Kitty” Giraudel:

I want to properly reflect on the choice of going with Fela instead of any other CSS-in-JS library you might have heard of.

I’d never heard of Fela before. To me, the most interesting part is the “atomic” output. It looks like it combines all uses of unique property: value pairs into a unique class and then applies all the necessary classes to the necessary DOM node. I’m sure the result of that is some pretty gnarly looking class output. (I’d suggest putting reasonably named styling hooks on things too, for humans.) But I would think that the chunk of CSS that gets generated and applied to the page is ultimately as small is it can be as it contains nothing repetitive. That’s one the advantages of any well-configured atomic class workflow: tiny CSS.

Direct Link to ArticlePermalink


The post Retrospective on Fela appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

CSS-Tricks

,

Firefox DevTools WebConsole 2018 retrospective

Here’s a wonderful post by Nicolas Chevobbe on what the Firefox DevTools team was up to last year. What strikes me is how many improvements they shipped — from big visual design improvements to tiny usability fixes that help us make sure our code works as we expect it to in the console.

There are lots of interesting hints here about the future of Firefox DevTools, too. For example, tighter integrations with MDN and, as Nicolas mentions in that post, tools to make it feel like a playground where you can improve your design, rather just fixing things. Anyway, I already feel that Firefox DevTools has the best features for typography of any browser (make sure to check out the “Fonts” tab in the Inspector). I can’t wait to see what happens next!

Direct Link to ArticlePermalink

The post Firefox DevTools WebConsole 2018 retrospective appeared first on CSS-Tricks.

CSS-Tricks

, , , ,
[Top]