100 words 069

I made mention already of an exercise that myself and Charlotte came up with to help developers to think in terms of granular components: using a humble pair of scissors to cut up screenshots or mockups into their constituent parts.

Recently we repeated and added to this exercise. Once the groups of components are gathered together—buttons, form elements, icons, whatever—we go through each group. Everyone writes on a post-it what name they would give this component—button, formField, icon, etc. Then everyone slaps down their post-it notes at the same time. See any overlap? That’s your class name.

Have you published a response to this? :

Related posts

100 words 039

Day thirty nine.

My approach to HTML web components

Naming custom elements, naming attributes, the single responsibility principle, and communicating across components.

Components and concerns

Gotta keep ‘em separated.

Related links

Custom Element Naming | BitWorking

More thoughts on naming web components.

Tagged with

Home · castastrophe/wc-theming-standards Wiki

I really like the idea of a shared convention for styling web components with custom properties—feels like BEM meets microformats.

Tagged with

BEM: 4 Hang-Ups & How It Will Help Your CSS Organization

A few common gotchas when using BEM, and how to deal with them.

Tagged with

Weft. — Ethan Marcotte

I think we often focus on designing or building an element, without researching the other elements it should connect to—without understanding the system it lives in.

Tagged with

Designing Systems, Part 3: Components and Composition / Paul Robert Lloyd

Paul finishes up his excellent three part series by getting down to the brass tacks of designing and building components on the web …and in cities. His closing provocation has echoes of Heydon’s rallying cry.

If you missed the other parts of this series, they are:

  1. Theory, Practice, and the Unfortunate In-between,
  2. Layers of Longevity, and
  3. Components and Composition

Tagged with

Previously on this day

13 years ago I wrote dConstructickets

Get ‘em while they’re hot.

14 years ago I wrote Hashcloud

The web is agreement.

19 years ago I wrote Copenhagen

I’m off to Denmark for the Reboot conference.

22 years ago I wrote Laptop Land

As promised, I’m blogging wirelessly from Riki Tik’s in the North Laine, Brighton.

22 years ago I wrote Switching lifestyles

Mark Frauenfelder is making another switch.

23 years ago I wrote Too busy to blog

I’m afraid updates are going to be scarce over the next few days. My mother is here in Brighton for a visit so Jessica and I are showing her the sights.