#styleguides (47 links)
- Design Systems ◆ 24 ways 24ways.org
Somehow missed this first time round.
- Voice, Tone & Content Guides voiceandtoneguides.webflow.io
Style A List Apart Style Guide Clarity first Voice & tone Adobe editorial voice Focus on real-world value rather than technical features Voice & tone BBC News…
- Style Guide cehfisher.github.io
This application is a living style guide, generated from KSS documented styles...with an accessibility twist. How this all got started We wear a lot of hats as…
- Style Guides and AEM: Fitting a Square Peg in a Round Hole shinesolutions.com
There is a push in the industry to code against an external style guide to maintain consistent styling, have a reusable set of components to build applications…
- Setting up a Living Styleguide in Jekyll sitepoint.com
I was recently working on a small Jekyll project and wanted to see whether it would be possible to have a very component-ized approach driven by a styleguide,…
In between client work and working with my design colleagues on an internal project, I’ve been busy creating a Bocoup style guide. One of the fantastic things…
- Snyk's Style Guide snyk.io
Pretty much the first thing I did when joining Snyk was to put together a rough front-end style guide. Having a style guide means we can assemble templates more…
- Source - Living Style Guide Platform sourcejs.com
Features SourceJS is a dynamic Style Guide platform. It allows to combine multiple project UI component libraries, based on any technologies. Following Living…
- Creating A Living Style Guide: A Case Study – Smashing Magazine smashingmagazine.com
Advertisement Living style guides are an important tool for web development today, especially in large, complex web applications. They help document styles and…
- jonathantneal/mdcss github.com
mdcss lets you easily create and maintain style guides with CSS comments using Markdown. Add mdcss to your build tool: Add PostCSS to your build tool: Load…
- Living Design System medium.com
- In Search of a Living Design System the-pastry-box-project.net
- Atomic Design by Brad Frost atomicdesign.bradfrost.com
This is everything you need to get started building UI at Pivotal. Pivotal UI includes Pivotal styles as well as Bootstrap CSS, OOCSS, the FontAwesome icon font, and the Source Sans Pro Google Font in your project.
Over the last year, we’ve been putting together a reusable component library for use on our site. It’s called Dough and it’s now powering nearly all of our common UI elements across a suite of around twenty five tools, calculators and websites. It’s completely open source and available for you to use too.
- Writing Reusable AngularJS Components with Bower briantford.com
- SC5 Styleguide styleguide.sc5.io
Informative and easily navigable live styleguide which can be edited directly in the browser.
- Pattern Library | MailChimp ux.mailchimp.com
- Poor Man's Styleguide | A frontend styleguide for the pragmatic poormansstyleguide.com
A quick-and-dirty frontend styleguide, designed to be copied and pasted into your CMS. Why? You're not Twitter Bootstrap. You don't have the time or money to make a custom fancy-pants dynamic CSS pattern-library. And that's OK. You have other fish to fry.
- LivingStyleGuide Gem—easily create front-end style guides livingstyleguide.org
The easiest way to create front-end style guides with Sass and Compass.
- A living style guide for GOV.UK | Technology at GDS gdstechnology.blog.gov.uk
The most important thing for our components is the documentation. This defines the interface that applications can call the component with. It contains a set of fixtures to demonstrate how an application might call the component.
- A Maintainable Style Guide - Ian Feather ianfeather.co.uk
Crucially, if you’re rendering templates to a Style Guide and you want it to be maintainable then they can’t just be identical to your application templates, they need to be the exact same templates. This is easier said than done.
- Building our first pattern library - FutureLearn about.futurelearn.com
- Style Guide Resources styleguides.maban.co.uk
Good stuff on testing and also excellent section on Style Guides vs Component Libraries.
- trulia/hologram github.com
- Developer Console Style Guide - Pivotal Web Services console.run.pivotal.io
- Two new design guides | GDS design notes designnotes.blog.gov.uk
- Yelp Styleguide yelp.com
- Airbnb JavaScript Style Guide github.com
- Brett Jankord – Style Guide Boilerplate brettjankord.com
- A Style Guide Guide | elyse holladay elyseholladay.com
Style guides (or pattern libraries) are the perfect place to start a website build and a modular base. They bridge the gap between design and development. They’re somewhat similar to a traditional brand guidelines but contain less fluff & nonsense and 100% practical code examples.
- Google HTML/CSS Style Guide google-styleguide.googlecode.com
Not revolutionary but solid. Some moderately contentious parts.
- Github Styleguide github.com
Via monospaced.
A well-structured styleguide. Need more of these.
Via infovore.
- Google JavaScript Style Guide google-styleguide.googlecode.com
Via twoplusfour.