Bauhouse Design - Resources

Code Beautifier

CSS Formatter and Optimiser based on csstidy 1.3. This is a great online tool for quickly compressing or formatting CSS code.

I have been looking for ways to standardize site production around a common code base that can be placed under version control and deployed quickly. For coding standards, I’m looking to Nathan Smith’s Fellowship One Design Patterns as a good starting point. Included in the Design Patterns Library & Code Standards is a standard for formatting CSS. This format can be achieved by using Code Beautifier with the following template and the Regroup selectors select box set to “Only seperate selectors (split at ,)”:

                  <span class="at">|</span> <span class="format">{</span>
|<span class="selector">|</span> <span class="format">{</span>
|   <span class="property">|</span><span class="value">|</span><span class="format">;</span>
|<span class="format">}</span>|
|
<span class="format">}</span>
||</span> <span class="format">{</span>
|

View Site Code Beautifier

Resource Type Sites

Back Resources Main Page