Weekly Web Design & Development News: Collective #64

by jQuery Script,

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

v-accordion

AngularJS multi-level accordion component.

v-accordion

[Demo] [Download]

Equality Table

JavaScript equality comparison is a crazy thing, sometimes. When in doubt, use three equals signs.

Equality Table

[Demo] [Download]

orthogami

Turn voxel models into foldable origami

orthogami

[Download]

Turf.js

Turf is a modular GIS engine written in JavaScript. It performs geospatial processing tasks with GeoJSON data and can be run on a server or in a browser.

Turf.js

[Demo] [Download]

Canvas-Menu with Hero image

An inspirational Canvas-Menu with Hero image.

Canvas-Menu with Hero image

[Demo] [Download]

elf

A small but powerful Stylus grid built with calc().

elf

[Demo] [Download]

VivaGraphJS

VivaGraphJS is a free graph drawing library for JavaScript. It is designed to be extensible and to support different rendering engines and layout algorithms. At the moment it supports rendering graphs using WebGL, SVG or CSS formats.

VivaGraphJS

[Demo] [Download]

drawer-menu

Drawer implementation in Pure CSS

drawer-menu

[Demo] [Download]

KarrotSlider

Karrot Slider a is non-jQuery Slider pure Javascript and CSS. Runs in Internet Explorer 10, Safari, Chrome, Firefox and Opera. Karrot Slider has 8 differents effects and we are working on more. Karrot Slider support responsive image mode, with 100% width, calling fullScreen() function. Karrot Slider it's easy to implement on your site.

KarrotSlider

[Demo] [Download]

texttweet.js

Script to share highlighted text via twitter

texttweet.js

[Demo] [Download]

siimple

Siimple is a minimal 12 column .scss grid created with a focus on simplicity and usability. With two grid sets built in you can grid the way you want.

siimple

[Demo] [Download]

CodePrinter

CodePrinter is a lightweight code editor written in JavaScript. At this moment it supports 13 programming languages and has 13 themes. It's a free and open-source project released under the MIT license.

CodePrinter

[Demo] [Download]

svg.connectable.js

A JavaScript library for connecting SVG things.

svg.connectable.js

[Demo] [Download]

fileicon.css

Pure CSS file icons. Help you create file icons with pure CSS codes. (eg. doc, pdf, png, zip and so on).

fileicon.css

[Demo] [Download]

Material Design Color Palette Plugin For Sketch

Sketch 3 plugin generate a palette of Google material design color for you.

Material Design Color Palette Plugin For Sketch

[Download]

Sliding Header Layout

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.

Sliding Header Layout

[Demo] [Download]

Gidole Sans Free Font

Gidole Sans Free Font

[Download]

Nero Free Font

Nero Free Font

[Download]

Slash - Free display font

It’s design is unique and will stand out from the crowd, and it is designed for type lovers. Rockstar designers who look at every detail and want to create something special. And it’s only availeble in badass black.

Slash - Free display font

[Download]