Design, CG Graphics & Inspiration

35+ New Tools and Services for Web Developers

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.
Simple Grid in 35+ New Tools and Services for Web Developers

Base

Minimal CSS-framework with revolution grid and beautiful typography. No imposed styles and freedom.
Base in 35+ New Tools and Services for Web Developers

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.
Literally Canvas in 35+ New Tools and Services for Web Developers

Junior

A front-end framework for building HTML5 mobile apps with a native look and feel.
Junior in 35+ New Tools and Services for Web Developers

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.
 in 35+ New Tools and Services for Web Developers

Brunch

Brunch is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
Brunch in 35+ New Tools and Services for Web Developers

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.
HTML5 Blank in 35+ New Tools and Services for Web Developers

Mobiscroll

Mobiscroll in 35+ New Tools and Services for Web Developers

profoundgrid

A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
profoundgrid in 35+ New Tools and Services for Web Developers

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)
34Grid in 35+ New Tools and Services for Web Developers

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.
One % CSS Grid in 35+ New Tools and Services for Web Developers

Makisu

An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.
Makisu in 35+ New Tools and Services for Web Developers
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.
rwdgrid in 35+ New Tools and Services for Web Developers

Bi-App-Less

Writing bi-directional stylesheets in less.
Bi-App-Less in 35+ New Tools and Services for Web Developers

Bootsnipp

Design elements and code snippets for Bootstrap HTML/CSS/JS framework.
Bootsnipp in 35+ New Tools and Services for Web Developers

Kube

Minimal CSS-framework with revolution grid and beautiful typography. No imposed styles and freedom.
Kube in 35+ New Tools and Services for Web Developers

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.
CSSHorus in 35+ New Tools and Services for Web Developers

Clearless

A reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less Mixin Library).
Clearless in 35+ New Tools and Services for Web Developers

Bourbon

Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required.
Bourbon in 35+ New Tools and Services for Web Developers

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.
Toast in 35+ New Tools and Services for Web Developers

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.
Metro UI CSS in 35+ New Tools and Services for Web Developers

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.
Neat in 35+ New Tools and Services for Web Developers

CSS Sprites

Using CSS Sprites to optimize your website for Retina Displays.
CSS Sprites in 35+ New Tools and Services for Web Developers

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.
GitHub-Style Sliding Links in 35+ New Tools and Services for Web Developers

Centurion

Built using SASS and CSS3 media queries, Centurion is a responsive web framework that scales with your device.
Centurion in 35+ New Tools and Services for Web Developers

Responsivator

Responsivator in 35+ New Tools and Services for Web Developers

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.
Shapeshift in 35+ New Tools and Services for Web Developers

Screenqueri.es

Screenqueri.es in 35+ New Tools and Services for Web Developers

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?
Crunch in 35+ New Tools and Services for Web Developers

Notifus

Notifus is a browser extension which enhances GMail. Its main purpose is to free our mind of worries about unanswered e-mails.
Notifus in 35+ New Tools and Services for Web Developers

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.
Framer in 35+ New Tools and Services for Web Developers

Plaaan

Printable, customizable blank planners.
Plaaan in 35+ New Tools and Services for Web Developers

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.
ish in 35+ New Tools and Services for Web Developers

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.
Snippely in 35+ New Tools and Services for Web Developers

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.
Bedrock in 35+ New Tools and Services for Web Developers

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.
Filtrify in 35+ New Tools and Services for Web Developers

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.
Solidify in 35+ New Tools and Services for Web Developers

Circular

Circular in 35+ New Tools and Services for Web Developers

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

SHARE THIS POST

Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.

  • Nice collection. I will definitely try some of them.

  • This is really great knowledgeable and fantastic collection of tools for web development post and I will use it. Thanks for sharing, keep it up…

  • Nice collection. I will definitely try some of them.

  • This is really great knowledgeable and fantastic collection of tools for web development post and I will use it. Thanks for sharing, keep it up…