Switching your workflow over to SASS can be an intimidating thing to do. New things can be scary, but I promise, once you start down the sassy road, you’ll never look back. I’m going to put out a series that will get you started using SASS in simple steps. I’m not entirely sure how many parts there will be just yet, but this is part 1 of the series just going over basic file structures and using imports to keep your SASS files organized and manageable. Read More
The relationship between an element’s width and padding has always been quite annoying in my opinion. You’re off coding your awesome grid, all of your widths measure up to 100%, and you’re looking great. Then, you add some padding in and the whole thing breaks! Here is how the current box model works with padding…
I’ve seen/heard of a lot of people who have struggled getting the fluid grid down. In my opinion, the key to creating a solid grid system is by just keeping it simple. There’s really no secret fancy CSS technique that allows you to create a grid. There’s a couple of rules I always follow that make my life a million times easier when coding gird..
For a while, when it comes to SASS compilers, Mac has had the edge on tools available with CodeKit. CodeKit is an amazing program that injects the CSS right to your browser whenever you save your file, so the days of constant refreshing were over. Like many, I searched for a program like this for my Windows machine and there just wasn’t anything out there. Finally, there is a great tool out there for us Windows guys that allows us to easily manage our SASS projects and also….LIVE CSS EDITING!! That tool is Prepros. Prepros is capable of compiling Less, Sass, Scss, Stylus, Jade, Coffeescript, and Haml.