Weekly Web Design & Development News: Collective #135

Here's the 135th 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 #135

shots

pull down the entire Internet into a single animated gif

[Demo] [Download]

jam-api

Jam API is a service that allows you to turn any site into a JSON accessible api using CSS selectors.

[Demo] [Download]

starwarsintro

A CSS Library for the Star Wars Intro Crawl.

[Demo] [Download]

THREE Image Transition

Shader powered image transition

[Demo] [Download]

Emoji panel

Create an emoji panel by one line, no akward dependencies, no frameworks using the data from emoji-data.

[Demo] [Download]

spot.js

Track mouse position relative to elements in your website.

[Demo] [Download]

Lazy Progressive Enhancement

A lazy image loader designed to enforce progressive enhancement and valid HTML.

[Demo] [Download]

mkg-share

Easy way to add social share buttons to website including facebook, twitter, google plus, reddit, pinterest, linkedin, whatsapp, sms and e-mail. Its auto detect mobile browsers and display sms and whatsapp share buttons. mkg-share has goodlooking visual design buttons instead of other unattractive buttons.

[Demo] [Download]

hogwatch

A bandwidth monitor that shows per process network transfer(Alpha)

[Download]

alux

A Light HTML/CSS/JS Framework for fast Responsive Web Projects.

[Demo] [Download]

VideoContext

An experimental HTML5 & WebGL video composition and rendering API.

[Download]

gliojs

Detects if the mouse of a user leaves the viewport/document borders of your website and when this happens, trigger your callback.

[Demo] [Download]

Bootstrap 4 Cheat Sheet

A quick reference for Bootstrap v4.

[Download]

Animated Heat Distortion Effects with WebGL

A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.

[Demo] [Download]

Averoster - Free Typeface

Averoster is a new typeface that inspired by the world of fashion. Averoster Typeface should be in use by the most popular fashion magazines and super luxury brands.

[Download]

Blink - Display Font

A sporty display font inspired by the Mexico '68 identity of Lance Wyman. The curves & strokes mimic the track track lanes found in various athletic sports.

[Download]