Weekly Web Design & Development News: Collective #180

by jQuery Script,

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

blurify

blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from css mode to canvas mode.

blurify

[Demo] [Download]

grassy

Build layout through ASCII art in Sass (and more).

grassy

[Demo] [Download]

grid.css

Pure CSS grid system.

grid.css

[Demo] [Download]

waffle-grid

An easy to use flexbox grid system.

waffle-grid

[Demo] [Download]

numscrubberjs

Let's change values of input numbers by dragging the mouse left & right.

numscrubberjs

[Demo] [Download]

riot

Simple and elegant component-based UI library.

riot

[Demo] [Download]

react-perimeter

Create an invisible perimeter around an element and respond when its breached.

[Download]

smitty

Tiny flux implementation built on mitt

smitty

[Demo] [Download]

Lint-HTML-with-SCSS-CSS

You can use this sass/css file to lint your html for broken links, bad attributes or any other development lazyness.

[Download]

TocasUI

TocasUI — A CSS3 and SASS UI library.

TocasUI

[Demo] [Download]

planck.js

2D JavaScript physics engine for cross-platform HTML5 game development.

planck.js

[Demo] [Download]

circosJS

2D JavaScript physics engine for cross-platform HTML5 game development.

circosJS

[Demo] [Download]

pretty-error

A small tool to see node.js errors with less clutter:

pretty-error

[Download]

pixi-particles

A particle system library for the PixiJS library.

pixi-particles

[Demo] [Download]

console-importer

Easily import JS and CSS resources from Chrome console, with one command.

console-importer

[Download]

Stack Motion Hover Effects

Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.

Stack Motion Hover Effects

[Demo] [Download]

Free Vintage Photo Effects PSD

The PSD file contains smart-object layer to add your own photo and several blending options to mix and match and come up with your own effect. The photo also has old paper texture overlay to give you maximum real and authentic effect on your photos. Just play around and see your creative juices flowing.

Free Vintage Photo Effects PSD

[Download]