Weekly Web Design & Development News: Collective #214

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

emergence.js

Detect element visibility in the browser.

[Demo] [Download]

GridViewScroll

Freeze column and fixed header in Table or GridView.

[Demo] [Download]

shards-ui

Shards is a free and modern UI kit that comes packed with 2 pre-built pages and 11 extra custom components that you can use to kick off your next project.

[Demo] [Download]

Last Navigation

A responsive, nested navigation in vanilla JavaScript.

[Demo] [Download]

js-code-to-svg-flowchart

js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart.

[Demo] [Download]

jSchema

Data Modeling in JavaScript jSchema is a framework for modeling data in JavaScript. By using fundamental data modeling principles you are able to pull multiple datasets into in a common schema, define relationships, aggregate, join, and subset datasets to make data easier to work with in the browser.

[Download]

Magic Paper

Experiments in an explorable visual medium for mathematics.

[Demo] [Download]

m.css

A no-nonsense, no-JavaScript CSS framework and Pelican theme for content-oriented websites.

[Demo] [Download]

Bottender

Make Bots in Your Way, Fast and Flexibly.

[Demo] [Download]

MercuryCSS

Mercury CSS: A classless stylesheet boilerplate built for speed.

[Demo] [Download]

Skew Scroll

[Demo] [Download]

Expanding Grid Item Animation

A grid item animation where the thumbnail scales up when the details view is opened.

[Demo] [Download]

EVA Free Font

[Download]

draco

A free PSD & HTML resume template.

[Demo] [Download]