Weekly Web Design & Development News: Collective #189

by jQuery Script,

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

microtip

Modern, minimal, ultra lightweight css tooltip library. Less than 1kb.

microtip

[Demo] [Download]

delaunator

A really fast JavaScript library for Delaunay triangulation of 2D points.

delaunator

[Demo] [Download]

nanoreset

Simple CSS reset(779 bytes gzipped).

nanoreset

[Demo] [Download]

mavo

Mavo helps you turn your static HTML into reactive web applications without a single line of programming code and no server backend.

mavo

[Demo] [Download]

vanilla-select

A vanilla, lightweight (~2.5kb gzipped), configurable select box component.

vanilla-select

[Demo] [Download]

lazy-image

<lazy-image> is a custom element that contains an image that has the option to be loaded only on-demand, for performance reasons. If a <lazy-image> is inactive, then its source is not loaded (the XHR won't be made until the active attribute is set on the element).

lazy-image

[Demo] [Download]

FireEdit

A real-time editor built with JavaScript and Firebase.

FireEdit

[Demo] [Download]

CSS-Only Nested Dropdown Navigation

A purely functional frontend framework based on functional reactive programming. Experimental.

CSS-Only Nested Dropdown Navigation

[Demo] [Download]

LookingGlass

Intuitive faceted search tool configurable for any JSON dataset.

[Download]

skqw

SKQW (pronounced "skew") allows you to visualize the audio output of you computer's sound card.

skqw

[Demo] [Download]

caprine

Elegant Facebook Messenger desktop app.

caprine

[Download]

Folder Preview Ideas

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.

Folder Preview Ideas

[Demo] [Download]

Monstre Free Display Font

Monstre was digitised to use across titles, logos, layouts and animations. Designers can manipulate five layers of lighting and shading to achieve the right look. Monstre retains original slight imperfections so as not to completely erase the feeling of the human touch when it was first coloured and shaded in 1882.

Monstre Free Display Font

[Download]

Atiba Font

Atiba Font

[Download]