Design With Style

This website is an intent to improve shared understanding of best practices for CSS design. You won't end up with a framework here, but you'll learn everything you need to explore, design, and craft your own library of nifty CSS designs.

  1. 1. Best Practices

    In depth articles about key topics for building maintenable awesome web designs.

  2. 2. Library

    A great source of inspiration you can use to build your own web designs and components.

  3. 3. Blog

    Where we share our thoughts about interesting stuff in the web design world.

Fast prototyping

Download our web site from github and use the embeded toolbox to quickly prototype web designs and styleguides for your own projects.

  1. 4. SASS

    Sass (and the scss syntax) is a superset of CSS3's syntax, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS when rendering the website.

  2. 5. KSS

    KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format that works great with ideas like SASS, and LESS.

  3. 6. RECESS Linter

    Developed at Twitter to support their internal styleguide, RECESS is an attractive code quality tool for CSS which has been ported and embeded here to support Sass. It will keep your source looking clean and managable.