Bi-Weekly Frontend News

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.

Check it out

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 it

Inspirational 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 out

Justinmind Prototyper


Create rich and interactive prototypes for web and mobile apps with this online platform.

Check it out

Using semantic HTML

Terry Ryan dives into semantic HTML, explains what is is and why it's important.

Read it

Analog 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 it

CSS Gradient Finder


Convert an image to its CSS gradient with this awesome online tool written by Aaron Marasco.

Try it

Responsive Web Design Newsletter


Sign up for this free newsletter by Brad Frost. It will feed you with RWD goodness collected across the web.

Sign up

Simplistic UI Kit (PSD)


Super-versatile and stunning UI Kit by Tanveer Junayed.

Get it

Cloud-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 out

Table 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 it

Using SVG clipPath


Sawyer Hollenshead explains how to create a SVG clipping path (or mask) in order to make creative link shapes.

Read it

Pondasee 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 it

Free Sky UI Kit


A beautiful blue UI Kit by Michael Reimer for Vandelay Design.

Get it

Screencasting 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 out

Academic 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 it

NVD3: Re-usable charts for d3.js


A project for building re-usable charts and chart components for d3.js by Novus.

Check it out

Free Portfolio Website Template (PSD)


A beautiful free portfolio website template by blugraphic.

Get it

Zero Bundle: Free Goodies for Designers


Get hands on this awesome free bundle of web design resources before it expires!

Get it

The Amazing Powers of CSS

Ilmari Heikkinen shows us some magical and helpful CSS tricks that will make you have several "Aha" moments.

Read it

QuoJS: 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 out

Wordpress 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 it

Ancillary Free Font


A beautiful Sans Serif font with 4 variants by Philip Trammell.

Get it