Weekly Web Design & Development News: Collective #98

Here's the 98th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #98

responsively-lazy

Lazy load responsive images

[Demo] [Download]

CodeFlask.js

A micro code-editor for awesome web pages.

[Demo] [Download]

tuesday

It's a quirky CSS Animation Library developed at Shakr.

[Demo] [Download]

justgage

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

[Demo] [Download]

Gallerly.js

Google Images like photo gallery with pure JavaScript

[Demo] [Download]

data explorer

The data explorer is an open source point-and-click interface for querying and visualizing your event data.

[Demo] [Download]

dkron

Dkron is a system service that runs scheduled jobs at given intervals or times, just like the cron unix service but distributed in several machines in a cluster. If a machine fails (the leader), a follower will take over and keep running the scheduled jobs without human intervention. Dkron is Open Source and freely available.

[Demo] [Download]

falcor

A JavaScript library for efficient data fetching

[Demo] [Download]

Typeset

Typeset is an html pre-proces­sor for web ty­pog­ra­phy. It uses no client-side JavaScript but gives you hang­ing punc­tu­a­tion, soft hy­phen in­ser­tion, op­ti­cal mar­gin out­dents, small-caps con­ver­sion and punctuation substitution.

[Demo] [Download]

randomColor

A tiny script for generating attractive random colors.

[Demo] [Download]

UpUp

UpUp is a tiny javascript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea.

[Demo] [Download]

amalia.js

Metadata enriched HTML5 video player

[Demo] [Download]

fastn

Create ultra-lightweight UI components

[Demo] [Download]

Scribble Image Reveal with SVG and Blend Modes

Using a combination of CSS animation, SVG dash-array and blend modes, we can recreate a “scratch to reveal” effect for images or other content in just five steps:

[Download]

Animated SVG Hero Slider

A full page slider, with animated SVG elements used as transition effects.

[Demo] [Download]

wheel-indicator

Generates event when user makes new movement (like a touchstart on a touchscreen).

[Demo] [Download]

algebra.js

Build, display, and solve algebraic equations.

[Demo] [Download]

Tone.js

Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers looking to create web-based audio applications. On the high-level, Tone offers common DAW (digital audio workstation) features like a global transport for scheduling and timing events and prebuilt synths and effects. For signal-processing programmers (coming from languages like Max/MSP), Tone provides a wealth of high performance, low latency building blocks and DSP modules to build your own synthesizers, effects, and complex control signals.

[Demo] [Download]

The last iOS App Icon template

Here's a free Photoshop Action + PSD template that exports your icon artwork to all of the formats required by the app store.

[Download]

Polygonal typeface

[Download]