Web developers should always be abreast of the latest news. And to make their work easier and to help in saving their time a lot of talented web developers from all around the world always try to bring some new decisions and tools. To your attention, we would like to showcase some fresh timesaving tools among which you’ll find useful services, resources, generators and frameworks that you might find very interesting.
Simple Grid
Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.
Base
Minimal CSS-framework with revolution grid and beautiful typography. No imposed styles and freedom.
Literally Canvas
Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget that currently supports a minimal set of drawing operations. You can draw, erase, set the color with the eyedropper, undo, redo, pan, and zoom.
Junior
A front-end framework for building HTML5 mobile apps with a native look and feel.
Ai Canvas
The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser.
Brunch
Brunch is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
HTML5 Blank
HTML5 Blank is a powerful shell for rapidly deploying your WordPress projects. Get developing in minutes, with the robust, preloaded shell. HTML5 Blank.
Mobiscroll
profoundgrid
A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
34Grid
34Grid is a Responsive Grid System based on “equally distributed columns” layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions)
One % CSS Grid
One% CSS Grid is a 12 column fluid CSS grid system. It’s been designed as a base for building responsive web layouts easily, quickly and with minimum effort. You don’t have to take care of resizing and rearanging your layout for each platform separatelly.
Makisu
An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.
Demo
rwdgrid
rwdgrid is just another Grid system based on popular 960grid , which is responsive and ranges from mobile, tablet, laptops and wide screen displays.
Bi-App-Less
Writing bi-directional stylesheets in less.
Bootsnipp
Design elements and code snippets for Bootstrap HTML/CSS/JS framework.
Kube
Minimal CSS-framework with revolution grid and beautiful typography. No imposed styles and freedom.
CSSHorus
CSSHorus is a CSS framework for easy and fast development of responsive and mobile websites. It contains 16 grid columns and basic style formats (Resets, Basics, Typography, Lists, Links, Table, Form, Button) for your web project, also with RTL and LESS CSS.
Clearless
A reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less Mixin Library).
Bourbon
Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required.
Toast
Toast is a CSS framework as simple as it can be, but no simpler. A twelve column responsive grid makes layouts a breeze, and with box-sizing you can add padding and borders to the grid, without breaking a single thing.
Metro UI CSS
Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution.
Neat
Neat is an open source semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle almost anything you throw at it.
CSS Sprites
Using CSS Sprites to optimize your website for Retina Displays.
GitHub-Style Sliding Links
GitHub seems to change a lot but not really change at all, if that makes any sense; the updates come often but are always fairly small. I spotted one of the most recent updates on the pull request page.
Centurion
Built using SASS and CSS3 media queries, Centurion is a responsive web framework that scales with your device.
Responsivator
Shapeshift
Shapeshift is intended to be a very bare bones version of these grid systems, however the drag and drop is what sets it apart from the other similar plugins.
Screenqueri.es
Crunch
Everyone loves LESS. After all, who isn’t tired of typing all the browser prefixes to make some kick-ass CSS3? But don’t you wish you could organize your LESS/CSS styles into some well-organized libraries, and then just serve a single file to the browser? Or render your page without relying on JavaScript or command-line geekery? Wouldn’t it be great if you could just edit LESS, and then save CSS?
Notifus
Notifus is a browser extension which enhances GMail. Its main purpose is to free our mind of worries about unanswered e-mails.
Framer
Framer is a modern prototyping tool. It can help you to quickly build and test complex interactions and rich animations for both desktop and mobile.
Plaaan
Printable, customizable blank planners.
ish
ish. is yet another viewport resizer. What’s with the name, you ask? Small-ish. Medium-ish. Large-ish. That’s the idea. Many have long been preaching to let content, not device widths determine breakpoints in responsive designs, so rather than determining several fixed breakpoints, ish. roughs out general ranges in order to better serve the entire resolution spectrum.
Snippely
Snippely is a basic text and code organizational tool. Instead of storing bits of code, quick notes, and memos in text files all over your hard drive, this application will let you save and organize “snippets” in one convenient location. A snippet is a collection of one or more pieces of code and notes. Snippets are stored in groups for organization and quick retrieval.
Bedrock
Bedrock is a responsive, mobile first 18 column grid. A theoretical grid for today’s layout challenges. Pull it apart, modify it, or extend your favorite grid framework with the mobile classes.
Filtrify
Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.
Solidify
Solidify lets you create clickable prototypes from sketches, wireframe, or mockup. Validate user flows on any device by performing user tests in person, remotely or on your testers own time to get the feedback you need.
Circular
You might also be interested in..
45 New Tools and Services for Web Designers and Developers
40+ New Tools and Services for Web Designers and Developers
Timesaving Tools and Services for Web Developers