Design, CG Graphics & Inspiration

45 Fresh Tools, Services and Frameworks 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.

CSS Trashman

CSS Trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.
CSS Trashman in 45 Fresh Tools, Services and Frameworks for Web Developers

piCSSel-art

piCSSel-art is a drawing app to draw pixel art and get it in CSS.
piCSSel-art in 45 Fresh Tools, Services and Frameworks for Web Developers

Popline

Popline is an HTML5 Rich-Text-Editor toolbar that will float around the selected text.
Popline in 45 Fresh Tools, Services and Frameworks for Web Developers

Validatr

Cross Browser HTML5 Form Validation.
Validatr in 45 Fresh Tools, Services and Frameworks for Web Developers

Helium

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser. Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.
Helium in 45 Fresh Tools, Services and Frameworks for Web Developers

CSSO

CSSO is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.
CSSO in 45 Fresh Tools, Services and Frameworks for Web Developers

React

A JavaScript library for building user interfaces.
React in 45 Fresh Tools, Services and Frameworks for Web Developers

Cascade Framework

Cascade Framework in 45 Fresh Tools, Services and Frameworks for Web Developers

Responsable

Responsable uses the power of less and sass to bring you a perfect responsive framework.
Responsable in 45 Fresh Tools, Services and Frameworks for Web Developers

Mueller Grid System

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.
Mueller Grid System in 45 Fresh Tools, Services and Frameworks for Web Developers

Pure

A set of small, responsive CSS modules that you can use in every web project.
Pure in 45 Fresh Tools, Services and Frameworks for Web Developers

PocketGrid

Tiny and powerful CSS grid system.
PocketGrid in 45 Fresh Tools, Services and Frameworks for Web Developers

Kraken

A lightweight, mobile-first boilerplate for front-end web developers.
Kraken in 45 Fresh Tools, Services and Frameworks for Web Developers

fitgrd

fitgrd is the lightweight & sexy looking responsive grid for your next awesome website.
fitgrd in 45 Fresh Tools, Services and Frameworks for Web Developers

Headtrackr

headtrackr is a javascript library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard.
Headtrackr in 45 Fresh Tools, Services and Frameworks for Web Developers

Topcoat

CSS for clean and fast web apps.
Topcoat in 45 Fresh Tools, Services and Frameworks for Web Developers

Markdown Editor

Markdown Editor in 45 Fresh Tools, Services and Frameworks for Web Developers

Red Pen

Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast.
Red Pen in 45 Fresh Tools, Services and Frameworks for Web Developers

CodeMirror

CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation.
CodeMirror in 45 Fresh Tools, Services and Frameworks for Web Developers

Light Table

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.
Light Table in 45 Fresh Tools, Services and Frameworks for Web Developers

Fake images please?

Fakeimg.pl is a free and open-source tool that generates images with an URL. Choose the size, the colors, even the text.
Fake images please? in 45 Fresh Tools, Services and Frameworks for Web Developers

PlaceIMG

PlaceIMG in 45 Fresh Tools, Services and Frameworks for Web Developers

Screen Sizes

Screensiz.es helps you quickly find the screen specifications of the most popular devices and monitors currently on the market.
Screen Sizes in 45 Fresh Tools, Services and Frameworks for Web Developers

The iOS Design Cheat Sheet

The iOS Design Cheat Sheet in 45 Fresh Tools, Services and Frameworks for Web Developers

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout.
Learn CSS Layout in 45 Fresh Tools, Services and Frameworks for Web Developers

jQuery Learning Center

jQuery Learning Center in 45 Fresh Tools, Services and Frameworks for Web Developers

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
Browserhacks in 45 Fresh Tools, Services and Frameworks for Web Developers

LESS Prefixer

LESS Prefixer is a set of LESS mixins that let you use vendor-prefixed CSS properties without the prefixes. It uses some simple conventions and gets out of the way so you can use the CSS you already know, but with less typing.
LESS Prefixer in 45 Fresh Tools, Services and Frameworks for Web Developers

CSSEmbed

CSSEmbed is a small program/library to automate embedding of data URIs in CSS files.

Glue

Glue is a simple command line tool to generate CSS sprites.
Glue in 45 Fresh Tools, Services and Frameworks for Web Developers

CSS Modal

CSS Modal is built out of pure CSS. The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.
CSS Modal in 45 Fresh Tools, Services and Frameworks for Web Developers

Prepros

Prepros instantly compiles Less, Sass, Scss, Stylus, Jade, Slim, Coffeescript, Haml and Markdown whenever you edit your file.
Prepros in 45 Fresh Tools, Services and Frameworks for Web Developers

Hopscotch

Hopscotch is a framework to make it easy for developers to add product tours to their pages.
Hopscotch in 45 Fresh Tools, Services and Frameworks for Web Developers

Typeplate

Typeplate in 45 Fresh Tools, Services and Frameworks for Web Developers

Groundwork

GroundworkCSS’s flexible grid system enables you to do rapid development and scales to fit any screen size, from handheld devices to large format televisions.
Groundwork in 45 Fresh Tools, Services and Frameworks for Web Developers

Mosto

A CSS/HTML framework for building forms using implicit label association.
Mosto in 45 Fresh Tools, Services and Frameworks for Web Developers

Wardrobe

Wardrobe is designed to be a very minimal blogging platform with the primary focus on writing.
Wardrobe in 45 Fresh Tools, Services and Frameworks for Web Developers

Guillie

JavaScript MicroFramework inspired in BackboneJS
Guillie in 45 Fresh Tools, Services and Frameworks for Web Developers

GIRDER

minimalistic grid for building awesome Websites with Sass targeting the modern browser.
GIRDER in 45 Fresh Tools, Services and Frameworks for Web Developers

jVanilla

Lightweight and simple jQuery menu for everyone.
jVanilla in 45 Fresh Tools, Services and Frameworks for Web Developers

Ladda

A set of buttons which merge loading indicators into themselves to bridge the gap between action and feedback.
Ladda in 45 Fresh Tools, Services and Frameworks for Web Developers

ICEcoder

ICEcoder is an open-source browser code editor, which provides a modern approach to building websites. By allowing you to code directly within the web browser, online or offline, it means you only need one program (your browser) to develop sites, plus can test on actual web servers. After development, you can also maintain the website easily, all of which make for speedy and smart development.
ICEcoder in 45 Fresh Tools, Services and Frameworks for Web Developers

HTML Inspector

HTML Inspector in 45 Fresh Tools, Services and Frameworks for Web Developers

Backbone Debugger

Chrome extension for debugging Backbone based web applications.
Backbone Debugger in 45 Fresh Tools, Services and Frameworks for Web Developers

WP Roller

The Custom WordPress Installer.
WP Roller in 45 Fresh Tools, Services and Frameworks for Web Developers

Close Pixelate

Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element.
Close Pixelate in 45 Fresh Tools, Services and Frameworks for Web Developers

You might also be interested in..

Fresh jQuery Tools and Plugins for May 2013

Collection of Frameworks for Web Developers

Collection of Tools, Services and Frameworks for Web Developers

  • AndrewG,
  • June 24, 2013

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.