Probably the biggest hurdle to using a preprocessor like Less is getting setup. We need to figure out a way to turn our Less files (
*.less) and their code into CSS for the browser.
Fortunately, there's a ton of options for this! We'll walk you through the many ways to get setup from the easiest way to the most advance way.
These "easy ways" will allow you to get up and running quickly, but they aren't the ideal setup for a good workflow. So please push yourself to get to at least the normal way!
Codepen is an awesome online service that lets you experiment with different front-end tools quickly. It's also extremely community focused.
Check out the video above to see how to get setup using Codepen or just visit the website yourself now.
Codepen is a great service to let you experiment and learn, but there's no way to integrate this into your workflow.