Sass and Compass for Designers

Sass and Compass for Designers

Author: Ben Frain

Publisher: Packt Publishing Ltd

Published: 2013-04-25

Total Pages: 409

ISBN-13: 1849694559

DOWNLOAD EBOOK

A step-by-step tutorial guide, taking you through how to build a responsive Sass and Compass powered website.If you understand HTML and CSS, this book is all you need to take your code to the next level with Sass and Compass. No prior understanding of CSS preprocessors or programming conventions is needed.


Sass and Compass in Action

Sass and Compass in Action

Author: Brandon Mathis

Publisher: Simon and Schuster

Published: 2013-07-25

Total Pages: 342

ISBN-13: 1638351015

DOWNLOAD EBOOK

Summary Sass and Compass in Action is the definitive guide to stylesheet authoring using these two revolutionary tools. Written for both designers and developers, this book demonstrates the power of both Sass and Compass through a series of examples that address common pain points associated with traditional stylesheet authoring. The book begins with simple topics such as CSS resets and moves on to more involved topics such as grid frameworks and CSS3 vendor implementation differences. About this Book For 15 years, we've been using CSS to patiently paint the web by hand. No more! Sass and Compass add scripting and a library of components to standard CSS so you can simplify stylesheet authoring, automate tedious tasks, and add dynamic styling features to your pages. Think of Sass and Compass as power tools that allow you to paint with remarkable speed and precision. Sass and Compass in Action is a hands-on guide to stylesheet authoring using these two revolutionary tools. This practical book shows you how to eliminate common CSS pain points and concentrate on making your pages pop. You'll begin with simple topics like CSS resets and then progress to more substantial challenges like building a personal stylesheet framework to bundle and reuse your own approaches and opinions. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. What's Inside CSS for desktop and mobile web apps Loaded with examples and reusable techniques Authors are Sass and Compass creators and core team members About the Authors Wynn Netherland is a full stack web developer who co hosts The Changelog Podcast. Chris Eppstein is the creator of Compass and a member of the Sass core team. Brandon Mathis is a passionate professional web designer with deep Sass skills. Nathan Weizenbaum is the creator and lead developer of Sass. Table of Contents PART 1: GETTING ACQUAINTED WITH SASS AND COMPASS Sass and Compass make stylesheets fun again Basic Sass syntax PART 2: USING SASS AND COMPASS IN PRACTICE CSS grids without the math Eliminate the mundane using Compass CSS3 with Compass PART 3: TUNING FOR PRODUCTION Spriting From prototype to production High-performance stylesheets PART 4: ADVANCED SASS AND COMPASS Scripting with Sass Creating and sharing a Compass extension


Mastering Sass

Mastering Sass

Author: Luke Watts

Publisher: Packt Publishing Ltd

Published: 2016-08-26

Total Pages: 310

ISBN-13: 1785889575

DOWNLOAD EBOOK

Create interactive and responsive cross-browser apps with SASS and Compass About This Book Create data-intensive, highly scalable apps using Sass and COMPASS Master the concepts of Sass and COMPASS and unleash your potential to develop enterprise-grade apps This book is an experts' guide on leveraging Sass and COMPASS features Who This Book Is For This book is aimed at those who know CSS3 and HTML5 quite well and who've built a few small-to-medium-sized websites from scratch using Sass and Compass. What You Will Learn Master Sass and Compass features Familiarize yourself with CSS and HTML concepts that are vital for a good Sass workflow. Build real-world websites focusing on layouts and content aspects Work on a grid system using Compass and Susy Automate your workflow with Gulp Write functions and mixins to leverage the control flow In Detail CSS and Sass add elegance and excellence to the basic language, and consist of a CSS-compatible syntax that allows you to use variables, nested rules, mixins, inline imports, and much more. This book will start with an overview of the features in Sass and Compass, most of which you'll already be familiar; however, this will ensure you know what's expected as the book goes deeper into Sass and Compass. Next you will learn CSS and HTML concepts that are vital to a good Sass workflow. After all, Sass exists to simplify writing CSS, but it won't teach you how to make clean, scalable, reusable CSS. For that, you need to understand some basic concepts of OOCSS, SMACCS, and Atomic Design. Once you've brushed up on the important concepts, it's time to write some Sass. Mainly you'll write a few functions and mixins that really leverage control flow using @if / @else loops and you'll learn how to figure out when and why things are going wrong before they bring you to a stop. Moving further, you'll learn how to use @debug, @warn and @error to properly handle errors. You'll also learn about Gulp and how to use it to automate your workflow and reduce your repetitive tasks. And finally you'll learn about sourcemaps. With sourcemaps, you'll be able to write, debug, and view your Sass and Compass all from within the browser. It'll even LiveReload too! As a bonus, you'll take a look at that funky Flexbox, currently all the rage! You'll learn how powerful and flexible it really is, and how you can use it with Compass. Best of all, it falls back very gracefully indeed! In fact, you'll be able to apply it to any existing project without having to change a line of the original CSS. Style and approach This book will provide readers with practical, actionable expertise to enhance their knowledge


