Weekly Web Design & Development News: Collective #156

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

choreographer-js

A simple library to take care of complicated animations.

[Demo] [Download]

Progressively

Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It's super small, < 1.2kB when minified & gzipped! It will load images on when user browse to the page, saving bandwidth & server requests. It is compatible with all modern browsers.

[Demo] [Download]

SpinThatShit

A set of SCSS mixins for single element loaders and spinners.

[Demo] [Download]

Spinners.css

SPINNERS is a collection of HTML and CSS Spinners, which are animations that show the user that some content is being loaded.

[Demo] [Download]

text-spinners

Pure text, CSS only, font independent, inline loading indicators.

[Demo] [Download]

ellipsis.js

Ellipsis.js is a Pure Javascript Library to add some ellipsis on some complex DOM elements such as multiline divs or elements with childs (links, spans, etc.). The library is fully responsive, works across all major browsers, and try to be highly configurable. It is also very light, with a size of ~4kb when minified.

[Demo] [Download]

wenk

Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is just 712 bytes when gzipped.

[Demo] [Download]

Dev Curriculum

Instant web curriculum generator for developers.

[Demo] [Download]

HTML Canvas Gauges

This is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

[Demo] [Download]

open-color

Open color is a color scheme for UI design. You can use it for font, background, border, etc. It contains a gray and twelve colors. Open color is provided as CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.

[Demo] [Download]

menuspy

A JavaScript library to make navigation menus highlight the item based on currently in view section.

[Demo] [Download]

Buttons hover effects

A collection of pretty cool button hover effects.

[Demo] [Download]

JsBarcode

Javascript Barcode generation library that works in both the browser and on Node.js.

[Demo] [Download]

lorem-js

A Lorem ipsum script to get Lorem ipsum paragraphs on the go.

[Demo] [Download]