Principles of a Solid Web Design

The main focus of each and every website developer would be to build a highly effective, attractive, understandable and artistic design. Sometimes, it might be hard to balance it however the entire goal for getting an internet site would be to serve the clients on priority basis before concentrating on other activities like Search engine…

The Anatomy of a Web Project

Step 1: The Road to Discovery Web projects are by their nature elusive and ever-changing creatures. At first glance, they appear compliant, obediently following the straight yellow lines in the road and traveling safely at the legal speed. Then suddenly, just as you’ve started to enjoy the gently rolling scenery, your web project begins to…

How to use Pattern Matching with Mixin in Less

Pattern matching with mixins is where mixin is defined several times, with slightly different values, and the mixin that is finally used when the file is compiled is decided by the arguments being used. It looks confusing a bit let’s try to make it understandable. A good example of usefulness of pattern matching with mixins…

How to use Color Functions in Less

What Color functions do in Less? Less provides different range of Color functions to use, these functions provide functionality to increase or decrease lightness or saturation of colors, increase or decrease fade in, fade out of colors, and to increase or decrease a color by specified number of degrees. Additionally Less provides the fancy functionality…

How to use Variables in Less

In Less we can use a variable following by an “@” symbol, for example if we have to use a font-family in our css and that family would be required again and again. We generally have font-family like shown below: h1 { font-family: 'open sans', sans-serif; } Using a property once or twice is perfect…

How to use Nesting in Less

What is the meaning of nesting in Less programming Nesting in Less programming means “clustering of statements inside other statements and so it forms a group of related code.” Simply when we add a code snippet and add another code inside that code snippet is simply nesting. We always write CSS code like shown below:…

How to use Parametric Mixins in Less

In previous lesson we learned about standard mixins in Less, while today we’ll be continuing our series on mixins but keeping our focus towards parametric mixins. Parametric mixins are same like standard mixins, only difference is that parametric mixins take parameters like functions in javascript or any other programming language. After providing parameters to our…

How to use Math Functions in Less

Below given are some math functions which Less provide to use Today we’ll be discussing some of the math functions which Less provides to operate on numerical values. The functions which Less provides to work with are given below: 1: Round Function 2: Floor Function 3: Ceil Function 4: Percentage Function What these math functions…

How to use Operations in Less

Operations in Less Less provides all simple mathematical operations which we usually use in our daily routines like addition, subtraction, multiplication and division etc. Operations are very useful when we do use our variables with care, then it saves a lot of time and we do feel as we are working in our simple mathematics.…

How to use Pseudo Classes in Less

If you worked for a while in CSS you may have used pseudo classes, and here is the general structure of pseudo class usage in CSS shown below: li { float: left; padding: 5px; background: black; } li:hover { background: orange; } It’s very basic example of pseudo class usage in CSS, the purpose is…
Menu