Design, CG Graphics & Inspiration

Fresh Toolbox for Web Developers – August 2015

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.

lazysizes

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.
lazysizes in Fresh Toolbox for Web Developers – August 2015

Sublime Text packages for Front-end Development

Sublime Text packages for Front-end Development in Fresh Toolbox for Web Developers – August 2015

Styleguide

A tool to make creating and maintaining styleguides easy.
Styleguide in Fresh Toolbox for Web Developers – August 2015

ClickSpark.js

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.
ClickSpark.js in Fresh Toolbox for Web Developers – August 2015

Markdown UI

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!
Markdown UI in Fresh Toolbox for Web Developers – August 2015

Sassline

Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.
Sassline in Fresh Toolbox for Web Developers – August 2015

Punk CSS

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.
Punk CSS in Fresh Toolbox for Web Developers – August 2015

Quantity Queries

A tool to help build Quantity Queries for your projects.
Quantity Queries in Fresh Toolbox for Web Developers – August 2015

CSS 2 SASS/SCSS Converter

CSS 2 SASS/SCSS Converter in Fresh Toolbox for Web Developers – August 2015

Crayon.css

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.
Crayon.css in Fresh Toolbox for Web Developers – August 2015

Purifycss

Remove unused CSS. Also works with single-page apps.
Purifycss in Fresh Toolbox for Web Developers – August 2015

Gridstack.js

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.
Gridstack.js in Fresh Toolbox for Web Developers – August 2015

xtypejs

Elegant, highly efficient data validation for JavaScript Apps. http://xtype.js.org
xtypejs in Fresh Toolbox for Web Developers – August 2015

Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.
Basscss in Fresh Toolbox for Web Developers – August 2015

The HTML 5 Mega Cheat Sheet

The HTML 5 Mega Cheat Sheet in Fresh Toolbox for Web Developers – August 2015

Sketch-Flex-Layout

Plugin for Sketch allowing for CSS Flexbox layouts using stylesheets and prototypes.
Sketch-Flex-Layout in Fresh Toolbox for Web Developers – August 2015

git-commander

A git tool with an easy terminal interface.
git-commander in Fresh Toolbox for Web Developers – August 2015

FormButtons

Forms within buttons.
FormButtons in Fresh Toolbox for Web Developers – August 2015

Stretchy

Form element autosizing, the way it should be.
Stretchy in Fresh Toolbox for Web Developers – August 2015

Substituteteacher.js

substituteteacher.js is a JavaScript library that lets you substitute sentences for each other, swapping only the words necessary.
Substituteteacher.js in Fresh Toolbox for Web Developers – August 2015

Pannellum

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.
Pannellum in Fresh Toolbox for Web Developers – August 2015

minigrid

Minimal 2kb zero dependency cascading grid layout.
minigrid in Fresh Toolbox for Web Developers – August 2015

emojify.js 0.9

A Javascript module to convert Emoji keywords to images.
emojify.js 0.9 in Fresh Toolbox for Web Developers – August 2015

FormFiller

FormFiller: A Javascript bookmarklet for repopulating forms.
FormFiller in Fresh Toolbox for Web Developers – August 2015

getawesomeness

To retrieve all amazing awesomeness from Github.
getawesomeness in Fresh Toolbox for Web Developers – August 2015

codedoodl.es

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.
codedoodl.es in Fresh Toolbox for Web Developers – August 2015

JAWS

AWS: The Javascript + AWS Stack – A server-free, webapp boilerplate using bleeding-edge AWS services that redefine how to build massively scalable web applications.
JAWS in Fresh Toolbox for Web Developers – August 2015

  • AndrewG,
  • March 23, 2016

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.