Weekly Web Design & Development News: Collective #36

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

odyssey.js

The odyssey.js library is being developed to help journalists, bloggers, and other people on the web publish stories that combine narratives with maps and map interactions. The library is open source and freely available to use in your projects. It is initially being built to work with most modern browsers.

[Demo] [Download]

App.js

App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

[Demo] [Download]

axis

Axis is a terse, feature-rich css library built on top of stylus. It is built on top of nib, providing a number of additional useful tools and mixins.

[Demo] [Download]

Outdated Browser

A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.

[Demo] [Download]

JSON Editor

JSON Editor takes a JSON Schema and uses it to generate an HTML form.

[Demo] [Download]

Responsive Flat UI Box Menu Sliding

[Demo] [Download]

3D Flat Buttons

FREE pure CSS buttons to complement your page.

[Demo] [Download]

Animated CSS3 Checkbox

Only an input and a label, and no javascript needed!

[Demo] [Download]

boba.js

Boba.js is a small, easily extensible JavaScript library that makes working with Google Analytics easier.

[Demo] [Download]

instajam

Instajam is a JavaScript wrapper for the Instagram API. You provide the access token, we provide the jam. Or whatever.

[Demo] [Download]

dc.js

Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

[Demo] [Download]

btns

A small css module that allows for nice-looking, fully-responsive buttons.

[Demo] [Download]

bounce.js

bounce.js is a tool for generating tasty CSS3 powered keyframe animations. The JS library for generating dynamic animations is on its way!

[Demo] [Download]

Custom Grid Layout

Create your custom gallery layout using this simple and responsive grid system

[Demo & Download]

Tiled Background Slideshow

A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

[Demo] [Download]

Social Media Badges Icons

Version .ico and .png ( 96x96 )

[Download]

Justicons — 140 Free Stroke Icons

[Download]

cutepunk typeface

[Download]