Bi-Weekly Frontend News

Collective #14

Understanding CSS Filter Effects


Alex Danilo gives us an excellent overview of CSS filters, how to apply them and what their story is.

Read it

Inspirational Website of the Week


The website of blacknegative will simply blow your socks off! It introduces amazing new ways of navigating and showing content. It was designed by Dilshan Arukatti and developed by Sylvain Tran.

Get inspired!

Laravel - A Framework For Web Artisans


A new PHP framework is born: Laravel. It is super-clean and offers an expressive syntax for creative and less "painful" PHP web development.

Read it

Rearrange content when it’s too wide with jQuery


Learn how to adapt content to the size available in this tutorial by Alexandre Smirnov.

Read it

Game Portfolio Tutorial


In this detailed tutorial, Daniel Sternlicht explains step-by-step how he created his unique retro 2D game portfolio with JavaScript and CSS.

Read it

The Ultimate Guide to Web Type


Learn how to handle web type correctly in this extended web typography guide by Ilene Strizver.

Read it

jQuery Timing Plugin

This plugin gives you easy-to-use methods to define timeouts and intervals. It supplements the existing functionality from the jQuery effects queue (fxq) by introducing a new timed invocation chain technique (tic).

Get it

HTML5 Rubic's Cube


An absolutely awesome web version of the classic Rubic's cube! The page was built using HTML5, CSS3 and JavaScript (with the YUI Library) and you can check out the tutorial to see how it's done.

Try it



Have you ever struggled with the usage of the Google Maps API and found it complicated? Gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.

Get it

Free Carbon Fiber Photoshop Patterns


This free pattern pack of WeGraphics contains 10 carbon fiber styled textures. The patterns are completely seamless and work great for web backgrounds.

Get it

Free Font: Driftwood


Heather Burrell shares this beautiful handwritten font with us.

Read it

CSS3 Pictogram Buttons


Hidayat Sagita shares some hot buttons with us. There are three different types of buttons, all with interesting hover and active states.

Check it out

Free Font: Fenix


An elegant serif typeface by Fernando Díaz.

Read it

Free Dribbble Backgrounds Pack


Haziq Mir shares a wonderful pack of backgrounds that he has been using in his stunning Dribbble shots. Also, check out the rebound by Badhon Ebrahim, another free pack.

Get it

UI Pixels - Free PSDs & Resources for Web Designers


Emrah Demirag launched UI Pixels, a website where you can find a collection of free PSDs and other resources for your projects.

Check it out

Vintage Social Icons


Remember those really cool vintage social icons a long time ago? Well, there is an update from and it contains 15 brand new icons!

Get them

How To Create a Cool Blog Post Date Icon with CSS


Learn how to create a really nice date icon with CSS in this tutorial by Chris Spooner.

Read it

Free Icon Set


You can definitely go nuts with this icon set by Visual Idiot. Sexy! It's more than just simple icons...

Go nuts

Favicons Next To External Links

Chris Coyier explains some techniques of placing the respective favicon next to a link.

Read it