Pragmatic Guide to Sass 3

Pragmatic Guide to Sass 3

Author: Hampton Catlin

Publisher:

Published: 2016

Total Pages: 0

ISBN-13: 9781680501766

DOWNLOAD EBOOK

"Design websites faster than ever using Sass--the most mature and popular CSS meta-language. Code the right way in Sass with short, clear examples of commonly used tasks in an easy-to-follow modular format. This ultimate guide to using Sass, written by its creator, is updated and expanded with all the new features found in Sass 3.4"--Back cover.


Enduring CSS

Enduring CSS

Author: Ben Frain

Publisher: Packt Publishing Ltd

Published: 2017-01-17

Total Pages: 128

ISBN-13: 1787284530

DOWNLOAD EBOOK

Learn to really THINK about CSS, and how to create CSS that endures continual iteration, multiple authors, and yet always produces predictable results About This Book Address the problems of CSS at scale, avoiding the shortfalls of scaling CSS. The shortfalls of conventional approaches to scaling CSS. Develop consistent and enforceable selector naming conventions with ECSS. Learn how to organize project structure to more easily isolate and decouple visual components. Who This Book Is For This is a book for working CSS authors involved in large projects. This is a book that tackles create enduring CSS for large-scale projects. What You Will Learn The problems of CSS at scale—specificity, the cascade and styles intrinsically tied to element structure. The shortfalls of conventional approaches to scaling CSS. The ECSS methodology and the problems it solves. How to develop consistent and enforceable selector naming conventions with ECSS. How to organise project structure to more easily isolate and decouple visual components. How to handle state changes in the DOM with ARIA or override selectors. How to apply ECSS to web applications and visual modules. Considerations of CSS tooling and processing: Sass/PostCSS and linting. Addressing the notion of CSS selector speed with hard data and browser representative insight In Detail Learn with me, Ben Frain, about how to really THINK about CSS and how to use CSS for any size project! I'll show you how to write CSS that endures continual iteration, multiple authors, and yet always produces predictable results. Enduring CSS, often referred to as ECSS, offers you a robust and proven approach to authoring and maintaining style sheets at scale. Enduring CSS is not a book about writing CSS, as in the stuff inside the curly braces. This is a book showing you how to think about CSS, and be a smarter developer with that thinking! It's about the organisation and architecture of CSS—the parts outside the braces. I will help you think about the aspects of CSS development that become the most difficult part of writing CSS in larger projects. You'll learn about the problems of authoring CSS at scale—including specificity, the cascade and styles intrinsically tied to document structure. I'll introduce you to the ECSS methodology, and show you how to develop consistent and enforceable selector naming conventions. We'll cover how to apply ECSS to your web applications and visual model, and how you can organize your project structure wisely, and handle visual state changes with ARIA, providing greater accessibility considerations. In addition, we'll take a deep look into CSS tooling and process considerations. Finally we will address performance considerations by examining topics such as CSS selector speed with hard data and browser-representative insight. Style and approach Learn with me, Ben Frain, about how to really think about CSS. This is a book to deal with writing CSS for large-scale, rapidly changing web projects and applications. This isn't a book about writing CSS, as in the stuff inside the curly braces - this is a book about the organisation and architecture of CSS; the parts outside the braces!


Designing Next Generation Web Projects with Css3

Designing Next Generation Web Projects with Css3

