Design, CG Graphics & Inspiration

40 Fresh Tools and Services 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 useful tools such as generators, jquery plugins, frameworks and other helpful resources and services. You will definitely find something to your taste and interest among them.

iconizr

Takes your SVG drawings and processes them to a CSS icon kit,
coming in several different flavors. It prefers high-resolution (retina) SVG over PNG icons, data URIs over CSS sprites and single images and provides fallbacks for even the least capable browsers. It outputs Sass along with (or instead of) CSS code.
iconizr in 40 Fresh Tools and Services for Web Developers

Cabot

Cabot is a free, open-source, self-hosted infrastructure monitoring platform that provides some of the best features of PagerDuty, Server Density, Pingdom and Nagios without their cost and complexity.
Cabot in 40 Fresh Tools and Services for Web Developers

GenerateCSS

GenerateCSS.com is a free online generator that can be used to create CSS and CSS3 codes easily and flexibly. Our website was created during the later part of 2013 with the aim to provide aspiring web designers with a resource that is welcoming and straightforward.
GenerateCSS in 40 Fresh Tools and Services for Web Developers

countUp.js

countUp.js is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way.
countUp.js in 40 Fresh Tools and Services for Web Developers

Pux

Pux is a High Performance PHP Router.
Pux in 40 Fresh Tools and Services for Web Developers

typebase.css

Typebase.css is a minimal, customizable typography stylesheet. It has both less and sass versions so it can easily be modified and merged into modern web projects. It provides all the necessary scaffolding for good typography without adding any aesthetics. It is built to be modified as projects evolve and grow, and plays nice with normalize.css.
typebase.css in 40 Fresh Tools and Services for Web Developers

webkit.js

An experimental port of WebKit (Specifically, webcore) to JavaScript aimed at running in both node.js and browsers.
webkit.js in 40 Fresh Tools and Services for Web Developers

jInvertScroll

It’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.
jInvertScroll in 40 Fresh Tools and Services for Web Developers

CoverPop.js

CoverPop.js is a lightweight lightbox’y plugin with cookie integration. 100% style agnostic. Responsive friendly.
CoverPop.js in 40 Fresh Tools and Services for Web Developers

Mappy.js

Google maps & places jQuery integration plug-in.
Mappy.js in 40 Fresh Tools and Services for Web Developers

ConvNetJS

ConvNetJS is a Javascript library for training Deep Learning models (mainly Neural Networks) entirely in your browser. Open a tab and you’re training. No software requirements, no compilers, no installations, no GPUs, no sweat.
ConvNetJS in 40 Fresh Tools and Services for Web Developers

Sublime CSS Completions

A more complete library of CSS completions for Sublime Text.
Sublime CSS Completions in 40 Fresh Tools and Services for Web Developers

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and, in fact, on any web page. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.
Highlight.js in 40 Fresh Tools and Services for Web Developers

scrollReveal.js

Declarative on-scroll reveal animations.
scrollReveal.js in 40 Fresh Tools and Services for Web Developers

least.js

Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad
least.js in 40 Fresh Tools and Services for Web Developers

Orbit.js

Orbit is a standalone library for coordinating access to data sources and keeping their contents synchronized.
Orbit.js in 40 Fresh Tools and Services for Web Developers

nanoGALLERY

Very easy to implement image gallery. It is touch enabled, responsive, fast and it supports cloud storage. Featuring multi-level navigation in albums, lightbox, many hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, bootstrap compatibility, customizable, i18n, and pulling in Flickr/Picasa/Google+ photo albums among others.
nanoGALLERY in 40 Fresh Tools and Services for Web Developers

fit.js

Fit.js has a very simple purpose and that is to help you fit things into other things.
fit.js in 40 Fresh Tools and Services for Web Developers

jackInTheBox

Reveal CSS animation as you scroll down a page.
jackInTheBox in 40 Fresh Tools and Services for Web Developers

Epub.js

Epub.js is a javascript library for rendering ePub’s in the browser, across many devices.
Epub.js in 40 Fresh Tools and Services for Web Developers

Circles

A lightweight JavaScript library that generates circular graphs in SVG.
Circles in 40 Fresh Tools and Services for Web Developers

gulp.js

The streaming build system.
gulp.js in 40 Fresh Tools and Services for Web Developers

IceCream

Simple and light responsive grid system.
IceCream in 40 Fresh Tools and Services for Web Developers

Unison.js

Unison.js is a small plugin (533 bytes minified, 164 bytes gzipped) that allows you to declare named breakpoints in one place and automatically sync them across your javascript and markup. When all of your front-end technologies share breakpoint information, complex responsive tasks such as conditional loading and image swapping become much simpler and straight-forward.
Unison.js in 40 Fresh Tools and Services for Web Developers

Switchery

Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.
Switchery in 40 Fresh Tools and Services for Web Developers

uinames.com

uinames.com is a simple tool to generate names for use in designs and mockups.
uinames.com in 40 Fresh Tools and Services for Web Developers

Bijou

A beautiful CSS framework under 2kb (minified and gzip).
Bijou in 40 Fresh Tools and Services for Web Developers

Nth-test

I have seen so many tweets of late with people getting their heads frazzled with nth-child and nth-of-type. So I decided to knock this together so people can play around and test their nth’s out!
Nth-test in 40 Fresh Tools and Services for Web Developers

Instacurate

Turn your Twitter timeline into a personalised news site, in an instant.
Instacurate in 40 Fresh Tools and Services for Web Developers

jQuery Audit

jQuery Audit in 40 Fresh Tools and Services for Web Developers

Downworthy

A browser plugin to turn hyperbolic viral headlines into what they really mean.
Downworthy in 40 Fresh Tools and Services for Web Developers

clmystery

A command-line murder mystery
clmystery in 40 Fresh Tools and Services for Web Developers

The Pattern library

The Pattern library in 40 Fresh Tools and Services for Web Developers

Slip

UI library for manipulating lists via swipe and drag gestures.
Slip in 40 Fresh Tools and Services for Web Developers

Fluidbox

Replicating and improving the lightbox module seen on Medium with fluid transitions
Fluidbox in 40 Fresh Tools and Services for Web Developers

Bijou

A small (Less than 2kb) CSS framework.
Bijou in 40 Fresh Tools and Services for Web Developers

Zepto Builder

Select the modules you would like to include in your own custom build.
Zepto Builder in 40 Fresh Tools and Services for Web Developers

High Resolution Browser Logos

ou may want these for a presentation, a blog post or for the site featuring your brand new awesome lightbox script (please no!). All logos are high resolution with transparent backgrounds.
High Resolution Browser Logos in 40 Fresh Tools and Services for Web Developers

Export your vector layers from PS to SVG

Export your vector layers from PS to SVG in 40 Fresh Tools and Services for Web Developers

WordPress to Jekyll Exporter

One-click WordPress plugin that converts all posts, pages, taxonomies, metadata, and settings to Markdown and YAML which can be dropped into Jekyll.
WordPress to Jekyll Exporter in 40 Fresh Tools and Services for Web Developers

Magnifier.js

Magnifier.js is a Javascript library enabling magnifying glass effect on an images.
Magnifier.js in 40 Fresh Tools and Services for Web Developers

  • AndrewG,
  • January 25, 2014

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.