“Isn’t it pretentious to start every article with a quote, makes you look like a tool.”
Last time we looked at media queries, and how we can use them to re-shape the site as the browser window is resized. Creating our own media queries for every site though, seems like a pain just to accommodate half the internet! Fortunately frameworks can solve this problem for you.
You’ve been using Sublime Text, but developers have a lot of tools they may or may not use, sometimes and not all the time. Whether you’ll use them at all is actually beside the point right now, we want to be modern and relevant so we’ll try them first. (Some tools may not be useful right now, but later, perhaps.) Ok so we’re looking at another Tuts+ course, Tools of the modern web developer. Here’s what I got from it:
- Everything in unit 2 is great, Yeoman is great, however the trouble with it is, for me it wasn’t useful at this stage (+ I’ll come back to it later). You should already be using Emmet for Sublime, and I never found Markdown useful, perhaps you will.
- The general consensus seems to be that Sass is better than LESS, though again same problem as Yeoman. At this stage it was too much trying to integrate all this stuff at once, maybe watch a bit of the video to get an idea about how these tools can improve workflow and the health of your documents, then move on (more on Sass later).
Why am I telling you to come back later, why not post this all later. Well like I mentioned above, trying to shoehorn all these different tools into your website and workflow isn’t easy. In fact, I found it a damn nuisance, therefore I suggest gently introducing them as you get more confident. Start with Bootstrap and Boilerplate. These frameworks help you build a bit quicker, build another site, play around with making everything responsive and add some of your own media queries.
1. Tuts+ course – Tools of the modern web developer.
2. Try using Bootstrap and Boilerplate in a project.