20+个周最佳网页设计及开发资源

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.

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.

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.

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.

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.

bada55.io

BADA55.io is about finding the most badass leet words for your CSS hex colors.

Animated SVG Icon

How to optimize SVG code and animate an SVG icon using CSS and Snap.svg library.

Accessible toggle-style checkbox

No javascript required! Customize the branding easily by changing the values in the mixins.

blip

Sweet, sugary goodness for looping and sampling with the Web Audio API.

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.

swing

A swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and Tinder.

galaxy

The modern front-end framework based on conversational language.

svg2android

Convert SVG to Android VectorDrawable XML resource file.

pk-toggleswitch

Toggleswitch input field in vanilla JS with jQuery and Angular wrappers.

Sift

A lightweight and easy-to-use tool for accessing your clouds.

Material design morphing icons

Helps you create Material Design inspired morphing icons.

WebGL Volume Rendering

A very simple step by step introduction to pixel shader volume rendering using WebGL and ThreeJS.

firebrick

A powerful JavaScript Framework powered by jQuery, Bootstrap, Knockout JS and Require JS.

Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers.

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.

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.