Weekly Web Design & Development News: Collective #273

Here's the 273rd 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.

Happy reading and Happy New Year!

Web Design & Development News: Collective #273

scrollnav.js

scrollnav.js is a small (2.4kb gzipped), dependency free JavaScript plugin for auto generating single page navigation with active highlighting. Useful for creating a Table of Contents for a large document (think Wikis), navigation for a single page website, or anything else you might think of.

[Demo] [Download]

wiv.js

A library for a more wiggly div.

[Demo] [Download]

fiddly

Create beautiful and simple HTML pages from your Readme.md files.

[Demo] [Download]

editdojo

A web app to improve writing skills in any language.

[Demo] [Download]

Picas

Generate Project Logo with Google Fonts.

[Demo] [Download]

JSON Selector

A fast and intuitive JSON selector.

[Demo] [Download]

briefjs

Deadly simple declarative JavaScript framework for building UI.

[Download]

squareicon

JavaScript library for generating abstract images from unique identifiers.

[Demo] [Download]

Accordion with <details> element

Making the native html <details> element behave like a typical collapsible accordion with smooth animations.

[Demo] [Download]

Top 100 JavaScript & CSS Libraries Of 2018

[Preview & Download]

15+ Free Printable 2019 Calendar Templates For Designers

[Preview & Download]

Motion Transition Effect

A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.

[Demo] [Download]