Design, CG Graphics & Inspiration

Collection of 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.

TimeJump

imeJump seemlessly adds deep linking capabilities to HTML5 audio and video podcasts. It works quietly behind-the-scenes to add a standardized API to your episode pages.
TimeJump in Collection of Tools, Sevices and Frameworks for Web Developers

Flat Surface Shader

This lighting simulation can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations.
Flat Surface Shader in Collection of Tools, Sevices and Frameworks for Web Developers

Koken

Koken is a free system designed for photographers, designers, and creative DIYs to publish independent websites of their work.
Koken in Collection of Tools, Sevices and Frameworks for Web Developers

Prevue

Prevue contains everything you need to upload and share concepts with your clients. Add your own logo, upload your designs, and start sharing!
Prevue in Collection of Tools, Sevices and Frameworks for Web Developers

Rapidash

Rapidash is a core for you to build a client for your API on. The goal is to define a standard way that developers can quickly write a client for the consumption of their RESTful API.
Rapidash in Collection of Tools, Sevices and Frameworks for Web Developers

Minimail

Minimail is your open source email app for mobile.
Customizable, extensible, and personalized.
Minimail in Collection of Tools, Sevices and Frameworks for Web Developers

Chaplin

Chaplin is an architecture for JavaScript applications using the Backbone.js library. Chaplin addresses Backbone’s limitations by providing a lightweight and flexible structure that features well-proven design patterns and best practices.
Chaplin in Collection of Tools, Sevices and Frameworks for Web Developers

Plunker

Plunker is an online community for creating, collaborating on and sharing your web development ideas.
Plunker in Collection of Tools, Sevices and Frameworks for Web Developers

Faker

Faker in Collection of Tools, Sevices and Frameworks for Web Developers

hhhhold

Drop hhhhold URLs into your code for quick access to safe-for-work, attributed images from ffffound. Simulate real user content in your project.
hhhhold in Collection of Tools, Sevices and Frameworks for Web Developers

Preboot

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.
Preboot in Collection of Tools, Sevices and Frameworks for Web Developers

Sassaparilla

Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass.
Sassaparilla in Collection of Tools, Sevices and Frameworks for Web Developers

Extra Strength Responsive Grids

Extra Strength Responsive Grids are percentage-based, for smooth, non-snappy width adjustments. Are you frustrated when collapsing your grid into a single column seems to be your only option for small screens?
Extra Strength Responsive Grids in Collection of Tools, Sevices and Frameworks for Web Developers

DiagnostiCSS

Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.
DiagnostiCSS in Collection of Tools, Sevices and Frameworks for Web Developers

Am I Responsive

Am I Responsive in Collection of Tools, Sevices and Frameworks for Web Developers

Letterpress

Letterpress in Collection of Tools, Sevices and Frameworks for Web Developers

Flexy Boxes

Flexbox playground and code generator.
Flexy Boxes in Collection of Tools, Sevices and Frameworks for Web Developers

csscss

csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.
csscss in Collection of Tools, Sevices and Frameworks for Web Developers

StyleDocco

