Skip to main content
CSS is fun and cool and I like it.

Articles Tagged style guides

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
5 Articles
{
,

}
Article

Front-End Documentation, Style Guides and the Rise of MDX

Avatar of Ollie Williams
Author
Ollie Williams
2 Comments
Go to Comments

You can have the best open source project in the world but, if it doesn’t have good documentation, chances are it’ll never take off. In the office, good documentation could save you having to repeatedly answer the same questions. Documentation ensures that people can figure out how things work if key employees decide to leave the company or change roles. Well documented coding guidelines help bring consistency to a codebase.

If you’re writing long-form text, Markdown is clearly a great … Read article

Link

Styleable

Avatar of Chris Coyier
Shared by
Chris Coyier

The Wix dev team throws their hat into the CSS preprocessor ring:

Stylable is a CSS preprocessor that enables you to write reusable, highly-performant, styled components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability.

  • Scopes styles to components so they don’t “leak” and clash with other styles.
  • Enables custom pseudo-classes and pseudo-elements that abstract the internal structure of a component. These can then be styled externally.
  • Uses
… Read article
Our Notes   /   Read at stylable.io
Article

The Options for Programmatically Documenting CSS

Avatar of Kaloyan Kosev
Author
Kaloyan Kosev
13 Comments
Go to Comments

I strongly believe that the documentation should be kept as close to the code as possible. Based on my experience, that's the only option that works well in the long term. External documents, notes, and wikis all eventually get outdated, forgotten, and lost.

Documentation is a topic that always bugs me. Working on poorly documented codebase is a ticking bomb. It makes the onboarding process a tedious experience. Another way to think of bad documentation is that it helps foster … Read article

Link

Introducing iframify

Avatar of Robin Rendle
Shared by
Robin Rendle

Hugo Giraudel writes up why he created iframify, a script which grabs a DOM node and wraps it in an <iframe>. It’s a nifty tool for displaying components in a style guide at a certain width and effectively faking element queries.

An iframe being an inner document, media queries fire based on the width of the iframe rather than on the actual screen size. Which is what we want. Yay!

… Read article
Our Notes   /   Read at dev.edenspiekermann.com