Collective #17
Photon: A CSS 3D Lighting Engine
This is just "wow": a JavaScript library by Tom Giannattasio that adds lighting effects to DOM elements in 3D space. It's WebKit-only because it relies on WebKitCSSMatrix and it's processor-butt-kicking (don't abuse), but you'll just be blown away.
Responsive Grid System
Not being a framework or a boilerplate, the Responsive Grid System is a quick, easy & flexible way to create a responsive web site. Want to use different amounts of columns across a page? This will make it super-easy.
Use itInspirational Website of the Week
Folicuré's marketing website is our pick of the week because of the cool hover and scrolling effects. Who says the parallax effect is out of fashion? If used with a twist, it's absolutely hip.
Check it outJustinmind Prototyper
Create rich and interactive prototypes for web and mobile apps with this online platform.
Check it outUsing semantic HTML
Terry Ryan dives into semantic HTML, explains what is is and why it's important.
Read itAnalog Free Grunge Font
Analog from WeGrpahics is a free grunge font that features bitmap dot patterns. This font is excellent for posters, album covers, or websites that need a touch of grunge appeal.
Get itCSS Gradient Finder
Convert an image to its CSS gradient with this awesome online tool written by Aaron Marasco.
Try itResponsive Web Design Newsletter
Sign up for this free newsletter by Brad Frost. It will feed you with RWD goodness collected across the web.
Sign upSimplistic UI Kit (PSD)
Super-versatile and stunning UI Kit by Tanveer Junayed.
Get itCloud-based API for Image Effects
Apply some cool effects to your images without manually processing them, using this great service from Cloudinary. You'll have to sign up for using this.
Check it outTable Editing with Handsontable
If you are working with tables in your project, Handsontable will make editing them a breeze. It is a minimalistic approach to an Excel-like table editor in HTML & jQuery by Marcin Warpechowski.
Try itUsing SVG clipPath
Sawyer Hollenshead explains how to create a SVG clipping path (or mask) in order to make creative link shapes.
Read itPondasee Front-end Starter Kit
From the minds behind Tokokoo comes this great SCSS & Compass based font-end starter kit that will help you create a powerful themes.
Get itFree Sky UI Kit
A beautiful blue UI Kit by Michael Reimer for Vandelay Design.
Get itScreencasting a Complete Redesign
This is an exciting opportunity to learn the whole web design and web development process: Chris Coyier will do a complete redesign and make every step of it available on a screencast. Back his project and get access to the master's screencasts.
Check it outAcademic Icon Set (10 Icons + PSD Source)
A beautiful and free pixel-perfect, high-quality icon set related to education and academia brought to you by PixelsDaily and Smashing Magazine.
Get itNVD3: Re-usable charts for d3.js
A project for building re-usable charts and chart components for d3.js by Novus.
Check it outFree Portfolio Website Template (PSD)
A beautiful free portfolio website template by blugraphic.
Get itZero Bundle: Free Goodies for Designers
Get hands on this awesome free bundle of web design resources before it expires!
Get itThe Amazing Powers of CSS
Ilmari Heikkinen shows us some magical and helpful CSS tricks that will make you have several "Aha" moments.
Read itQuoJS: Simplify Mobile Web Development
QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development.
Check it outWordpress Plugin: Dropbox Photo Sideloader
This Wordpress plugin adds a new tab to the Media Uploader, which allows you to pull image files from your Dropbox into WordPress.
Get itAncillary Free Font
A beautiful Sans Serif font with 4 variants by Philip Trammell.
Get it