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
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.
Dead simple Animated typing, with no dependencies.
A dependency-free motion detection library for the browser.
Observes resizing of an element using a hidden iframe.
Dead-simple cross-platform cryptocurrency tracker.
KLIPSE is a simple client-side code evaluator pluggable on any web page.
Zazu, is a cross platform and fully extensible and open source launcher for hackers, creators and dabblers.
A lightweight message queue for Node.js that requires no dedicated queue server. Just a Redis server.
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.
A Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses.
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.
2017 Trendy Google Fonts Combinations
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.
Magic Free UI Kit
Sarah - Free Font