Design, CG Graphics & Inspiration

Fresh Toolbox for Web Developers – December 2014

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.

Evil Icons

Simple and clean SVG icon pack with the code to support Rails, Sinatra and Node.js.
Evil Icons in Fresh Toolbox for Web Developers – December 2014

Firefox.html

Firefox.html is an experiment, a proof of concept: trying to re-implement the Firefox UI in HTML, as an app (like FxOS apps).
Firefox.html in Fresh Toolbox for Web Developers – December 2014

Squire

the textarea of the future.
Squire in Fresh Toolbox for Web Developers – December 2014

BigPicture

BigPicture in Fresh Toolbox for Web Developers – December 2014

Sass Compatibility

Reporting incompatibilities between different Sass engines.
Sass Compatibility in Fresh Toolbox for Web Developers – December 2014

PaymentFont

A sleek SVG webfont containing 85 icons of all main payment operators and methods.
PaymentFont in Fresh Toolbox for Web Developers – December 2014

Beetle

Beetle is a free powerful responsive & parallax HTML5 template for landing pages, blog and resume.
Beetle in Fresh Toolbox for Web Developers – December 2014

PhotoSwipe

JavaScript gallery, no dependencies.
PhotoSwipe in Fresh Toolbox for Web Developers – December 2014

CSS-On-Diet

А preprocessor for designers.
CSS-On-Diet in Fresh Toolbox for Web Developers – December 2014

Vim.js

JavaScript port of Vim http://coolwanglu.github.io/vim.js/experimental/vim.html.
Vim.js in Fresh Toolbox for Web Developers – December 2014

SVG Morpheus

JavaScript library enabling SVG icons to morph from one to the other.
SVG Morpheus in Fresh Toolbox for Web Developers – December 2014

Four Shadows Demo

Four Shadows Demo in Fresh Toolbox for Web Developers – December 2014

Interact.js

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)
Interact.js in Fresh Toolbox for Web Developers – December 2014

laroux.js 1.5pre

This project is a jQuery substitute for modern browsers and mobile devices. But instead of offering some wrappers and own dynamics, it simply provides helper functions to achieve the same objectives as jQuery or Zepto.
laroux.js 1.5pre in Fresh Toolbox for Web Developers – December 2014

Andy.scss

Andy is an open-source collection of useful SASS mixins.
Andy.scss in Fresh Toolbox for Web Developers – December 2014

Sticky-Kit

Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
Sticky-Kit in Fresh Toolbox for Web Developers – December 2014

LINING.JS

In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Then I read an article A Call for ::nth-everything from CSS tricks. ::nth-line() is actually really useful in some situation.
LINING.JS in Fresh Toolbox for Web Developers – December 2014

Particles.js

A lightweight JavaScript library for creating particles.
Particles.js in Fresh Toolbox for Web Developers – December 2014

MetricsGraphics.js

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.
MetricsGraphics.js in Fresh Toolbox for Web Developers – December 2014

Pixactly

Welcome to Pixactly, an online tool that tests how well you know your pixels. Draw a box that matches the dimensions given and receive a score based on how close you are. The lower the score…the better! Sounds easy, right? Pixactly.
Pixactly in Fresh Toolbox for Web Developers – December 2014

Purplecoat.js

Purplecoat.js lets you create labeled overlays that can be triggered with a click. And you don’t need to write a single line of Javascript.
Purplecoat.js in Fresh Toolbox for Web Developers – December 2014

CSS Dig

Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with.
CSS Dig in Fresh Toolbox for Web Developers – December 2014

Vivus

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
Vivus in Fresh Toolbox for Web Developers – December 2014

Materialize

A modern responsive front-end framework based on Material Design.
Materialize in Fresh Toolbox for Web Developers – December 2014

MNML

A simple template for designing responsive websites in the browser.
MNML in Fresh Toolbox for Web Developers – December 2014

Material ui

A CSS Framework and a Set of React Components that Implement Google’s Material Design.
Material ui in Fresh Toolbox for Web Developers – December 2014

Motherplate

A bare bones responsive SCSS boilerplate for web designers.
Motherplate in Fresh Toolbox for Web Developers – December 2014

FixedContent.js

A mobile-friendly, jQuery plugin that persists content (sidebar, nav, etc.) while scrolling.
FixedContent.js in Fresh Toolbox for Web Developers – December 2014

Galaxy

Galaxy is the lightweight framework build with conversation.
Galaxy in Fresh Toolbox for Web Developers – December 2014

Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers.
Size Marks in Fresh Toolbox for Web Developers – December 2014

  • AndrewG,
  • February 6, 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.