Bi-Weekly Frontend News

Collective #14

Understanding CSS Filter Effects

Collective14_07

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

Collective14_13

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

Collective14_04

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

Collective14_03

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

Read it

Game Portfolio Tutorial

Collective14_05

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

Collective14_06

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

Read it
Advertisement

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

Collective14_08

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

gmaps.js

Collective14_09

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

Collective14_10

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

Collective14_11

Heather Burrell shares this beautiful handwritten font with us.

Read it

CSS3 Pictogram Buttons

Collective14_02

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

Collective14_12

An elegant serif typeface by Fernando Díaz.

Read it

Free Dribbble Backgrounds Pack

Collective14_14

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

Collective14_15

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

Collective14_16

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

Get them

How To Create a Cool Blog Post Date Icon with CSS

Collective14_01

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

Read it

Free Icon Set

Collective14_17

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