It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
A CSS methodology from Andy Bell:
The most important part of this methodology is the language itself: CSS. It’s key to note its existence in the name because some alternative approaches, such as BEM—which I have enjoyed for many years—can veer very far away from Cascading Style Sheets. I love CSS, though and think that its core capabilities are actually key to scalable CSS.
A favorite bit…
… Read article “CUBE CSS”[…] a design system doesn’t just make you think at a micro-level
Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the process of writing scalable CSS. In the end, we all try to meet the following two goals:
For the past year and a half, I’ve been … Read article “Building a Scalable CSS Architecture With BEM and Utility Classes”
Jeff Huang, while going through his collection of bookmarks, sadly finds a lot of old pages gone from the internet. Bit rot. It’s pretty bad. Most of what gets published on the web disappears. Thankfully, the Internet Archive gets a lot of it. Jeff has seven things that he thinks will help make a page last.… Read article “This Page is Designed to Last”
There is very little guidance on how to organize front-end applications in the world of React. (Just move files around until it “feels right,” lol). The truth is that we can do better. Let’s take a look at one pattern you might consider using to architect your site.
At first, you might split up your code between /components and /containers folders. This works for small sites but you’ll find yourself look for something more robust when scaling to larger sites. … Read article “Domain-Driven Design With React”
There is a lot to like from Mike Riethmuller here:
Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application.
I want to preface this post with a disclaimer: There is no hard and fast rule that establishes one method of handling CSS in a React, or Vue, or Angular application as superior. Every project is different, and every method has … Read article “The Many Ways to Include CSS in JavaScript Applications”
In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years.
Here’s part of that page… Read article “The 10,000 Year Clock Design Principals”
I don’t disagree on any particular point on this thesis by Jarno Rantanen.
This is the first I’ve seen this particular naming convention, which seems fine to me, but I’d add that any well-considering naming convention works.
Also, there is this:
Cascading styles will ruin your day, eventually.
A sentiment shared by many these days, and the likely culprit for all the peter-griffin-adjusting-the-blinds.gifs out there in the world. Again I don’t entirely disagree, but, there are styles I gotta imagine … Read article “8 simple rules for a robust, scalable CSS architecture”
