KelpUI is new library that Chris Ferdinandi is growing, designed to leverage newer CSS options and Net Parts. I’ve loved following Chris as he’s printed an ongoing collection of articles detailing his thought course of behind the library, getting deep into his method. You actually get a transparent image of his technique and I adore it.
He outlined his rules up entrance in a put up again in April:
I’m imagining a system that features…
- Base types for the entire widespread HTML components.
- A great deal of utility lessons for nudging and tweaking issues.
- Group lessons for styling extra complicated UI components with out 1,000,000 little lessons.
- Simple customization with CSS variables.
- Net Parts to progressively add interactivity to useful HTML.
- The entire Net Element HTML lives within the mild DOM, so its straightforward to model and purpose about.
I’m imagining one thing that may be loaded immediately from a CDN, downloaded regionally, or imported if you wish to roll your personal construct.
And that’s what I’ve seen thus far. The Cascade is brazenly embraced and logically structured with Cascade Layers. Loads of utility lessons are included, with further care put into how they’re named. Selectors are saved easy and specificity is sweet and low, the place wanted. Layouts are versatile with good constraints. Coloration palettes are accessible and sport semantic naming.
Chris has even put a ton of thought into how KelpUI is licensed.
KelpUI remains to be evolving, and that’s a part of the fantastic thing about it now and following Chris’s weblog as he brazenly chronicles his method. There’s all the time going to be some opinionated instructions in a library like this, however I really like that the guiding philosophy is so clear and is getting used as a yardstick to drive choices. As I write this, Chris is brazenly questioning the way in which he optimizes the library, demonstrating the tensions between issues like efficiency and an excellent developer expertise.
Appears to be like prefer it’ll be an excellent system, however much more than that, it’s a beautiful studying journey that’s price following.
