Books: 12

Sass

CoverTitleYear
KEY FEATURES * 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 more » decouple visual components. BOOK DESCRIPTION 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. 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 ABOUT THE AUTHOR Ben Frain, Senior Front-end Developer at bet365, is a widely respected CSS developer and industry thought leader. Ben is the author of two successful and widely respected books Responsive Web Design with HTML5 and CSS3 and Sass and Compass for Designers, both published by Packt Publishing. Ben lives in Cheshire, England with his wife and two children. You can follow him on Twitter at http://twitter.com/benfrain and at his website (http://benfrain.com). TABLE OF CONTENTS 1. Writing Styles for Rapidly Changing, Long-lived Projects 2. The Problems of CSS at Scale 3. Implementing Received Wisdom 4. Introducing the ECSS Methodology 5. File Organisation and Naming Conventions 6. Dealing with State Changes in ECSS 7. Applying ECSS to your Website or Application 8. The Ten Commandments of Sane Style Sheets 9. Tooling for an ECSS Approach 10. CSS Selector Performance 11. Browser Representatives on CSS Performance « less
2017
This book teaches you how to use the front end CSS framework Bootstrap 4 - the newest version. CSS frameworks give front end developers the capability to create responsible or adaptive web designs that overcome the various variations of modern browsers. Bootstrap is the leading CSS framework and gives more » developers a unique way to create responsive web sites. You will learn how to use all the components of Bootstrap 4 with easy-to-follow instructions and example code snippets. You'll understand how to use Bootstrap 4 for typography, forms, and modules. You'll understand how to structure your page and your code to be optimally efficient. What You'll Learn * How to use Bootstrap 4 and particularly the features require to create web applications * Understand the basics about responsive web design using CSS3 * How to install and use the SASS framework * How to use the templates and themes market for Bootstrap Who This Book Is For This book is for developers of web applications who already know how to use CSS and JavaScript and want to explore the capabilities of a framework to increase productivity. « less
2017
Cross-Platform Apps with Ionic 2, Angular 2, and Cordova
Looking to build cross platform mobile applications? This hands-on guide provides a basic introduction and overview to the Ionic Framework, including some new services on the platform. You’ll learn a balanced approach to the mix of technologies—such as AngularJS, SASS, and Apache Cordova—that the Ionic more » Framework leverages. Through the course of this book, you’ll be able to complete several production ready applications. It's ideal for beginning, intermediate, and advanced web developers. « less
2017
Explore the robust features of Bootstrap 4 to create exciting websites through this collection of excellent hands-on projects
ABOUT THIS BOOK * Explore the inner workings of Bootstrap 4 by building different websites * Customize your designs by working directly with Bootstrap’s SASS files * Leverage Bootstrap’s excellent JavaScript plugins WHO THIS BOOK IS FOR If you are a web developer who wants to build professional more » websites using Bootstrap 4, then this book is for you. Familiarity with the basics of HTML, CSS, and JavaScript is assumed. WHAT YOU WILL LEARN * Understand how Bootstrap compiles SASS code to static CSS and ES6 code into JavaScript code * Integrate Bootstrap into application frameworks such as Angular 2 (AngularJS), Ember, and React * Reuse Bootstrap’s SASS mixins and set responsive breakpoints in your designs * Customize Bootstrap’s SASS files and add your own in the process * Manage multiple rows of products in a complex responsive grid * Create a complete one-page scrolling website using Bootstrap’s components and plugins IN DETAIL Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation. The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React. STYLE AND APPROACH This book follows a project-based approach to creating different types of popular websites using Bootstrap. You’ll work through easy-to-follow, clear, and logical steps, with screenshots and tips provided along the way to help you get more from Bootstrap. « less
2016
Unearth the potential of Bootstrap 4 to create highly responsive and beautiful websites using modern web techniques
KEY FEATURES * This book shows how to take advantage of the all new features introduced in Bootstrap * Learn responsive web design and discover how to build mobile-ready websites with ease * Find out how to extend the capabilities of Bootstrap with a huge range of tools and plugins, including jQuery, * more » Do more with JavaScript and learn how to create an enhanced user experience BOOK DESCRIPTION Bootstrap, the most popular front-end framework built to design elegant, powerful, and responsive interfaces for professional-level web pages has undergone a major overhaul. Bootstrap 4 introduces a wide range of new features that make front-end web design even simpler and exciting. In this gentle and comprehensive book, we'll teach you everything that you need to know to start building websites with Bootstrap 4 in a practical way. You'll learn about build tools such as Node, Grunt, and many others. You'll also discover the principles of mobile-first design in order to ensure your pages can fit any screen size and meet the responsive requirements. Learn to play with Bootstrap's grid system and base CSS to ensure your designs are robust and that your development process is speedy and efficient. Then, you'll find out how you can extend your current build with some cool JavaScript Plugins, and throw in some Sass to spice things up and customize your themes. This book will make sure you're geared up and ready to build amazingly beautiful and responsive websites in a jiffy. WHAT YOU WILL LEARN * Fire up Bootstrap and set up the required build tools to get started * See how and when to use Flexbox with the Bootstrap layouts * Find out how to make your websites responsive, keeping in mind Mobile First design * Work with content such as tables and figures * Play around with the huge variety of components that Bootstrap offers * Extend your build using plugins developed from JavaScript * Use Sass to customize your existing themes ABOUT THE AUTHOR Matt Lambert is a designer and developer with more than 16 years of experience. He currently works full-time as a senior product designer for CA Technologies in Vancouver, BC, Canada. In his free time, he is an author, artist, and musician. In 2005, Matt founded Cardeo Creative, which is a small web design studio based in Vancouver. He works with a select list of clients on a part-time basis while producing his own products on the side. To date, Matt has self-published three additional development books titled: Mastering Bootstrap, CSS3 Handbook, and the Freelance Startup Guide. He is also the author of Bootstrap Site Blueprints Volume II, Packt Publishing. TABLE OF CONTENTS 1. Introducing Bootstrap 4 2. Using Bootstrap Build Tools 3. Jumping into Flexbox 4. Working with Layouts 5. Working with Content 6. Playing with Components 7. Extending Bootstrap with JavaScript Plugins 8. Throwing in Some Sass 9. Migrating from Version 3 « less
2016
In Beginning Responsive Web Design with HTML5 and CSS3 you will learn about all aspects of responsive development. You'll start with media queries, and fluid CSS3 layouts. You'll see how to use responsive frameworks such as Twitter Bootstrap, and how to use tools such as Grunt, Bower, Sass, and LESS more » to help save you time. You'll also learn how to use JavaScript to manage responsive states, manage your user's journey across screen sizes, and optimize your responsive site. By the end of the book you will be able to build new sites responsively, and update existing sites to be responsive. Every aspect of a responsive build will be covered. « less
2014
Produce and maintain cross-browser CSS files easier than ever before with the Sass CSS preprocessor and its companion authoring framework, Compass
The CSS preprocessor, Sass, is becoming the de-facto standard for producing cross-browser CSS more maintainable and with more ease. It supercharges CSS with features that make previously difficult and time-consuming tasks trivial. This book concentrates on distilling the techniques in a straightforward more » manner making it accessible to all, even to those that only know HTML and CSS. We will start with a completely unstyled HTML document and build a responsive Sass and Compass powered website step by step. Sass and Compass make CSS easy. You'll learn how to manipulate color in the stylesheet with a single command, create responsive grids with ease, automatically create image sprites, and create CSS3 powered rules that work across all modern browsers. « less
2013
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 more » 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. « less
2013
Foreword by Chris Coyier. Let's face it: CSS is hard. Our stylesheets are more complex than they used to be, and we're bending the spec to do as much as it can. Can Sass help? A reluctant convert to Sass, Dan Cederholm shares how he came around to the popular CSS pre-processor, and provides a clear-cut more » path to taking better control of your code (all the while working the way you always have). From getting started to advanced techniques, Dan will help you level up your stylesheets and instantly start taking advantage of the power of Sass. « less
2013
CSS is fundamental to the web, but it's a basic language and lacks many features. Sass is just like CSS, but with a whole lot of extra power so you can get more done, more quickly. Build better web pages today with Pragmatic Guide to Sass. These concise, easy-to-digest tips and techniques are the shortcuts more » experienced CSS developers need to start developing in Sass today. You'll be able to perform amazing feats of CSS including using variables, calculating layouts, and modifying colors. Did you ever want to make a color 10% less saturated? We'll show you how to do that without needing a calculator. Plus, learn about Compass, Sass's library of carefully built hacks, reusable parts, and frameworks. Find out how to shortcut cross-browser issues and develop mixins for shortening text and making lists more exciting. You'll wonder how you spent all those years styling sites without it! « less
2011