This course will take you through all the essential tools to begin writing better CSS with LESS.
We will begin with the basics of LESS, highlighting all the key features in easy-to-follow, step-by-step chunks, ending with some existing scenarios where LESS could be beneficial and additional publications to further your education.
Then we will cover variables, LESS' way of storing repetitive data such as color values, font sizes, and more using customized names. After this, we will take a look at mixins, a CSS type function in LESS that, among other things, will greatly simplify the use of CSS3. In nesting, we will discuss how to write shorter, cleaner CSS. Finally, we’ll cover various functions and operations available within LESS that will allow you to further simplify your CSS and perform some really impressive actions you thought you’d never be able to do!
Rapid LESS will take you through LESS in a step-by-step way, so that you not only know how to write smart code, but why it’s a beneficial addition to your existing workflow.
Improving existing CSS workflow through the features and capabilities of the LESS Preprocessor.
Going through the prerequisites for Windows, Mac, and Linux.
Understanding the file/folder structure.
How to write your first LESS Nested section?
How to use non-descendant selection with LESS Nesting?
How to use Nesting when working with Pseudo- elements so as to apply hover states for links
Math operations are great for creating dynamic font-sizes and line heights to keep everything well balanced in the event of last minute changes.
This may be better for theme or template developers who need to be able to quickly and easily develop multiple iterations of sites and styles in various colors.
Working with color functions such as darken to perform minor adjustments to colors. Colors that are very well suited to subtle changes that occur in an end users web experience.
Discuss some of the more advanced LESS functions to highlight some of the great potential available to a developer when using LESS.
Numerous stylesheets impact on performance through numerous DNS requests and in turn impact on SEO. LESS is a great tool for mitigating this with its variation in the @import function.
The compiled versions of a framework can often contain styling and elements that are simply not needed for a specific site. Working with the LESS source files allows you to easily tailor make your own version of that framework to match a project's specific needs.
Before signing off for the last time, we will run through some additional resources that are available for you to use after this course.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.