Design, CG Graphics & Inspiration
45 New Tools and Services for Web Designers and Developers

45 New Tools and Services for Web Designers and 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.

Pluginception

A plugin that lets you quickly and easily create new plugins.
Pluginception in 45 New Tools and Services for Web Designers and Developers

Moqups

Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.
Moqups in 45 New Tools and Services for Web Designers and Developers

Laravel

Laravel is a clean and classy framework for PHP web development. Freeing you from spaghetti code, Laravel helps you create wonderful applications using simple, expressive syntax.
Laravel in 45 New Tools and Services for Web Designers and Developers

Wirefy

Wirefy is a collection of CSS & JS files to help you rapidly experiment with responsive wireframes. Whether you keep them to yourself or use them to help educate your clients, Wirefy is flexible and here to help. Wirefy has been built from the ground up. Following the philosophy of mobile first, Wirefy will respond to the proper viewport. Go ahead, resize this page to see how it works. Wirefy is style agnostic so that clients don’t get hung up on colours, fonts, other design elements. It’s meant to be another tool for your development kit that provides the most basic styles as a foundation.
Wirefy in 45 New Tools and Services for Web Designers and Developers

Mobello

Mobello is high performance javascript UI framework for HTML5 mobile apps.
Mobello in 45 New Tools and Services for Web Designers and Developers

Dummy

Dummy is a toolkit designed to make the development, testing and presentation of web prototypes less time consuming and more realistic. It does so by helping you populate your work with content and by randomizing key aspects of it’s layout, in a way, simulating connectivity to a live database, and making it possible to visualize, test and present something much closer to the outcome of a finished project.
Dummy in 45 New Tools and Services for Web Designers and Developers

Advertisement

Brackets

Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript.
Brackets in 45 New Tools and Services for Web Designers and Developers

Pondasee

Front-end starter kit combined with the power of SCSS & Compass.
Pondasee in 45 New Tools and Services for Web Designers and Developers

Liveweave

Liveweave is a HTML5, CSS3 & JavaScript playground for web developers and designers.
Liveweave in 45 New Tools and Services for Web Designers and Developers

QueryPosts

Better WordPress code reference.
QueryPosts in 45 New Tools and Services for Web Designers and Developers

Understanding-viewport

A set of simple HTML pages with various viewport and media query settings, for educational purposes.
Understanding-viewport in 45 New Tools and Services for Web Designers and Developers

wysihtml5

wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
wysihtml5 in 45 New Tools and Services for Web Designers and Developers

Gumby

Gumby Framework includes multiple types of grids with different column variations which enables you to be flexible throughout an entire project’s lifecycle.
Gumby in 45 New Tools and Services for Web Designers and Developers

Responsive Ad Checker

Responsive banner ads have variable widths so their size is defined by their height only. The following seven sizes provide a nice range of heights suitable for almost any situation.
Responsive Ad Checker in 45 New Tools and Services for Web Designers and Developers

Responsify

Responsify is a browser based tool, which allows you to create your own responsive template. Think of it as a foundation for you to build upon. You can customise the grid to suit your content, rather than trying to make the content fit the grid.
Responsify in 45 New Tools and Services for Web Designers and Developers

Moobile

Moobile is a new mobile application framework built on MooTools.
Moobile in 45 New Tools and Services for Web Designers and Developers

Siimpler

Siimpler is a simple HTML starting framework. This framework contains only the files and folders what you really need to start a web project.
Siimpler in 45 New Tools and Services for Web Designers and Developers

Riloadr

A cross-browser framework-independent responsive images loader. The goal of this library is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions in order to improve page load time.
Riloadr in 45 New Tools and Services for Web Designers and Developers

Style Tiles

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.
Style Tiles in 45 New Tools and Services for Web Designers and Developers

Responsive GS

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media queries for all standard devices, clearfix, and optional reset.
Responsive GS in 45 New Tools and Services for Web Designers and Developers

Flow

A simple and free way to figure out where your users go and when they leave, all in real-time.
Flow in 45 New Tools and Services for Web Designers and Developers

dgrid

A next-generation grid component that takes full advantage of modern browsers and object stores. Lightweight, modular, and easily extensible, dgrid is released under the same open-source license and CLA as the Dojo Toolkit.
dgrid in 45 New Tools and Services for Web Designers and Developers

Css2Less