Author: Sandro Paganotti

Publisher: Packt Publishing Ltd

Published: 2013-01-01

Total Pages: 435

ISBN-13: 1849693277

DOWNLOAD EBOOK

This book is designed for you if you are a frontend web developer; it requires a solid knowledge of CSS syntax and of the most common CSS2 properties and selectors.


Sass For Web Designers

Sass For Web Designers

Author: Dan Cederholm

Publisher: Book Apart

Published: 2013-11-12

Total Pages: 0

ISBN-13: 9781952616457

DOWNLOAD EBOOK

From getting started to advanced techniques, level up your stylesheets and instantly start taking advantage of the power of Sass.


Jump Start Sass

Jump Start Sass

Author: Hugo Giraudel

Publisher: SitePoint Pty Ltd

Published: 2016-03-24

Total Pages: 240

ISBN-13: 1457199505

DOWNLOAD EBOOK

Get a Jump Start on the popular CSS preprocessor Sass today! Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the tedious repetitive tasks that come with writing vanilla CSS. Sass simplifies your stylesheets, adding some useful features missing from CSS. Most importantly, Sass will save you time. This book provides a thorough introduction to Sass for the beginner. In it, you'll learn: What preprocessors are and how they can be useful Installation and getting started Variables, mixins, and functions Loops and conditions Nesting Extend Warnings & errors Project architecture The Sass ecosystem And more!


Responsive Web Design with HTML5 and CSS3

Responsive Web Design with HTML5 and CSS3

Author: Ben Frain

Publisher: Packt Publishing Ltd

Published: 2012-01-01

Total Pages: 478

ISBN-13: 1849693196

DOWNLOAD EBOOK

This book will lead you, step by step and with illustrative screenshots, through a real example. Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've heard of Responsive Design but are unsure how to bring HTML5, CSS3, or responsive design all together. If so, this book provides everything you need to take your web pages to the next level - before all your competitors do!


Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

Author: Ben Frain

Publisher: Packt Publishing Ltd

Published: 2020-04-30

Total Pages: 409

ISBN-13: 1839219793

DOWNLOAD EBOOK

Publisher's note: To make use of the most recent CSS and HTML features, a new, fully revised fourth edition of this book is now available, updated for 2022. Key FeaturesUnderstand what responsive web design is and its significance for modern web developmentExplore the latest developments in responsive web design including variable fonts, CSS Scroll Snap, and moreGet to grips with the uses and benefits of the new CSS Grid layoutBook Description Responsive Web Design with HTML5 and CSS, Third Edition is a renewed and extended version of one of the most comprehensive and bestselling books on the latest HTML5 and CSS tools and techniques for responsive web design. Written in the author's signature friendly and informal style, this edition covers all the newest developments and improvements in responsive web design including better user accessibility, variable fonts and font loading, CSS Scroll Snap, and much, much more. With a new chapter dedicated to CSS Grid, you will understand how it differs from the Flexbox layout mechanism and when you should use one over the other. Furthermore, you will acquire practical knowledge of SVG, writing accessible HTML markup, creating stunning aesthetics and effects with CSS, applying transitions, transformations, and animations, integrating media queries, and more. The book concludes by exploring some exclusive tips and approaches for front-end development from the author. By the end of this book, you will not only have a comprehensive understanding of responsive web design and what is possible with the latest HTML5 and CSS, but also the knowledge of how to best implement each technique. What you will learnIntegrate CSS media queries into your designs; apply different styles to different devicesLoad different sets of images depending upon screen size or resolutionLeverage the speed, semantics, and clean markup of accessible HTML patternsImplement SVGs into your designs to provide resolution-independent imagesApply the latest features of CSS like custom properties, variable fonts, and CSS GridAdd validation and interface elements like date and color pickers to HTML formsUnderstand the multitude of ways to enhance interface elements with filters, shadows, animations, and moreWho this book is for Are you a full-stack developer who needs to gem up on their front-end skills? Perhaps you work on the front-end and you need a definitive overview of all modern HTML and CSS has to offer? Maybe you have done a little website building but you need a deep understanding of responsive web designs and how to achieve them? This is a book for you! All you need to take advantage of this book is a working understanding of HTML and CSS. No JavaScript knowledge is needed.