Weekly Web Design & Development News: Collective #96

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

highlighter.js

Easily navigate the DOM and highlight the elements

[Demo] [Download]

webglstudio.js

WebGLStudio.js is an open source full 3D graphics suite inside the browser. You can edit the scene, the materials, code behaviours, design effects, shaders, and share it, all inside the browser using standard technologies.

[Demo] [Download]

calque

Improved calculator

[Demo] [Download]

ResponsiveVoice

ResponsiveVoice is a HTML5 text to speech library written in pure JavaScript, offering an easy way of adding voice to your website or application.

[Demo] [Download]

ccchart

This is a Simple and Realtime JavaScript chart that does not depend on libraries such as jQuery or google APIs.

[Demo] [Download]

cssfmt

CSSfmt is a tool that automatically formats CSS source code, inspired by Gofmt, and built on top of the PostCSS ecosystem.

[Download]

Tufte CSS

Style your webpage like Edward Tufte's handouts.

[Demo] [Download]

imagehover

html and css code for image hover effects with or without bootstrap

[Demo] [Download]

touchpoint-js

A tiny (3.6kb minified) vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions. TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations.

[Demo] [Download]

awesome-slider

The awesome-slider Vanilla JS custom element web component is a cool option to quickly add a slider/banner/gallery to your web projects.

[Demo] [Download]

SwfStore

SwfStore is a JavaScript library for cross-domain flash cookies. It includes a .swf file that handles the storage and a JavaScript interface for loading and communicating with the flash file.

[Demo] [Download]

chewing-grid.css

A CSS Grid ideal for card listing design like tiles, videos or articles listing.

[Demo] [Download]

needShareButton

pure javascript social networks share button dropdown

[Demo] [Download]

ProseMirror

This is a well-behaved what-you-see-is-what-you-mean editor based on contentEditable, with support for collaborative editing and (soon) customizable document models.

[Demo] [Download]

Polyvia

Low Poly Style Image and Video Processing

[Demo] [Download]

Ply

Amazing layer/modal/dialog system.

[Demo] [Download]

tabris-js

Tabris.js is a framework for developing mobile apps with native UIs in JavaScript. iOS and Android apps can be built entirely from one code base, which frees developers from the task of managing code for the two platforms individually.

[Demo] [Download]

boron

A collection of dialog animations with React.js.

[Demo] [Download]

cookieconsent2

Cookie Consent is a lightweight JavaScript plugin for alerting users about the use of cookies on your website.

[Demo] [Download]

Arctic Free Typeface

Arctic is a modern slab serif typeface.

[Download]

Charming Typeface

Charming is a hand drawn font inspired by the vintage american and folk lettering. It is suitable for logos, signage design, ads, posters and lettering quotes. The font is delivered in OpenType format and supports Latin, Greek and Cyrillic character set. Charming is free for personal and commercial use.

[Download]