Bi-Weekly Frontend News

Collective #18

Inspirational Website of the Week

Collective18_16

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

Collective18_07

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

Read it

Animating CSS3 Image Filters

Collective18_02

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

Read it

Collection of Responsive WordPress Themes

Collective18_11

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
Advertisement

WordPress Gamification

Collective18_04

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

Read it

Brackets: Open Source Code Editor

Collective18_05

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

Collective18_06

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

Collective18_08

Typodermic gives us this great Strenuous family member for free.

Get it

Bitrix24: Social Intranet

Collective18_18

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

Collective18_09

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

yum.im: Simple Snippet Sharing

Collective18_10

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

Use it

Avatars from avatars.io

Collective18_12

avatars.io 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)

Collective18_13

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

Get it

Free Font: Kocoon Light

Collective18_14

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

Collective18_17

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

Try it

Moleskine Notebook (PSD)

Collective18_01

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

Get it

Free Font: FV Granada

Collective18_15

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

Get it

colllor: Color palette the right way

Collective18_19

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

Collective18_03

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

Read it