Weekly Web Design & Development News: Collective #170

by jQuery Script,

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

ggraph

This is a library built on top D3 with the goal of improving how we work with large and messy graphs. It extends the notion of nodes and links with groups of nodes. This is useful when multiple nodes are in fact the same thing or belong to the same group.

ggraph

[Demo] [Download]

ityped

Dead simple Animated typing, with no dependencies.

ityped

[Demo] [Download]

Diffy.js

A dependency-free motion detection library for the browser.

Diffy.js

[Download]

simple-element-resize-detector

Observes resizing of an element using a hidden iframe.

simple-element-resize-detector

[Demo] [Download]

donut

Dead-simple cross-platform cryptocurrency tracker.

donut

[Demo] [Download]

klipse

KLIPSE is a simple client-side code evaluator pluggable on any web page.

klipse

[Demo] [Download]

zazu

Zazu, is a cross platform and fully extensible and open source launcher for hackers, creators and dabblers.

zazu

[Demo] [Download]

rsmq

A lightweight message queue for Node.js that requires no dedicated queue server. Just a Redis server.

rsmq

[Demo] [Download]

AdNauseam

AdNauseam is a lightweight browser extension that blends software tool and artware intervention to fight back against tracking by advertising networks. AdNauseam works like an ad-blocker (it is built atop uBlock-Origin) to silently simulate clicks on each blocked ad, confusing trackers as to one's real interests. At the same time, AdNauseam serves as a means of amplifying users' discontent with advertising networks that disregard privacy and facilitate bulk surveillance agendas.

AdNauseam

[Download]

xvg

A Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses.

xvg

[Demo] [Download]

Mirror Effect

Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate it within the context of a slideshow.

Mirror Effect

[Demo] [Download]

2017 Trendy Google Fonts Combinations

2017 Trendy Google Fonts Combinations

[View]

Free Bokeh Photo Overlays

Add some magical bokeh effects (light balls) to your photos and make them look more beautiful and realistic. Just add your photo and apply the overlays to get your desired result. No dragging and dropping required. Just paste your photo and hide and un-hide the bokeh layers within the PSD file. You can even add color balance, brightness and black and white effect to your photo to make it more dramatic. Just play around and see what you can create with this awesome PSD freebie.

Free Bokeh Photo Overlays

[Download]

Magic Free UI Kit

Magic Free UI Kit

[Download]

Sarah - Free Font

Sarah - Free Font

[Download]