Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
architecture

12 Articles
{
,

}
Image
Direct link to the article Kubernetes Explained Simply: Containers, Pods and Images
architecture kubernates

Kubernetes Explained Simply: Containers, Pods and Images

If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved!

As a front-end developer, you don’t have to know how to configure an infrastructure from scratch. However, if you …

Image
Lari Maza on Jul 5, 2021
Image
Direct link to the article Reconciling Editor Experience and Developer Experience in the CMS
architecture CMS headless cms

Reconciling Editor Experience and Developer Experience in the CMS

Components are great, aren’t they? They are these reusable sources of truth that you can use to build rock-solid front-ends without duplicating code.

You know what else is super cool? Headless content management! Headless content management system (CMS) products offer …

Image
Sean C Davis on Feb 12, 2021
Image
Direct link to the article Tech Stacks and Website Longevity
architecture

Tech Stacks and Website Longevity

Steren Giannini in “My stack will outlive yours”:

My stack requires no maintenance, has perfect Lighthouse scores, will never have any security vulnerability, is based on open standards, is portable, has an instant dev loop, has no build step

…
Image
Chris Coyier on Jan 25, 2021
Image
Direct link to the article CUBE CSS
architecture

CUBE CSS

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

…
Image
Chris Coyier on Jun 11, 2020
Image
Direct link to the article Building a Scalable CSS Architecture With BEM and Utility Classes
architecture bem naming syntax

Building a Scalable CSS Architecture With BEM and Utility Classes

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:

  1. Efficiency: we want to
…
Image
Sebastiano Guerriero on Apr 21, 2020 Updated on Oct 21, 2021
Image
Direct link to the article Considerations for Creating a Card Component
architecture components react

Considerations for Creating a Card Component

Even a simple Card component can be tricky to design an API around. What abstraction are you providing? How much control do you want to give? If you make it too flexible, you aren't providing much value. If you make it to rigid, you also aren't providing much value.
Image
Chris Coyier on Mar 2, 2020 Updated on Mar 3, 2020
Image
Direct link to the article This Page is Designed to Last
architecture opinion

This Page is Designed to Last

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 …

Image
Chris Coyier on Jan 23, 2020
Image
Direct link to the article Domain-Driven Design With React
architecture organization react

Domain-Driven Design With React

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 …

Image
Adam Conrad on Dec 16, 2019
Image
Direct link to the article CSS Architecture for Modern JavaScript Applications
architecture

CSS Architecture for Modern JavaScript Applications

There is a lot to like from Mike Riethmuller here:

  • The title. When you’re building a website from JavaScript-powered components anyway, that is a moment to talk about how to do styling, because it opens some doors to JavaScript-powered styles
…
Image
Chris Coyier on Dec 6, 2019
  • 1
  • 2
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement