Try Tuts+ Premium, Get Cash Back!
SASS and Compass for Web Designers: The Slider
videos

SASS and Compass for Web Designers: The Slider

on Aug 10th 2012 with 8 comments
Tutorial Details
  • Topic: SASS and Compass, CSS
  • Difficulty: Beginner
  • Screencast duration: 20 mins

Final Product What You'll Be Creating

This entry is part 6 of 6 in the series SASS and Compass for Web Designers

SASS and Compass for Web Designers

Our Creative Portfolio web page is certainly coming along nicely. Let’s now continue using SASS and Compass to build the introduction area and slider.

Watch Screencast

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

Series Navigation<< SASS and Compass for Web Designers: Finishing Off

Norris is PureMellow on Themeforest
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

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.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • samir

    thank you very mutch
    see you next time

    • samir

      you know what you convainced me to use sass!
      i just have to know how to use it on pc
      thank you

      • Kevin L.

        It’s not too hard to do at all. Assuming you want to use compass and ruby (best friends for life)

        1) Install Ruby
        2) In ruby, use the “gem install sass” command
        3) In ruby, use the “gem install compass” command
        4) use “compass init” in the folder you want to start a new project with compass and sass

        From there a whole lot of options are available for you to then use your favorite text editor, start a .sass or .scss file and get going.

        You can use “compass watch” on the ruby command line and whenever you save your .sass/.scss file, it’ll automatically be compiled for you.

        Similarly, you can use “sass –watch” to do the same thing, but for you beginning out I would avoid it as it needs more specific syntax to work as intended in a compass-dependent project.

  • http://tarunkrishnan.com Tarun Lakshman Krishnan

    Yes! I have been waiting for the continuation of this session :) Learning Sass has really changed my workflow, and thankfully for the better. Thank you for your excellent and well-paced explanations, these tuts really and very unexpectedly had a big impact on me. I think now I am trying to see how make the experience more seamless (i.e moving from workspace and working with a team while using SASS), but I think that will just come through practice.

    Thanks again.

  • Hamid

    thank you for that series Norris, cya on the next episode.

  • Russel

    Very nice series man, enjoyed it quite a lot so far.

    By the way, what is your colorscheme for sublime ?

  • Pingback: Tweet-Parade (no.32 Aug 2012) | gonzoblog.nl

  • Ramiro

    Very nice tutorial… Thanks, i have a question why is it chopped on the final??

    • Ramiro

      ending… sorry bad english…