I was reminded of the Coca-Cola version of K’Naan – Wavin’ Flag, very awesome & inspiring : )…
TM
Awesomeness lies in the hands of the brave
TM
Awesomeness lies in the hands of the brave
Heard this song at one of the world cup fan parks, it has a pretty shweet low bass line, I reckon it’s gonna become a big hit around the world…
I came across this awesome tool today and thought I would share my experience with others…
3 Steps to writing {less}
1.2 Download the {less}.app.
2. {less} App Usage
2.1 Drag your css folder into the “Watched Folders” section.
2.2 Switch to the “Compiler” tab and turn on “Automatically compile files when saved”.
Coda Side-Note: There is a {less} plugin for Coda if ya don’t mind first having to create a “Site” in your sites section first.
3.1 Import & Variables
* Variables can be used to store CSS attribute values to be reused throughout your project so as to alleviate the trouble with core changes.
3.2 “Mixins”
Yeah, it doesn’t automatically mix sense just yet, but it’s quite simple actually…
I would like my “.panel” class to have rounded corners; so I’m going to “mix” or add the rounded corners styling by simply adding its CSS class name (“.rounded-corners”) to my “.panel” class:
3.3 “Nesting stuff”
You can basically use this to nicely organize your CSS and type less ( excuse the pun ); I only have one item nested but imagine if you had more!…
3.4 Operations
If you got a special magic formula, you can implement it with basic operations even if there is a unit of measurement (e.g. px, em, etc.).
All The Files
Summary
{less} is a pretty neat addition to any web designer/developers arsenal.
I left out “Namespaces & Accessors” and a little more as I always believe that one should have at least one look at the official docs… you can find all the {less} techniques here: http://lesscss.org/docs.
Hope this has helped you on your way to writing {less}; until next time, keep writing more, or {less}.
TM
Awesomeness lies in the hands of the brave.
“Awesomeness lies in the hands of the brave”
SocialVibe