Weekly Web Design & Development News: Collective #180
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.
grassy
Build layout through ASCII art in Sass (and more).
grid.css
Pure CSS grid system.
waffle-grid
An easy to use flexbox grid system.
numscrubberjs
Let's change values of input numbers by dragging the mouse left & right.
riot
Simple and elegant component-based UI library.
react-perimeter
Create an invisible perimeter around an element and respond when its breached.
[Download]
smitty
Tiny flux implementation built on mitt
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.
planck.js
2D JavaScript physics engine for cross-platform HTML5 game development.
circosJS
2D JavaScript physics engine for cross-platform HTML5 game development.
pretty-error
A small tool to see node.js errors with less clutter:
[Download]
pixi-particles
A particle system library for the PixiJS library.
console-importer
Easily import JS and CSS resources from Chrome console, with one command.
[Download]
Stack Motion Hover Effects
Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.
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.
[Download]