Macaw is a browser based code savvy design tool for responsive design, and produces both semantic HTML and no-fuss CSS.
Created by web developers and designers the product is built specifically with you in mind. The take into account fluid grids, breakpoints, full typographical control, and effects while allowing you to build them modular so reuse is key.
As of 17th January 2014 I’m currently downloading Macaw to take it for a test drive, more to come.
Codekit is a preprocessing master for the Mac. It really does what it says on the tin. Code kit helps you build websites faster and better.
The Performance Budget builder lets you lay out your template types, set a size budget for each template type, then plug in the sizes for each asset category that will load in the template. The tool will adjust each category’s width accordingly and yell at you if you exceed your budget. Pretty fun! Fair warning, this is mostly an experiment and hasn’t been cross-browser tested or anything like that. Feel free to take it and run with it.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.