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


Bitters
"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."

Archetype CSS
"A Compass/Sass based framework for authoring configurable, composable UI components and patterns."

Flint
Based on Sass 3.3, "designed to be a flexible layout toolkit that developers can use for any responsive grid-based project."

WinLess
A Windows GUI for Less.js. The website also includes an online Less compiler.

SassyLists
"A Compass Extension providing you all functions you need to manipulate your Sass lists." It's by Hugo, so it has to be good.

Crumpet
A Sass-based simple HTML/CSS framework that takes advantage of placeholders, is responsive, and easy to customize.

Opal
Here's an interesting one: It's a Ruby to JavaScript Compiler.

 

 

Responsive Web Design Tools (RWD)


altclass
"Lets you assign responsive classnames by element breakpoints."

Dimensions Toolkit
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."

Responsive Measure
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.

Responsive Tables
"A 2KB jQuery solution for large tables in responsive designs."

Sizer-Soze
Love the name! This tool evaluates your responsive images to help you create a "performance budget".

Picturefill
Scott Jehl's well known responsive images polyfill is now at version 2.0.0.

 

The Uncategorizables


PrestaShop
An E-Commerce solution with 3500+ modules and templates.

Goliath
"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."

Ideone
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.

runkite
"Simple, fully-managed Ghost blog hosting."

Crosswalk
"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!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
Copyright © 2013 Web Tools Weekly, All rights reserved.

Email Marketing Powered by MailChimp