Design, CG Graphics & Inspiration

40 Fresh Tools For Web Developers

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some effective tools such as generators, jquery plugins, frameworks, useful resources and services. You will definitely find something to your taste and interest among them.

FireShell

The opinionated FireShell framework. Built for the modern developer. For teams and the individual, encouraging a better workflow. JavaScript task running, build processes, autominification and file concatenation, wrapped with an enhanced HTML5 boilerplated framework.

jQuery.Pin

Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down? Jquery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.
jQuery.Pin in 40 Fresh Tools For Web Developers

Generatedata.com

It’s a free, open source tool written in JavaScript, PHP and MySQL that lets you quickly generate large volumes of custom data in a variety of formats for use in testing software, populating databases.
Generatedata.com in 40 Fresh Tools For Web Developers

Gitignore.io

Create useful .gitignore files for your project.
Gitignore.io in 40 Fresh Tools For Web Developers

PhysicsJS

A modular, extendable, and easy-to-use physics engine for javascript.
PhysicsJS in 40 Fresh Tools For Web Developers

Bookmarkify

Bookmarkify in 40 Fresh Tools For Web Developers

Recline.js

This is a simple but powerful library for building data applications in pure Javascript and HTML.
Recline.js in 40 Fresh Tools For Web Developers

BackgroundCheck

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
BackgroundCheck in 40 Fresh Tools For Web Developers

Swagger

Swagger is a specification and complete framework implementation for describing, producing, consuming, and visualizing RESTful web services.
Swagger in 40 Fresh Tools For Web Developers

Chance.js

Chance is a minimalist generator of random [1] strings, numbers, etc. to help reduce some monotony particularly while writing automated tests.
Chance.js in 40 Fresh Tools For Web Developers

phpspec

A php toolset to drive emergent design by specification.
phpspec in 40 Fresh Tools For Web Developers

tidyTime.js

A jQuery plugin, that provides a more friendly way of displaying time updates to users!
tidyTime.js in 40 Fresh Tools For Web Developers

SecurityHeaders.com

SecurityHeaders.com in 40 Fresh Tools For Web Developers

Prerender

Allow your AngularJSJavascriptMarionette apps to be crawled perfectly by search engines.
Prerender in 40 Fresh Tools For Web Developers

Dart

A new language, with tools and libraries, for structured web app engineering.
Dart in 40 Fresh Tools For Web Developers

Animo.js

A powerful little tool for managing CSS animations.
Animo.js in 40 Fresh Tools For Web Developers

FlowType.JS

Web typography at its finest: font-size and line-height based on element width.
FlowType.JS in 40 Fresh Tools For Web Developers

CSSO

CSSO (CSS Optimizer) 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 40 Fresh Tools For Web Developers

Native form elements

Native form elements in 40 Fresh Tools For Web Developers

BubbleChart

BubbleChart is a JavaScript module for comparative visualization of two dimensional data in a bubble chart.
BubbleChart in 40 Fresh Tools For Web Developers

rework

arbitrary CSS preprocessing library for node.js and the browser– (vendor prefixes, custom properties, image inlining, easing functions, extensions, mixins, …)
rework in 40 Fresh Tools For Web Developers

Daturi

Daturi in 40 Fresh Tools For Web Developers

QuestionMark.js

A lightweight, cross-browser, modal window that displays shortcut keys for your app, similar to Twitter, Gmail, GitHub, etc.
QuestionMark.js in 40 Fresh Tools For Web Developers

SublimeGit

Full-featured Git integration for Sublime Text 2 and 3.
SublimeGit in 40 Fresh Tools For Web Developers

Group Layer Renaming (Script)

Group Layer Renaming (Script) in 40 Fresh Tools For Web Developers

RulersGuides.js

RulersGuides.js in 40 Fresh Tools For Web Developers

Avatars.io

Every app needs avatars, we make it hassle-free
Avatars.io in 40 Fresh Tools For Web Developers

Solved by Flexbox

CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity.
Solved by Flexbox in 40 Fresh Tools For Web Developers

Polymer

Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.

svg.js

A lightweight library for manipulating and animating SVG.
svg.js in 40 Fresh Tools For Web Developers

CloudConvert

CloudConvert supports the conversion between more than 100 different audio, video, document, ebook, archive, image, spreadsheet and presentation formats. You can specify advanced options for every conversion type.
CloudConvert in 40 Fresh Tools For Web Developers

RegExp.JS

RegExp.JS in 40 Fresh Tools For Web Developers

Typ.io

Typ.io in 40 Fresh Tools For Web Developers

favicon-cheat-sheet

Obsessive cheat sheet to favicon sizes/types.
favicon-cheat-sheet in 40 Fresh Tools For Web Developers

Prototypo

The Font Generator.
Prototypo in 40 Fresh Tools For Web Developers

At.js

At.js, a github-like autocomplete library :s
At.js in 40 Fresh Tools For Web Developers

Shape.LESS

Shape.LESS is a collection of mixins for CSS shapes that we often use in web applications. The aim of this project is to reduce the repitive tasks of a developer required to create shapes using CSS.
Shape.LESS in 40 Fresh Tools For Web Developers

Practice.IO

Generates a random practice item to build with HTML, Javascript, and CSS.
Practice.IO in 40 Fresh Tools For Web Developers

SlickNav

SlickNav in 40 Fresh Tools For Web Developers

Peeler.js

A library to add peeling to the center of your content. This was inspired by the brilliant folks over at Teehan+Lax and introduced in their blog post for UX considerations for Medium.
Peeler.js in 40 Fresh Tools For Web Developers

MyColorPalettes

A simple tool for saving and managing your color palettes.
MyColorPalettes in 40 Fresh Tools For Web Developers

TogetherJS

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!
TogetherJS in 40 Fresh Tools For Web Developers

vex

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You’ll love vex because it’s tiny (6kb minified, 2kb minifed + gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.
vex in 40 Fresh Tools For Web Developers

  • AndrewG,
  • October 17, 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.