Bi-Weekly Frontend News

Collective #18

Inspirational Website of the Week


This week we chose the website of product designer Patrick Algrim for its elegant simplicity and subtle effects.

Check it out

Create A Responsive, Mobile-First WordPress Theme


Ellen Bauer explains the exciting process of creating a responsive Wordpress theme using the mobile-first approach.

Read it

Animating CSS3 Image Filters


Dudley Storey will show you how to animate the appearance of images using CSS filters and transitions.

Read it

Collection of Responsive WordPress Themes


Are you searching for a real responsive Wordpress theme? Then you will find this roundup really helpful.

Check it out

skrollr Animation Library

Parallax scrolling became a very popular effect in web design and now you can create it with easy using this great library that doesn't have any dependencies. It allows you to animate any CSS property of any element depending on the horizontal scrollbar position.

Try it

WordPress Gamification


A great collection of techniques, examples and free plugins for gamifying your Wordpress blog by Oliver Dale.

Read it

Brackets: Open Source Code Editor


Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe, and is released under an MIT License.

Get it



SeuratJS by Greg Smith is a JavaScript library that extends Raphaƫl and allows for the creation of vivid animations and pixelated artwork using minimal code.

Check it out

Free Font: Strenuous 3D


Typodermic gives us this great Strenuous family member for free.

Get it

Bitrix24: Social Intranet


Bitrix24 is a fresh platform for a united work space which handles the many aspects of daily operations and tasks.

Check it out

Free Stained Canvas Backgrounds


This set of free background textures from WeGraphics includes 12 stained canvas patterns. These are great for applying an old, worn print look to your artwork.

Grab them Simple Snippet Sharing


Dead simple, minimalistic snippet sharing. That's how snippet sharing should be. Amen. By Visual Idiot.

Use it

Avatars from

Collective18_12 is a hosted, hassle-free user avatar service for your apps and sites. It offers the use of social avatars, gravatars and custom avatars.

Try it

Dark Search Box & Drop Down (PSD)


Alexandre Naud designed this super-slick search and drop down, available for free on Premium Pixels.

Get it

Free Font: Kocoon Light


Kocoon is a an amazing experimental font created with the opensource framework Nodebox. You can randomize it and get unique results when exporting it.

Get it

QwikVu: Easy Mock-up Sharing


QwikVu is a new online app where you can share web design mock-ups with clients.

Try it

Moleskine Notebook (PSD)


Beautiful Moleskine notebook, complete with the leather cover, ruled lines, and the classic fabric bookmark by Pixels Daily.

Get it

Free Font: FV Granada


Floris Voorveld offers the regular version of this stunning neo-grotesque font for free.

Get it

colllor: Color palette the right way


When designing, the color palette choice is one of the main aspects. With colllor you can create consistent color palettes with just a few clicks.

Try it

Using CSS3 Border-Image


Learn how to use this often neglected property in order to create interesting image frames.

Read it