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.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from css mode to canvas mode.
Build layout through ASCII art in Sass (and more).
Pure CSS grid system.
An easy to use flexbox grid system.
Let's change values of input numbers by dragging the mouse left & right.
Simple and elegant component-based UI library.
Create an invisible perimeter around an element and respond when its breached.
Tiny flux implementation built on mitt
You can use this sass/css file to lint your html for broken links, bad attributes or any other development lazyness.
TocasUI — A CSS3 and SASS UI library.
A small tool to see node.js errors with less clutter:
A particle system library for the PixiJS library.
Easily import JS and CSS resources from Chrome console, with one command.
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.