Weekly Web Design & Development News: Collective #202

by jQuery Script,

Here's the 202nd 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 #202

songbird

Songbird is a real-time spatial audio encoding JavaScript library for WebAudio applications. It allows web developers to dynamically spatially-encode streaming audio content into scalable ambisonics signal, which is rendered internally using Omnitone to output stereo sound, for realistic and quality-scalable 3D audio.

songbird

[Download]

hotkeys

A robust Javascript library for capturing keyboard input.

hotkeys

[Demo] [Download]

pretty-algorithms

Common useful algorithms written in modern, pretty and easy-to-understand Javascript along with real-world usage examples. Typescript has been used only for type checking and better auto-documentation, code is in pure ES6.

pretty-algorithms

[Download]

range-slider

Pure javascript single/range slider. No dependencies required.

range-slider

[Demo] [Download]

Material design timepicker

Material design timepicker written in Javascript (without any external dependencies - no jQuery, no Bootstrap, only one file!)

Material design timepicker

[Demo] [Download]

pretty-checkbox

Scalable css3 pretty chekboxes and radio buttons.

pretty-checkbox

[Demo] [Download]

yall.js

yall.js is a very small image lazy loader for reasonably modern browsers (back to IE10) that weighs in at 1.09 KB uglified (657 bytes with gzip/554 bytes with Brotli). It depends on classList, querySelectorAll, and supports the <picture> element and srcset. yall.js will also use IntersectionObserver if available, but will fall back to more traditional means if it's not.

yall.js

[Demo] [Download]

gtop

System monitoring dashboard for terminal.

gtop

[Download]

Gallery navigation animation with SVG

A gallery with dot navigation, which is replaced by SVG to animate the active state of the gallery. Built with Snapsvg.io.

Gallery navigation animation with SVG

[Download]

cPlayer

A beautiful and clean WEB Music Player by HTML5.

cPlayer

[Demo] [Download]

Typist

Elegant automated typing, for your text rotation needs.

Typist

[Download]

fecha

Lightweight date formatting and parsing (~2KB). Meant to replace parsing and formatting functionality of moment.js.

fecha

[Download]

Geometric Identity Pack

Geometric branding identity pack is a clean, latest style, custom full-featured branding PSD identity template that works for any kind of business. If you want to look more professional & next generation future proof solution, this is the best option for you.

Geometric Identity Pack

[Download]