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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Koken
Koken is a free system designed for photographers, designers, and creative DIYs to publish independent websites of their work.
Image may be NSFW.
Clik here to view.
Prevue
Prevue contains everything you need to upload and share concepts with your clients. Add your own logo, upload your designs, and start sharing!
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Minimail
Minimail is your open source email app for mobile.
Customizable, extensible, and personalized.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Plunker
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
Image may be NSFW.
Clik here to view.
Faker
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Sassaparilla
Sassaparilla is a fast way to start your responsive web design projects that harnesses the power of Sass and Compass.
Image may be NSFW.
Clik here to view.
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?
Image may be NSFW.
Clik here to view.
DiagnostiCSS
Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.
Image may be NSFW.
Clik here to view.
Am I Responsive
Image may be NSFW.
Clik here to view.
Letterpress
Image may be NSFW.
Clik here to view.
Flexy Boxes
Flexbox playground and code generator.
Image may be NSFW.
Clik here to view.
csscss
csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Hint.css
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Flight
Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
ScrollUp
ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.
Image may be NSFW.
Clik here to view.
Top Drawler
To demonstrate smoother reveal menus in small contexts using CSS3 rather than animating with JavaScript.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Extra Strength Responsive Grids
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
Pedestal
An open source tool set for building web applications in Clojure.
Image may be NSFW.
Clik here to view.
Polycode
A free open-source framework for creating crossplatform game & interactive applications.
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.
MagicSuggest
Auto-suggest combo with bootstrap theme using jQuery.
Image may be NSFW.
Clik here to view.
Responsable
A responsive html/css/less/scss framework.
Image may be NSFW.
Clik here to view.
Espresso Framework
Scalable Web Framework aimed at Speed and Simplicity.
Image may be NSFW.
Clik here to view.
emobc
Image may be NSFW.
Clik here to view.
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.
Image may be NSFW.
Clik here to view.