Last week i showed you guys a cool tool i found for CRUNCHING LESS and CSS, but today I came across an equally useful tool for CONVERTING CSS to LESS. 

Convert CSS Into LESS With Css2Less

If you are one of the NING designers/developers who jumped into the LESS when the new design studio came out and you'd like to know how to get more out of CSS on your Ning network, you will love playing with Css2Less.

It is a web-based tool for converting CSS files into LESS by simply copy-pasting the styles.

The tool uses the css2less Ruby library in the backend and its website is open sourced for anyone willing to host it themselves.

Other CSS Related Tips I've Shared over Time:

Layered Paper Look with Pure CSS

All Ning Network Search Forms on One Page

Tips for Those Using External CSS Files

FREEBIE #1 Magazine Style CSS Template for Ning Pages

Hack To Embed Facebook Videos Into Your Ning

A Page Template to Categorize Your Ning

Progress Bar to Show Member Profile Completeness

How-to Launch all external links in a new window with jQuery

MONSTER LIST of Button Generators

Styling Groups with New Design Studio with CSS and a Swift Hack

How-to Control Number of Member Profiles on Member Page Using CSS

How to Add a Border to Anything on Ning Network Using CSS

Find Unused CSS Selectors and Increase Load Speed

Customize Your Pagination Style with CSS

CSS: Best Way to Clean and Optimize

Design Hack #3: How to have 2 RSS Modules Side by Side

Design Hack: How to Make Video and Photo Modules Side by Side

Design Hack: Add A Text Box which Spans All 3 Columns

Awesome Tweak Tip: Animate Your Network Logo With Pure CSS-No Gifs

Tags: CSS, LESS, convert, crunch, css, design, hack, minimize, tip, tips, More…tricks

Views: 429

Reply to This

Replies to This Discussion

GREAT STUFF HERE!

RSS

Latest Activity

Fire-Tech replied to Alex's discussion 'More styling in the Design Studio'
"Good job! I would suggest a check box to move the ningbar to the bottom of the page when…"
3 hours ago
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
3 hours ago
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Mine is here... Disaster Risk Management (Spanish) http://gestiondelriesgo.ning.com/"
4 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
4 hours ago
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'
"Hey Dw, So glad to hear you're interested in checking out the redesign! Make sure that after…"
4 hours ago

NC for Hire
Jen replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Thanks Allison. I have spent hours trying to fix this. That's great news!"
5 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Just got the word that the release had no impact the mobile menu and a feature improvement has…"
5 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Interesting quirk. Thanks for the note."
5 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service