Instant SASS CSS How-to [Instant]


This title is available as an eBook only
Instant SASS CSS How-to [Instant]
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
$11.04
save 15%!
Print & eBook also available on:
Learn in an Instant - Short, Fast, Focused
Overview
Table of Contents
Author
Support
Sample Chapters
  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Learn how to download and install SASS and compile SASS code to validate CSS
  • Learn how to use the various elements of SASS, such as mixins, variables, control directives, and functions to create valid CSS
  • Use an external mixin library such as Compass with SASS to produce exciting effects and learn to create your own mixin library

Book Details

Language : English
eBook : 80 pages
Release Date : February 2013
ISBN : 1782163786
ISBN 13 : 9781782163787
Author(s) : Alex Libby
Topics and Technologies : All Books, Instant, Web Development, Open Source, Web Development

Table of Contents

Preface
Instant SASS CSS How-to
  • Instant SASS CSS How-to
    • Downloading and installing SASS (Must know)
    • Adding support to text editors (Must know)
    • Pre-compiling SASS (Must know)
    • Viewing SASS in a browser (Become an expert)
    • Using nested rules (Must know)
    • Using comments in SASS (Should know)
    • Getting interactive with Script (Become an expert)
    • Using CSS-3 directives in SASS (Must know)
    • Controlling output in SASS (Must know)
    • Creating and using mixins (Must know)
    • Building functions within SASS (Must know)
    • Altering output style (Should know)
    • Using a pre-built mixin library (Should know)
    • Writing mixins – developing a style (Must know)
    • Downloading and installing Compass (Should know)
    • Creating sprites using Compass and SASS (Become an expert)
    • Using vendor prefixes and Compass (Become an expert)
    • Building a slider using Compass (Become an expert)
    • Using SASS with Wordpress (Become an expert)
    • Using Compass in WordPress (Become an expert)
    • The different versions of SASS – an explanation
    • A template for the book recipes

Alex Libby

Alex Libby is from an IT support background. He has been involved in supporting end users for the last 15 years in a variety of different environments, and currently works as a Technical Analyst, supporting a medium-sized SharePoint estate for an international parts distributor, based in the UK. Although Alex gets to play with different technologies in his day job, his first true love has always been with the Open Source movement, and in particular experimenting with CSS/CSS3 and HTML5. To date, Alex has written five books based on jQuery, HTML5 Video, and CSS for Packt Publishing, and has reviewed several more (including one on Learning jQuery). jQuery UI 1.10: The User Interface Library for jQuery is Alex's sixth book with Packt Publishing.

Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 2 submitted: last submission 27 May 2014

The code for this book has been re-uploaded.

Errata Type: code | Page Number: 39

To show you how important it is to take care with this part of the library, a perfect example
arose when writing this demo; I used this rule to create my H1style:
h1 { @include firefox-message("&", $firefox-greeting);
color: transparentize($mainColour, 0.3);
font-size: $h1Size;
}

should be replaced with

To show you how important it is to take care with this part of the library, a perfect example
arose when writing this demo; I used this rule to create my H1style:
h1 { @include firefox-message("H1", $firefox-greeting);
color: transparentize($mainColour, 0.3);
font-size: $h1Size;
}

Sorry, there are currently no downloads available for this title.

Frequently bought together

Instant SASS CSS How-to [Instant] +    R Statistical Application Development by Example Beginner's Guide =
50% Off
the second eBook
Price for both: £18.45

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Installing and using SASS in your site
  • Compiling SASS code to produce valid CSS that you can use in your site’s pages
  • Using variables, functions, mixins, control, and CSS-3 directives and operators in your SASS code
  • Viewing SASS code in your browser
  • Employing external mixin libraries such as Compass to add extra functionality to SASS
  • Using SASS and Compass within CMS environments such as Wordpress
  • Creating, importing, or using existing pre-built mixin libraries in your projects
  • Altering your CSS output style in SASS, depending on your requirements

In Detail

CSS styling has been a key part of developing for the Internet since the early 1990s, but unlike JavaScript, has suffered from the inability to produce dynamic styles, using functions, operators, and variables. SASS uses the power of Ruby to bring support for all three and more to your CSS, allowing you to engage in a more efficient, modular style of working, and making it easier to maintain your CSS styling in your projects.

Instant SASS CSS How-to is a practical, hands-on guide that provides you with a number of clear step-by-step exercises, which will help you take advantage of the power of SASS, and give you a good grounding in writing and compiling CSS style sheets using the SASS pre-processor language.

This book looks at how you can incorporate SASS into your web pages, and either produce style sheets dynamically, or pre-compile them before including the final article into your site’s pages.

You will also learn how you can use the power of mixins, functions, and variables to help produce style sheets, and reduce the amount of code you need to write in your style sheets. We will also take a look at how you can incorporate a more modular style to your development workflow, which will help with making style sheets more manageable and easier to update in the future. We will also take a look at how you can build up libraries of reusable code that you can incorporate into your future projects.

You will learn everything you need to know to start using SASS to help produce more efficient style sheets in your site’s pages, and adopt a more modular development workflow, which will make it easier to maintain your sites in the future.

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Get the job done and learn as you go. This book is filled with practical, hands-on recipes to help you write SASS quickly and more efficiently.

Who this book is for

This book is great for those new to using CSS pre-processors such as SASS, and who are looking to get a good grounding in how to use SASS. It’s assumed you will have some experience in using HTML and CSS already; it is likely you will be responsible for maintaining at least one website (the larger the better), and are keen to learn how you can use SASS to help make it easier to manage your CSS styles. Although SASS is powered by Ruby, it is not essential to already be familiar with Ruby for the purposes of completing the recipes in this book.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software