Weekly Web Design & Development News: Collective #56
Here's the 56th 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 #56
Nome
Nome (pronounced know me) is a JavaScript library that leverages the power of HTML5 geolocation and location data. This type of data isn't normally exposed within a user session without signing up to multiple services and installing many large database files locally.
glumpy
Glumpy is a python library for scientific visualization that is both fast, scalable and beautiful. Glumpy offers an intuitive interface between numpy and modern OpenGL.
Size Marks
Size Marks is a helpful Photoshop script for web designers and front-end engineers.
[Download]
firebrick
A powerful JavaScript Framework powered by jQuery, Bootstrap, Knockout JS and Require JS
WebGL Volume Rendering
A very simple step by step introduction to pixel shader volume rendering using WebGL and ThreeJS.
Material design morphing icons
Helps you create Material Design inspired morphing icons.
Sift
A lightweight and easy-to-use tool for accessing your clouds
[Download]
walkway
An easy way to animate simple SVG elements.
[Download]
pk-toggleswitch
Toggleswitch input field in vanilla JS with jQuery and Angular wrappers
svg2android
Convert SVG to Android VectorDrawable XML resource file.
galaxy
The modern front-end framework based on conversational language.
flag-icon-css
CSS for vector based country flags.
swing
A swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and Tinder.
transfer.sh
Easy and fast file sharing from the command-line. This code contains the server with everything you need to create your own instance.
blip
Sweet, sugary goodness for looping and sampling with the Web Audio API
Accessible toggle-style checkbox
No javascript required! Customize the branding easily by changing the values in the mixins.
Animated SVG Icon
How to optimize SVG code and animate an SVG icon using CSS and Snap.svg library.
Building Images
[Demo]
bada55.io
BADA55.io is about finding the most badass leet words for your CSS hex colors.
Resizing and Cropping Images with Canvas
Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.
Some More Subtle Hover Effect Ideas
A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we've added some fresh effects with various transitions.
FREE FONT SKINNY BASTARD
Here is a super nice skinny new hand write font created by Marcelo Reis Melo and Free Goodies for Designers. Great font for headlines, full of personality, and a lot of energy.
[Download]
100+ Touch Gestures Icons
Over 100 touch gesture icons that are perfect for mockups, wireframes and final designs. Icons based on vector shapes and presented in multiple formats: AI, EPS, CSH, PSD, PNG and SVG.
[Download]
Vintage Single Page PSD Theme
[Download]
3D Icons
Word in the streets is 3D interfaces are making a comeback so now is your chance to get ahead of the game with this free icon set.
[Download]
