Issue #45 (Sass, RWD, Uncats)
(Skip to the tools section below)
Very busy right now after returning from a vacation this month so there's no tutorial this week. I hope everyone enjoyed the guest tutorials over the past three issues. If you missed them or weren't subscribed yet, check them out in the archive.
Once again, my apologies for no extra content here in the intro, and for this week's issue being one day late. But hey, you're just here for the big fluffy tools lists, amirite?
Now on to this week's tools!
Sass and Preprocessor Tools
"Scaffold styles, variables and structure for Bourbon projects."
Convert Sass to SCSS
"This is an experiment at writing a really barebones Sass to SCSS converter."
"A Compass/Sass based framework for authoring configurable, composable UI components and patterns."
Based on Sass 3.3, "designed to be a flexible layout toolkit that developers can use for any responsive grid-based project."
A Windows GUI for Less.js. The website also includes an online Less compiler.
"A Compass Extension providing you all functions you need to manipulate your Sass lists." It's by Hugo, so it has to be good.
A Sass-based simple HTML/CSS framework that takes advantage of placeholders, is responsive, and easy to customize.
Responsive Web Design Tools (RWD)
"Lets you assign responsive classnames by element breakpoints."
A Chrome extension that lets you easily test your responsive sites offline, compatible with auto-refreshers, and lets you define custom breakpoints.
Responsive Post Preview
A WordPress plugin that "Adds the ability to view your posts and pages at different viewport sizes with a click of a button."
A jQuery plugin that that allows you to pass in a selector (ideally the container where your primary content will go) that generates the ideal font size needed to produce the ideal measure for your text.
"A 2KB jQuery solution for large tables in responsive designs."
Love the name! This tool evaluates your responsive images to help you create a "performance budget".
Scott Jehl's well known responsive images polyfill is now at version 2.0.0.
An E-Commerce solution with 3500+ modules and templates.
"An alternative Admin Interface for WordPress that focusses on design and aesthetics. Goliath was inspired by Svbtle and Medium, both of which have excellently designed editor and Administrative interfaces."
An online compiler and debugging tool that allows you to compile source code and execute it online in more than 60 programming languages.
PHP Date & Timestamp Converter
A reference table of common PHP dates. Enter a UNIX timestampe to see it formatted in the table.
"Simple, fully-managed Ghost blog hosting."
"A web runtime for ambitious HTML5 applications. It provides all the features of a modern browser, combined with deep device integration and an API for adding native extensions."
Check out one of this week's sponsors:
A Tweet for Thought
Christian Heilmann points out one of the flaws of the CSS transforms syntax.
Suggestions / Corrections
Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions, corrections, or improvements, feel free to reply to this email.
Before I Go...
Finally, if you've previously seen Paul Irish's well-known "frontend feeds" list of RSS feeds for front-end developers, I've created my own version and put it up on GitHub. If you have any appropriate feeds to add to one of the categories, open an issue or submit a PR.
Thanks to all for subscribing and reading!