A ruby library which convert old CSS stylesheet into LESS dynamic stylesheet.
Css2Less in 45 New Tools and Services for Web Designers and Developers

skrollr

skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position. All you need to do is define key frames for each element at certain points in top scroll offset.
skrollr in 45 New Tools and Services for Web Designers and Developers

Colllor

With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design.
Colllor in 45 New Tools and Services for Web Designers and Developers

Spiffing

Brits, take control of the web. Spiffing allows you to write your CSS and stylesheets in conformance to proper British English (also known as correct English) grammar and spelling regulations.
Spiffing in 45 New Tools and Services for Web Designers and Developers

Codeanywhere

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).
Codeanywhere in 45 New Tools and Services for Web Designers and Developers

The Responsive Calculator

Just a simple calculator to help turn your PSD pixel perfection into the start of your responsive website.
The Responsive Calculator in 45 New Tools and Services for Web Designers and 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 45 New Tools and Services for Web Designers and Developers

WebPutty

WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.
WebPutty in 45 New Tools and Services for Web Designers and Developers

Kartograph

Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.
Kartograph in 45 New Tools and Services for Web Designers and Developers

GreenDroid

GreenDroid is a development library for the Android platform. It is intended to make UI developments easier and consistent through your applications.
GreenDroid in 45 New Tools and Services for Web Designers and Developers

The Responsinator

The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.
The Responsinator in 45 New Tools and Services for Web Designers and Developers

Ingrid

Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.
Ingrid in 45 New Tools and Services for Web Designers and Developers

Box

This solution is based on box-sizing: border-box and display:inline-block building principles.
Box in 45 New Tools and Services for Web Designers and Developers

DirtyMarkup

DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”. Now supports HTML5!
DirtyMarkup in 45 New Tools and Services for Web Designers and Developers

Resizer

Resizer allows you to quickly change the dimensions of a webpage to test responsive design.
Resizer in 45 New Tools and Services for Web Designers and Developers

Fontello

This tool lets you combine iconic webfonts for your own project. With fontello you can: shrink glyph collections, minimizing font size, merge symbols from several fonts into a single file, access large sets of professional-grade open source icons.
Fontello in 45 New Tools and Services for Web Designers and Developers

SpritePad

With SpritePad you can create your CSS sprites within minutes seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles.
SpritePad in 45 New Tools and Services for Web Designers and Developers

Wordless

Wordless is an opinionated WordPress plugin that dramatically speeds up your custom theme creation.
Wordless in 45 New Tools and Services for Web Designers and Developers

csso

CSS optimizer.
csso in 45 New Tools and Services for Web Designers and Developers

qrafti

The simple, powerful and free QR code generator.
qrafti in 45 New Tools and Services for Web Designers and Developers

Stitches

Drag and drop image files into the space below and click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox.
Stitches in 45 New Tools and Services for Web Designers and Developers

word2cleanhtml

Word to clean HTML is a free converter tool for documents produced by Microsoft Word and similar office software. Word to clean HTML strips out invalid or proprietry tags, leaving clean HTML behind for use in web pages and ebooks.
word2cleanhtml in 45 New Tools and Services for Web Designers and Developers

FlipSwitch

Generate pure CSS3 On/Off flipswitches with animated transitions.
FlipSwitch in 45 New Tools and Services for Web Designers and Developers

You might also be interested in..

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.

  • Anilbms75

    Awesome tools :)

    • http://beben-koben.blogspot.com/ Beben Koben

      yeah m/

  • http://www.neilhanvey.co.uk/ neil hanvey

    Do we really need another million different css grid layout frameworks? Some good stuff here and some pointless stuff. The responsinator is useless, all it seems to do is load a site into an iframe set to a certain size, anyone who has used a smartphone knows that they are resized down to fit the screen. Will definitely checkout the word clean one though.

  • http://www.inboundmarketingexpert.org/ Inbound Marketing Expert

    Fantastic Tools to Get Started as Web Developers Thanks

  • Dev Digital

    Very useful tools, thanks for sharing. It will help a lot to all developers reading this post.

  • http://www.tepoorten.com/djtep_ios Jason TEPOORTEN

    Thanks for the list of these tools.  I’ll be sure to try them out as I am looking for an easy way to create a nice website that works in many browsers, including mobile browsers.

  • http://www.day2dayprinting.com/ Jason H.

    Hey Andrew great tools you got here!