LESS Is More: Make Your CSS Coding Easier with LESS

This is a forum topic for discussing the article "LESS Is More: Make Your CSS Coding Easier with LESS":

http://www.elated.com/articles/less-is-more-make-your-css-coding-easier-with-less/

This tutorial introduces LESS, a dynamic stylesheet language that makes it quicker and easier to write CSS.

Wow, there's some really useful stuff in there. I particularly like variables and arithmetic. Personally I wouldn't want to put out a live site that relies on LESS, so I love the idea of generating the CSS for the live site. I'm going to give it a go for my next project... will let you know how I go.

(Love the new syntax highlighting on elated too!)

--
http://web.soothed.com.au/
Web design for natural therapists

Thanks cat! Yeah I think the syntax highlighting makes the code much easier to read. I now just need to go back through all our older articles and add it in...

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

I really like the concept of LESS, but 1 thing that puts e off is that, I am used to the traditional style of css coding and getting used to this can take some time… that said… once I get used to it, working on a different environment can be difficult… I think I would stick to traditional coding for now… even though it make take more time ..
cheers

@Crazyhunk: Yes, I understand where you're coming from. What I like about LESS though (compared to other similar languages like Sass) is that it's very close to native CSS, which makes it pretty easy to pick up and use.

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

Great article, you pointed out some stuff I never new about.

I've tried using LESS in the past, but for some reason I had issues with Chrome not updating the styles correctly...anyone else had this issue.
The other thing that turned me off was that I use firebug a lot...and having those line numbers saves me a bunch of time.

@physicsmazz: Thanks for your comment! I haven't seen any problems with LESS and Chrome - maybe they've fixed it now.

Cheers,
Matt

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

Hi,
I am unable to get less.js working. Is there anything I need to install on the server? I have tested with your online examples as above. I have the style.less before the less.js as described above etc. My Pathing is all correct. Yet less.js does not seem to compile on the fly as it should. I've also added .less mimetype to IIS7 as text/css and it still does not work. I've tested this both at my work PC and home PC and both respond the same way.

I've googled this issue and a number of others users have the same issue but noe of the answers given seem to work.

I know I can compile using online compilers but that makes using less in development a pain. Any help from anyone would be greatly appreciated.

Thanks

--
http://thejobfool.com

@Jighead: Strange. Do you see any JS errors in your browser console?

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/