Skip to content

devor/words-are-hard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 

Repository files navigation

Words Are Hard


As f/e developers we often have to name different components and blocks in an agnostic and descriptive manner. Naming things can be really, really hard. This is a small list I put together.

If you are following a block, element, modifier pattern in your CSS, these could be used to help the block portion of that sequence.

Individual Blocks

  • block
  • box
  • module
  • banner
  • slab
  • tile
  • pillar
  • hero
  • card
  • teaser
  • feature
  • bar

Text Components

  • label
  • notification
  • blip
  • flash
  • callout
  • island

Bigger Fragments

  • frame
  • post
  • widget
  • interface
  • group
  • panel
  • showcase
  • billboard
  • dialog

Media etc

  • lightbox
  • modal
  • carousel
  • collage

Partials or Sections

  • section
  • plot
  • zone
  • wrapper

About

Make naming easier

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published