Grant Palin grantpalin

by Dale Sande

CSS has had a long and sordid past. A developer never sets out with the goal of making a complete and total mess of things. Their intention is not to build something that is practically illegible, impractical to maintain and is limited in scale. But somehow, this is where many inevitably end up. Luckily, all is not lost. With some simple strategies, organizational methods and out-of-the box tools, we can really help get that junk-drawer inline.

For many of us getting started with Sass, at one time or another have created a junk-drawer of files. For most, this was a rookie mistake, but for others, this is a continuing issue with our architecture and file management techniques. Sass doesn't come with any real rules for file management so developers are pretty much left to their own devices.

Large CSS files and increased complexity

CSS started out with very simple intentions, but as [tableless web design][1.1] began to really take a foothold, o

Sass 'Alphabetization'

I wanted to outline a potential system for organizing Sass declarations. Since Alphabetization has also been a hot topic (of which I am in favor), it outlines how things such as nesting, @extend, @include, and comments would all fall into the same system. This is by no means a perfect system - but after using Sass for a variety of different things, this is the organization I've found that can deal most easily with edge cases.

Please feel free to critique / edit / etc.

Order of Items

Module label - Succinct top-level label for the section of code (if applicable)
Selector

	This configuration is a working copy which I have tested on Apache 2.2.x and 2.4.x

	I highly recommend you use this version of mod_fastcgi as it works with Apache 2.4.x, fastcgi.com version does not!
	https://github.com/ByteInternet/libapache-mod-fastcgi

	The fastcgi.com version is 2.4.6, the version I am recommending registers as 2.4.7

	To patch mod_fastcgi for use with Apache 2.4.x look at the debian/patches folder. It's not specific to Debian OS so don't let that fool you. I personally use Archlinux.

	Of course to compile mod_fastcgi:

	<?php
	add_filter( 'wp_nav_menu_objects', 'tgm_filter_menu_class' );
	/**
	* Filters the first and last nav menu objects in your menus
	* to add custom classes.
	*
	* @since 1.0.0
	*
	* @param object $objects An array of nav menu objects.
	* @return object $objects Amended array of nav menu objects with new class.

	/**
	* Filter out hard-coded width, height attributes on all images in WordPress.
	* https://gist.github.com/4557917
	*
	* This version applies the function as a filter to the_content rather than send_to_editor.
	* Changes made by filtering send_to_editor will be lost if you update the image or associated post
	* and you will slowly lose your grip on sanity if you don't know to keep an eye out for it.
	* the_content applies to the content of a post after it is retrieved from the database and is "theme-safe".
	* (i.e., Your changes will not be stored permanently or impact the HTML output in other themes.)
	*

	<?php
	/**
	* == About this Gist ==
	*
	* Code to add to wp-config.php to enhance information available for debugging.
	*
	* You would typically add this code below the database, language and salt settings
	*
	* Oh.. and do make sure you change the path to the log file to a proper file path on your server (make sure it exists).
	*

	<?php

	# Register custom post types on the 'init' hook.
	add_action( 'init', 'my_register_post_types' );

	/**
	* Registers post types needed by the plugin.
	*
	* @since 1.0.0
	* @access public

	Windows Registry Editor Version 5.00

	[HKEY_CLASSES_ROOT\.sln\ShellNew]
	"Data"=hex:EF,BB,BF,0D,0A,4D,69,63,72,6F,73,6F,66,74,20,56,69,73,75,61,6C,20,53,74,75,64,69,6F,20,53,6F,6C,75,74,69,6F,6E,20,46,69,6C,65,2C,20,46,6F,72,6D,61,74,20,56,65,72,73,69,6F,6E,20,31,32,2E,30,30,0D,0A,23,20,56,69,73,75,61,6C,20,53,74,75,64,69,6F,20,32,30,31,32,0D,0A,47,6C,6F,62,61,6C,0D,0A,09,47,6C,6F,62,61,6C,53,65,63,74,69,6F,6E,28,53,6F,6C,75,74,69,6F,6E,50,72,6F,70,65,72,74,69,65,73,29,20,3D,20,70,72,65,53,6F,6C,75,74,69,6F,6E,0D,0A,09,09,48,69,64,65,53,6F,6C,75,74,69,6F,6E,4E,6F,64,65,20,3D,20,46,41,4C,53,45,0D,0A,09,45,6E,64,47,6C,6F,62,61,6C,53,65,63,74,69,6F,6E,0D,0A,45,6E,64,47,6C,6F,62,61,6C,0D,0A

	<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	</figure>

	$ cd ~
	$ sudo curl -sS https://getcomposer.org/installer \| sudo php
	$ sudo mv composer.phar /usr/local/bin/composer
	$ sudo ln -s /usr/local/bin/composer /usr/bin/composer

	then you can run
	$ sudo composer install