This Will Change the Way you Code your CSS
plus

This Will Change the Way you Code your CSS: New Premium Tutorial

on Jan 13th 2010 with 81 comments
Download Source Files

Last Friday, we learned how to utilize a tool called Zen-Coding to rapidly speed up our development time when creating mark-up. In today’s Plus video tutorial, we’re going to take another huge leap forward, specifically with CSS, where I’ll show you how to utilize a different tool, called “Scaffold,” created by Anthony Short.

This will allow you to use variables, functions (mix-ins), for statements, and to even create grids on the fly with ease! I promise you that, if you’re mildly familiar with PHP, this will drastically change – and improve – the way you code your CSS! Become a Premium member to watch!

Learn How to…

  • Create CSS variables/constants
  • Create grids – of any size you like
  • Use functions or mix-ins
  • Automatically minify the generated CSS file.
  • Combine multiple stylesheets into one, to save on HTTP requests.
  • Dramatically improve your development time.

Scaffold

Join Tuts Plus

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!


 
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.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. I'm incredibly passionate about modern software development, and am the author of Laravel Testing Decoded! If you want be friends, say hi on Twitter.  

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

    Hi a novice to net.tutsplus.com and loving it so far! I’m a CMO(Chief Marketing Officer) . Don’t know of posting in this but I’m seeking firm that may
    grow our sales online like how forums get visitors in huge nubmers. I think its incredible on how several members and visitors
    these forums get. Any suggestions of firms that you have utilized could be wonderful.

  • Waqas Ashraf

    Hey Jeffrey!

    First of all thanks for such an awesome tutorial.

    Secondly, I wanted to discuss my issue with you. I am using Scaffold in Code Igniter and for some reason its not working. When I go to View Source and and click on the CSS file I do see the generated CSS code by Scaffold but its not at all affecting my page. Looks like its just not linking.

    I would really appreciate if you could provide a tutorial of using Latest version of Scaffold with Code Igniter. Because Scaffold coding has changed quite a lot from the time of this tutorial. :)

    Thanks.

    - Waqas

  • http://forum.literotica.com/forumdisplay.php?f=4 Irezumkiss

    Has the white man screwed you over or do you feel that the white man should pay for what his ancestors did
    Do you believe that black men should own white woman then this is the perfect place for you.

    Come join us at
    http://forum.literotica.com/forumdisplay.php?f=4

    Log in and say hi and tell us why you hate white people. Pm me as I go by the name Irezumkiss
    Thankyou and enjoy

  • Yatsan

    Hey there! I don’t know what happened but after putting @constants styles didn’t work (~7:00 mins). Can anybody help me with this?

← Older Comments