CSS Archive

Best SASS Structure

People use SASS for many reasons. Some of these reasons are: It makes things more organized than having just one big CSS file Mixins can be very useful to save time Being able to utilize variables allows for fast, global changes (if implemented in such a way) The separation of files makes it easier for

CSS Reset VS Normalize.css – Learn The Difference

Ever wonder what the difference between a CSS Reset and Normalize.css is? Good. Being curious is awesome. I’ll try to help explain the difference between the two and also provide some CSS Resets that are popular. What are CSS Resets A CSS Reset is exactly what it sounds like. It removes all styles from components

SASS + Compass – Automatically Compile On Windows + Mac OS

SASS + Compass can really help keep things organized. It allows you to design in a modular fashion and write functions that help not only speed up writing CSS files, but also in cutting down redundant code. The main problem that people new to SASS may be facing is that it needs to be compiled

How to Fix – Mac – Error Installing SASS (PATH, gem executables will not run.)

New to Mac OSX? Having issues installing SASS? It’s actually pretty simple since (most likely) Ruby is already installed for you. Go to Applications > Utilities > Terminal And type in… sudo gem install sass Easy right? Having Ruby preinstalled really takes the battle out of it! It’s harder to install on Windows since you

HTML / CSS Techniques for Hiding Elements – And display:none VS visibility:hidden

There’s more than one way to hide content. You can z-index it behind other content (such as a DIV) by setting a negative value: #theContent { z-index:-11111 } You can move it off the page: #theContent { position:absolute;top:-9999em;left:-9999em; } These two ways are not necessarily the best way to go. More common ways are through