Book description
Develop attractive CSS styles efficiently, using the Less CSS preprocessor
In Detail
Writing CSS styles can be very tedious?how many times have you written CSS styles that become difficult to read and manage, and frequently have to be duplicated? Less gives you a solid toolkit that can help streamline your code when developing styles for any website of any size, with a significant reduction in the amount of time and effort required.
Learning Less.js helps you maximize your experience with the Less library by breaking down each of its main features. This book walks you through examples that progressively build upon your knowledge, taking you from beginner to advanced usage in a series of easy-to-follow steps. We begin with exploring the library, and will learn about the tricks it uses to help us save development time when creating and managing styles, right through to using Less.js in some practical, real-world scenarios.
What You Will Learn
- Explore the different features of the Less library
- Build an effective toolkit that helps in your development workflow, using different tools in Less
- Streamline the effort required when constructing themes for content management systems, such as WordPress, using Less
- Discover how you can use Less to make frameworks work for you in an effective way
- Enhance the use of Less when working with color, one of the key elements of website design
- Work with Less to reduce the effort required to construct responsive websites
- Add flair to your website or online application with animation effects using Less
Table of contents
-
Learning Less.js
- Table of Contents
- Learning Less.js
- Credits
- About the Author
- About the Reviewers
- www.PacktPub.com
- Preface
-
1. Introducing Less
- The role of HTML and CSS
- The limitations of using CSS
- The benefits of using CSS preprocessors
- Introducing Less as a solution
- Why you should use Less
- Supporting CSS4 standards within Less
- Summary
- 2. Building a Less Development Toolkit
-
3. Getting Started with Less
- Creating the foundation page
- Downloading and installing Less
- Installing Less on the client side
- Installing Less on the server side
- The dangers of using Less on the client side
- Exploring the syntax used by Less
- Compiling the code and viewing results
- Using the command-line compiler
- Watching for changes in Watch mode
- Summary
- 4. Working with Variables, Mixins, and Functions
- 5. Inheritance, Overriding, and Nesting in Less
- 6. Migrating Your Site to Less
- 7. Manipulating Fonts with Less
- 8. Media Queries with Less
- 9. Working with Less in a CMS
-
10. Using Bootstrap with Less
- Dissecting Bootstrap's Less file structure
- Configuring Bootstrap for your site
- Building a more realistic site
- Compiling the Bootstrap CSS and JavaScript
- Examining Bootstrap's mixins
- Dissecting Bootstrap's mixins
- Dissecting Bootstrap's theme mixins
- Customizing our download
- Developing a workflow for using Bootstrap
- Summary
- 11. Abstracting CSS Frameworks with Less
- 12. Color Processing with Less
- 13. Animation with Less
- 14. Extending and Contributing to Less
- A. Color Functions in Less
- Index
Product information
- Title: Learning Less.js
- Author(s):
- Release date: October 2014
- Publisher(s): Packt Publishing
- ISBN: 9781782160663
You might also like
book
Pro Vue.js 2
Explore Vue.js to take advantage of the capabilities of modern browsers and devices using the fastest-growing …
book
Beginning CSS Preprocessors: With SASS, Compass.js, and Less.js
Learn how preprocessors can make CSS scalable and easy to maintain. You'll see how to write …
book
CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language
The CSS3 Quick Syntax Reference is a 150-page syntax reference to the Cascading Style Sheets language. …
book
Sass for Web Designers
Foreword by Chris Coyier Let’s face it: CSS is hard. Our stylesheets are more complex than …