StyleDocco generates style guide documents from your stylesheets by parsing your stylesheet comments through Markdown. You can write HTML snippets in your stylesheet comments, prefixed with 4 spaces or between code fences (“`), and StyleDocco will show a preview with the styles applied, as well as display the example HTML code. The previews are rendered in a resizable iframes to make it easy to demonstrate responsive designs at different viewport sizes.
StyleDocco in Collection of Tools, Sevices and Frameworks for Web Developers

SVG Patterns Gallery

SVG images are typically smaller than bitmap images and remain sharp on high-dpi screens. Unlike CSS3 gradients, SVG images are supported on IE9.
SVG Patterns Gallery in Collection of Tools, Sevices and Frameworks for Web Developers

Hint.css

Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
Hint.css in Collection of Tools, Sevices and Frameworks for Web Developers

GroundworkCSS

GroundworkCSS has been built from the ground up with the incredibly powerful CSS preprocessor, Sass. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more.
GroundworkCSS in Collection of Tools, Sevices and Frameworks for Web Developers

Flight

Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes.
Flight in Collection of Tools, Sevices and Frameworks for Web Developers

Normalize.css

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
Normalize.css in Collection of Tools, Sevices and Frameworks for Web Developers

ScrollUp

ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.
ScrollUp in Collection of Tools, Sevices and Frameworks for Web Developers

Top Drawler

To demonstrate smoother reveal menus in small contexts using CSS3 rather than animating with JavaScript.
Top Drawler in Collection of Tools, Sevices and Frameworks for Web Developers

The CSS Ratiocinator

The CSS Ratiocinator automatically refactors your CSS and generates a new stylesheet for your site. It works by examining your site’s live DOM in the browser and reverse engineering a new, more elegant definition that captures styles down to the pixel.
The CSS Ratiocinator in Collection of Tools, Sevices and Frameworks for Web Developers

Markdown.css

The example below shows HTML that looks like markdown because of the markdown.css file. Click on the other options to also see what it looks like with normal styling & as raw HTML.
Markdown.css in Collection of Tools, Sevices and Frameworks for Web Developers

Adobe Edge Reflow

Creating responsive designs is a snap with the visual and interactive user interface in Edge Reflow. Ease the pain of designing for multiple screen sizes by using a resizable design surface and media query breakpoints.
Adobe Edge Reflow in Collection of Tools, Sevices and Frameworks for Web Developers

Extra Strength Responsive Grids

Extra Strength Responsive Grids in Collection of Tools, Sevices and Frameworks for Web Developers

Bolt

Bolt is a tool for Content Management, which strives to be as simple and straightforward as possible. It is quick to set up, easy to configure, uses elegant templates, and above all: It’s a joy to use.
Bolt in Collection of Tools, Sevices and Frameworks for Web Developers

Frameworks

Helios

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary.
Helios in Collection of Tools, Sevices and Frameworks for Web Developers

RazorFlow PHP

RazorFlow PHP is a framework to build interactive, cross-device dashboards using PHP code. Use an intuitive PHP API to configure the parts of your dashboard, and RazorFlow will process the data and intelligently render the dashboard according to the form-factor and capabilities of the user’s device.
RazorFlow PHP in Collection of Tools, Sevices and Frameworks for Web Developers

Pedestal

An open source tool set for building web applications in Clojure.
Pedestal in Collection of Tools, Sevices and Frameworks for Web Developers

Polycode

A free open-source framework for creating crossplatform game & interactive applications.
Polycode in Collection of Tools, Sevices and Frameworks for Web Developers

Scorched

Scorched is a generic, unopinionated, DRY, light-weight web framework for Ruby. It provides a generic yet powerful set of constructs for processing HTTP requests, with which websites and applications of almost any scale can be built.
Scorched in Collection of Tools, Sevices and Frameworks for Web Developers

MagicSuggest

Auto-suggest combo with bootstrap theme using jQuery.
MagicSuggest in Collection of Tools, Sevices and Frameworks for Web Developers

Responsable

A responsive html/css/less/scss framework.
Responsable in Collection of Tools, Sevices and Frameworks for Web Developers

Espresso Framework

Scalable Web Framework aimed at Speed and Simplicity.
Espresso Framework in Collection of Tools, Sevices and Frameworks for Web Developers

emobc

emobc in Collection of Tools, Sevices and Frameworks for Web Developers

Durandal

Durandal is small JavaScript framework designed to make building Single Page Applications (SPAs) simple and elegant. We didn’t try to re-invent the wheel. Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There’s little to learn and building apps feels comfortable and familiar.
Durandal in Collection of Tools, Sevices and Frameworks for Web Developers

  • AndrewG,
  • April 29, 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.