Bi-Weekly Frontend News

Collective #24

Free Font: Citizen Slab


A stunning vintage font by Joel Felix.

Get it

Inspirational Website of the Week


Banger's is our choice for this weeks web design inspiration. It has great colors and textures and awesome typography. Beautiful details and a sexy fixed header. Exquisite work by Neighborhood Studio.

Get inspired

Designing For Device Orientation: From Portrait To Landscape


A great article by Avi Itzkovitch about device orientation and it's challenges and opportunities for creating a better user experience.

Read it

Magazine-like Layout for the Web with CSS Regions and Exclusions


Christian Cantrell gives us a great overview and tutorial about CSS Regions and CSS Exclusions.

Read it

The Bricks: User Interface Framework


The Bricks is a set of free user interface components aimed to facilitate the creation of designs and prototypes of websites.

Check it out

Meny: 3D Menu Concept


Another great new component by Hakim El Hattab: an experimental CSS 3D fold-in menu.

Check it out

Free Nautical Vector Set


James Viola offers this great set of nautical vector shapes for free.

Get it

Adaptor: jQuery Content Slider


Adaptor is a light-weight, extensible content slider by Phil Parsons. It aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.

Try it

HTML5 & CSS3 Fundamentals


Bob Tabor teaches you the fundamentals of HTML5 & CSS3 programming in these 21 video episodes.

Watch it

jBar: jQuery Call-to-Action Bar


jBar is a simple and lightweight jQuery notification banner created by Todd Motto. It is an alternative to the Hellobar and it allows you to create a simple call-to-action bar at the top of a website.

Check it out

Fine UI Kit (free PSD)


An elegant UI Kit by Michael Reimer for Vandelay Design. Free for personal and commercial projects.

Get it

Introducing CSS Blending


Rik Cabanier introduces blending for CSS, a newly proposed and useful feature that will allow for different blending modes and interaction between elements.

Read it

Free Slab Serif Font: Sreda


Fontfabric type foundry gives us another great free font: Sreda, a slab serif font designed by Elena Kowalski.

Get it

Create CSS3


Create CSS3 is a great online tool by Jason Stockton that let's you generate vendor prefixed CSS. The new version has support for many new CSS3 properties. Read more about it here.

Check it out

CSScomb: CSS Properties Sorter


CSScomb is an absolutely amazing tool for sorting CSS properties in a pre-defined order. There is an online tool and extensions for several text editors.

Read it

Dynamic Light Special FX Brushes


A superb free brush set from WeGraphics for creating waves of special effects lighting.

Get it

DbNinja for MySQL


With DbNinja you can access and administer your MySQL server from anywhere using a browser.

Try it

How To Create a Pure CSS Dropdown Menu


Chris Spooner shows you step-by-step how to create an elegant dropdown menu just with CSS.

Check it out

“Old” Flexbox and “New” Flexbox

Chris Coyier gives us an update on the current state of the CSS Flexible Box Layout Module which has undergone a lot of changes in the last three years.

Read it