Weekly Web Design & Development News: Collective #3

by jQuery Script,

Today we're sharing with you the 3rd Weekly Web Design & Development Collective that aims to introduce the latest and newest web design & development resources (freebies, codes, tools, etc) from the past week. I hope you like it. Enjoy:)

Web Design & Development News: Collective #3

slidr.js

A simple, lightweight javascript library for adding slide transitions to your page. No dependencies required.

slidr.js

[Demo] [Download]

PhysicsJS

A modular, extendable, and easy-to-use physics engine for javascript.

PhysicsJS

[Demo] [Download]

Pure CSS3 Slider

A lightweight library for manipulating and animating SVG.

Pure CSS3 Slider

[Demo and Download]

CSS3 Icons

We create beautiful icons using css/3, which makes your site light and fewer http requests.

CSS3 Icons

[Preview & Download]

Snap.svg

SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Snap.svg

[Download]

RIMG

"Responsive-image" (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition).

RIMG

[Demo] [Download]

D3.js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

D3.js

[Demo] [Download]

Animations for Thumbnail Grids

There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy effects and today we'd like to show you some inspiration for thumbnail effects using CSS animations.

Animations for Thumbnail Grids

[Demo] [Download]

SPLIT LAYOUT

SPLIT LAYOUT

[Demo] [Download]

tween.js

Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.

tween.js

[Download]

Simple Line Icons Webfont

All 160 simple line icons are now embedded in a webfont for more convenient use on the web or in a native application.

Simple Line Icons Webfont

[Download]

Building Blocks

"Building Blocks" - Set of free CSS3 buttons

Building Blocks

[Download]

Slanted tabs with CSS 3D transforms

Slanted tabs with CSS 3D transforms

[Preview & Download]

Farewell Regular Free font

Farewell Regular Free font

[Download]

Free PSD Template - CV page

Free PSD Template - CV page

[Preview & Download]

FlatTool - Free PSD Template

FlatTool - Free PSD Template

[Download]

Alphabets with long shadow PSD

Alphabets with long shadow PSD

[Download]

Almost Flat CS Icons

Almost Flat CS Icons

[Download]

Emerald

Emerald is a responsive grid system written in LESS.

Emerald

[Demo] [Download]

Buttons With Built-in Progress Meters

Buttons With Built-in Progress Meters

[Demo] [Download]

Collection Of Apple iPad Mockup Templates (iPad Air Included)

Collection Of Apple iPad Mockup Templates (iPad Air Included)

[Download]