Bi-Weekly Frontend News

Collective #17

Photon: A CSS 3D Lighting Engine

Collective17_10

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

Collective17_04

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

Collective17_21

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

Collective17_03

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
Advertisement

Analog Free Grunge Font

Collective17_16

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

Collective17_01

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

Try it

Responsive Web Design Newsletter

Collective17_05

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)

Collective17_19

Super-versatile and stunning UI Kit by Tanveer Junayed.

Get it

Cloud-based API for Image Effects

Collective17_06

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

Collective17_07

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

Collective17_02

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

Collective17_08

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

Collective17_09

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

Get it

Screencasting a Complete Redesign

Collective17_11

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)

Collective17_12

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

Collective17_13

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

Check it out

Free Portfolio Website Template (PSD)

Collective17_18

A beautiful free portfolio website template by blugraphic.

Get it

Zero Bundle: Free Goodies for Designers

Collective17_14

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

Collective17_15

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

Collective17_20

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

Collective17_17

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

Get it