Mastering Sass by Luke Watts

By Luke Watts

Key Features

  • Create data-intensive, hugely scalable apps utilizing Sass and COMPASS
  • Master the techniques of Sass and COMPASS and unharness your strength to increase enterprise-grade apps
  • This booklet is an specialists' consultant on leveraging Sass and COMPASS features

Book Description

CSS and Sass upload attractiveness and excellence to the fundamental language, and encompass a CSS-compatible syntax so as to use variables, nested principles, mixins, inline imports, and lots more and plenty more.

This e-book will begin with an outline of the beneficial properties in Sass and Compass, such a lot of which you will already be ordinary; in spite of the fact that, this may make sure you understand what is anticipated because the ebook is going deeper into Sass and Compass. subsequent you are going to examine CSS and HTML ideas which are important to a very good Sass workflow. in the end, Sass exists to simplify writing CSS, however it will not educate you the way to make fresh, scalable, reusable CSS. For that, you want to comprehend a few uncomplicated ideas of OOCSS, SMACCS, and Atomic Design.

Once you will have brushed up at the very important options, it is time to write a few Sass. as a rule you will write a number of features and mixins that truly leverage keep watch over circulation utilizing @if / @else loops and you may tips on how to determine while and why issues are going fallacious ahead of they bring about you to a cease. relocating additional, you are going to tips on how to use @debug, @warn and @error to correctly deal with errors.

You'll additionally find out about Gulp and the way to take advantage of it to automate your workflow and decrease your repetitive projects. and eventually you will find out about sourcemaps. With sourcemaps, you can actually write, debug, and look at your Sass and Compass all from in the browser. it will even LiveReload too!

As an advantage, you will look at that funky Flexbox, at present the entire rage! you are going to learn the way robust and versatile it truly is, and the way you should use it with Compass. better of all, it falls again very gracefully certainly! in reality, you possibly can use it on any latest venture with no need to alter a line of the unique CSS.

What you are going to learn

  • Master Sass and Compass features
  • Familiarize your self with CSS and HTML innovations which are very important for a superb Sass workflow.
  • Build real-world web pages concentrating on layouts and content material aspects
  • Work on a grid method utilizing Compass and Susy
  • Automate your workflow with Gulp
  • Write capabilities and mixins to leverage the keep an eye on flow

About the Author

Luke Watts is an internet developer and electronic artist from Galway, eire. He all started studying website design in 2012 after a long time operating with AutoCAD within the production undefined. In 2014 he arrange his personal net improvement organization known as Affinity4 (http://affinity4.ie) in Galway, eire. he's an Oracle qualified MySQL Developer, and an Adobe qualified affiliate (Photoshop and Dreamweaver).

Luke has a prepared curiosity in studying and instructing others. He has written articles for plenty of web content, together with his personal weblog, on quite a lot of matters resembling website positioning, WordPress improvement, SVG, Sass, Jade, OOP, Git, Silex, MySQL, and PHP.

Luke is additionally an entire artist, either in conventional mediums (mostly pencil and ink) and in electronic portray. whilst no longer construction web pages or writing code he'll probably be engaged on a electronic portray on his Wacom capsule utilizing Photoshop or making a 3D version or scene in any variety of 3D modeling applications.

Table of Contents

  1. Requirements
  2. Sass – the line to higher CSS
  3. Compass – Navigating with Compass
  4. CSS and HTML – SMACSS, OOCSS and Semantics
  5. Advanced Sass
  6. Gulp – Automating initiatives for a swifter Workflow
  7. Sourcemaps – enhancing and Saving within the Browser
  8. Building a Content-Rich web site Components
  9. Building a Content-Rich site – Layout
  10. Building a Content-Rich site – Theme

Show description

Read or Download Mastering Sass PDF

Similar web site design books

42 Rules for Applying Google Analytics: A practical guide for understanding web traffic, visitors and analytics so you can improve the performance of your website

Forty two ideas for using Google Analytics is knowing a visitor's trip via your site then utilizing that dimension, assortment and research of knowledge for the most goal of appropriately optimizing and enhancing web site functionality. This contains studying the place your viewers come from and the way they have interaction together with your web site or measuring key drivers and conversions similar to which web content motivate humans to react through calling, emailing or procuring a product.

Ultimate WordPress Book; A Step-by-step Guide for Making an Attractive, Profitable, and Hacker-Proof WordPress Site

Create beautiful, ecocnomic and Hacker-Proof WordPress websites with the final word WordPress publication! are looking to create an internet site you may be happy with utilizing WordPress? I’ll help you make a domain that not just appears nice and makes you cash, but additionally respells viruses and hackers! hello, I’m Lambert Klein, writer of a number of WordPress top dealers right here within the Kindle shop.

Responsive Web Design Patterns

Approximately This BookExplore the method of mixing responsive styles jointly to slot the wishes of your individual web site or projectOrganize your tasks by means of growing responsive trend libraries and deal with unruly layout structures as they growBreak down the easiest responsive web pages to their styles and how to construct them on your personal projectsWho This ebook Is ForThis ebook is meant for HTML and CSS novices who need to know the place to begin while making a responsive web site.

Mastering Bootstrap 4

Learn how to construct attractive and hugely customizable internet interfaces through leveraging the facility of Bootstrap four quicklyAbout This BookAdapt and customise Bootstrap to provide attractive web content that suit your needsExplore Bootstrap's grid method, helper periods, and responsive utilitiesExtend Bootstrap with jQuery plugins and how you can create your personal customized pluginsWho This e-book Is ForThis ebook goals intermediate-level front-end web-developers.

Additional resources for Mastering Sass

Sample text

Download PDF sample

Rated 4.20 of 5 – based on 13 votes