links - css-less

LESS is "LEaner CSs". It's a way to make our CSS more efficient by using variables and other syntax. Best of all, we don't have to change our CSS, we can just add these bits of language as we slowly understand them.

Do you have more to add? Please let us know at the contact form

Basics

Check out LESS.js - with video http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-you-need-to-check-out-less-js/ "Flexibility when creating your stylesheets, including the use of variables, operators, mix-ins, even nested selectors." An introduction - video explaining it, and some code. TutsPlus : 2010
Home of the original LESS http://lesscss.org "LESS extends CSS with variables, mixins, operators, and nested rules. Best of LESS uses existing CSS syntax. This means you can rename your current .css files to .less and they'll just work." Can use as a Ruby gem or as Javascript program. "There's now LESS implementations in other languages, including PHP and .NET." (It is moving towards the Javascript as the best implementation. Alexis Sellier : 2010
LESS documentation http://lesscss.org/docs Docs for the Ruby gem. How to install, use, syntax. Syntax is same as less.js Alexis Sellier : 2010
LESS.js http://fadeyev.net/2010/06/19/lessjs-will-obsolete-css/ less.js is not officially released yet, so this is the closest thing to its home. Explains what it is, how it works, where to get it (github or google code). "From now on, most of the new development on LESS will be happening in http://github.com/cloudhead/less.js. -- Sellier" Dmitry Fadeyev : 19 June 2010
Using Less.js to Simplify Your CSS3 http://designshack.co.uk/articles/css/using-less-js-to-simplify-your-css3 "LESS is an amazing little tool that extends CSS with the addition of variables, mixins, operations and nested rules. What this means is that you can write leaner code very quickly." Step-by-step instructions on using LESS. Good discussion also. Joshua Johnson : 2010

Download

Basic less.js files to get, at github http://github.com/cloudhead/less.js/tree/master/dist/ This is the minimum you need to use less.js Alex Sellier : June 2010
Basic less.js, at google code http://code.google.com/p/lesscss/downloads/list This is the minimum you need to use less.js Alex Sellier : June 2010
Full less.js -- all files, at github http://cloudhead/less.js All the files for less.js Alex Sellier : June 2010

How-tos

Dynamic CSS3 Buttons with LESS http://coryschires.com/dynamic-css3-buttons-with-less/ Starts with good description of what is less, with good links to more info. Then a practical application, making nice graphical-looking buttons. Cory Schires : July 2010

Videos

Check out LESS.js - video http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-you-need-to-check-out-less-js/ "Flexibility when creating your stylesheets, including the use of variables, operators, mix-ins, even nested selectors." An introduction - video explaining it, and some code. TutsPlus : 2010

more about

Do LESS with less.js http://ajaxian.com/archives/do-less-with-less-js Summary of less Ajaxian : 20 June 2010

sass

Auto-compile Sass files with Sass3 http://nex-3.com/posts/90-auto-compile-sass-files-with-sass-3 making it easier to use Sass without Ruby. Nex3 : January 2010
Sass http://sass-lang.com "Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin." Uses Ruby Sass-lang : 2010

More css info on this site

css-less html_n_css-beautiful_code-links.html html_n_css-beautiful_code css-more_info css-css3 css-howtos css-howtos_overviews-links.html css-jquery_howtos-links.html html_n_css-history-links.html css-begin-links.html css-begin css-more_info-links.html css-howtos-links.html css-css3_info_and_howtos-links.html [ to directory ]

Find this file at http://tibetangeeks.com/technologies/web_development/css-less-links.html

This page could not be here without: all the web warriors who ask questions so i can look up answers and put them here ... all the experts who write so we can find and learn ... Jeff Lebow for hosting ... TheFreeDictionary for cool word-lookup-clicking ... all the coders, standards-makers, and browser vendors who make up more great things we can do on the web ... Tim Berners-Lee for inventing this magical thing ... gnu linux | vi | bash to make me zoom ... all my sponsors who enable me to have the freedom to make it ... my tech teachers and my life teachers ... ... gee i don't know where to stop ... it's that interdependence thing, folks!