Advertisement
  1. Web Design
  2. Workflow
Webdesign

SASS and Compass for Web Designers: Grids and Sprites

by
Length:QuickLanguages:
WorkflowCompassSassHTML & CSS
This post is part of a series called SASS and Compass for Web Designers.
SASS and Compass for Web Designers: Building a Theme
SASS and Compass for Web Designers: The Header

Let's dive deeper into building the popular Themeforest .psd design we've been working on. During this screencast we'll be looking at grids in SASS, and we'll also use one of my favorite features in Compass; automatic sprite generation.

Grids and Sprites

Alternatively Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!

Useful resources

Advertisement
51842015dc0abdc9aa5c25ffad5c0de8?s=200&d=https%3a%2f%2fassets.tutsplus.com%2fimages%2fhub%2favatar default
Norris
My name is Norris, and I am a hybrid Designer/Developer. I work mostly with Wordpress, but in my spare time I like expanding my knowledge in various other programming languages, and working on my own projects. You can find me on twitter as @justnorris and my personal website is justnorris.com.
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Download Attachment
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered byNative logo
Advertisement
Watch any
course now
Subscribe to Access
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
Wordpress
WordPress Themes
From $29
Magento
Magento Themes
From $64
Ecommerce
ECommerce Websites
From $21
Html5
HTML5 Templates
From $5
Elements
Unlimited Downloads
Only $19/month
Get access to over 18,000 creative assets on Envato Elements.
Market
Over 9 Million Digital Assets
Everything you need for your next creative project.
Studio
Hire a Freelancer
Choose from 2,000 professionals ready to do the work for you.
Community
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.