How to install Sass with Compass on Windows
Sass is a very useful CSS tool to help front-end web developers create smart and maintainable CSS stylesheets. Visit the official Sass website here for more information. During the installation of...
View ArticleUseful Website Development Resources
Here’s a list of helpful website development resources I’ve stumbled across along my journey. AJAX Beautiful loading buttons during AJAX requests; http://lab.hakim.se/ladda/ Icons Useful icons, such as...
View ArticleHow to automatically generate CSS sprites with Sass and Compass
In this tutorial you will learn how to create CSS sprites automatically, using Sass and Compass! No more going back and forth into Photoshop and figuring out the position of each image, then adjusting...
View ArticleUsing Sass @each control directive with CSS selectors
Using the Sass @each control directive can help the DRY concept. We can iterate through a list of items and output something for every item in the list. For this example, we want to highlight the...
View ArticleCreate a Sass Mixin for styling placeholders in CSS
If you’re using Sass to create your CSS stylesheets, and you need to style the placeholder text, you don’t want to manually type the vendor prefixes each time. Instead, this is what Sass Mixins are...
View ArticleHow to update your Sass version
In this quick guide, you’ll learn how to easily check your current version of Sass and also how to update the version of Sass you’re running on your computer. This is aimed at Windows users, but the...
View ArticleAdd permanent comments to Sass compressed/minified CSS files
Inside of the Ruby file, config.rb, you can add some compile settings. One of these settings is called output_style, which gives you the option to compress/minify your stylesheet. Now I want to minify...
View ArticleAutomatically create advanced CSS sprites with Sass & Compass
In this tutorial (which is kind of a part 2) you’ll learn how to create a CSS sprite using Sass and Compass! This method of creating and using sprites involves some manual fine tuning inside your...
View Article
More Pages to Explore .....