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.
High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.


A tool to make creating and maintaining styleguides easy.

ClickSpark.js is a javascript utility that adds beautiful particle effects to your javascript events.
Add image-files as single particles and configure where and when a particle fountain should be fired.

It [Markdown-UI] helps the developer to focus on the big picture on paper or text-editors, and with few details it lessen the cognitive load which means having meaningful productivity which equates to happiness!

Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.

Punk CSS puts your viewport in an iframe. Allowing you to rescale your design while keeping the right proportions and functionality and giving you more room to code and debug.

A tool to help build Quantity Queries for your projects.


Crayon.css is a list of css variables linking color names to hexadecimal values, usable with postCSS or with your favourite CSS preprocessor, being it Stylus, Sass or Less.

Remove unused CSS. Also works with single-page apps.

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js and touch devices.

Elegant, highly efficient data validation for JavaScript Apps. http://xtype.js.org

Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.


Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes.

A git tool with an easy terminal interface.

Forms within buttons.

Form element autosizing, the way it should be.

substituteteacher.js is a JavaScript library that lets you substitute sentences for each other, swapping only the words necessary.

Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.

Minimal 2kb zero dependency cascading grid layout.

A Javascript module to convert Emoji keywords to images.

FormFiller: A Javascript bookmarklet for repopulating forms.

To retrieve all amazing awesomeness from Github.

codedoodl.es is a showcase of curated creative coding sketches. The aim of these doodles is to exhibit interactive, engaging web experiments which only require a short attention span. No loading bars, no GUI, no 5MB 3D models or audio files, just plain and simple doodles with code.

AWS: The Javascript + AWS Stack – A server-free, webapp boilerplate using bleeding-edge AWS services that redefine how to build massively scalable web applications.

from Splashnology.com
http://ift.tt/1IJhsip via
http://ift.tt/1RU26if
http://ift.tt/1Wl3SJ1