Bi-Weekly Frontend News

Collective #48

Inspirational Website of the Week

Collective48_handytest

The Handytest by FINN.no is our pick this week. The interactive test is based on an interesting navigation and it is beautifully designed.

Get inspired

Parsley.js

Collective48_parsley

With the Parsley.js library you can easily validate forms with JavaScript. It's light-weight and highly configurable.

Get it

Sneak Peek Into The Future: Selectors, Level 4

Collective48_selectors4

Andrzej Mazur gives us an overview of some future CSS goodness in this Smashing Magazine article.

Read it

The pro's guide to CSS layouts

Collective48_layouts

Peter Gasston gives us an overview of some future layout techniques that will make creating websites for all kinds of devices much easier and smarter.

Read it
Advertisement

Top Drawer

Collective48_topdrawer

Jordan Moore shows how to create a smooth revealing menu using CSS3.

Check it out

Retina for web workflow

Collective48_retina

Michiel de Graaf explains how to manage and simplify the extra work that comes with creating websites for retina displays.

Read it

css-animations.js

A library that uses the CSS DOM API to access CSS3 keyframe animations, enabling you to control them in your JavaScript.

Check it out

Quick Tip: Store Data in the Browser with IndexedDB

Collective48_indexeddb

Learn how to store data in the browser using IndexedDB from this tutorial by Martin Angelov.

Check it out

WebcamSwiper

Collective48_webcamswiper

An experiment to control a photo carousel using getUserMedia to watch for swipes left and right with a hand.

Check it out

Css-only Lavalamp-like Fancy Menu Effect

Collective48_lavalamp

Learn how to create a stylish looking lavalamp menu in this tutorial by Paulina Hetman.

Check it out

Understand the Favicon

Collective48_favicon

Jonathan T. Neal shares what he learned about the favicon in this in-depth article.

Read it

Free Font: Higher

Collective48_higher

Higher is an interesting display font created by Marisa Passos.

Get it

Setting Up a Local WordPress Testing Environment

Collective48_wptest

A detailed tutorial on how to set up WordPress for local testing by Matej Latin for Tutorialzine.

Read it

Your logo is still an imageā€¦ and so is mine!

Harry Roberts shares his thoughts and insight on which markup is better for a logo.

Read it

Responsive Navigation Menu

Collective48_responsivemenu

Nick La shows us a great technique on how to create a responsive navigation menu without any JavaScript.

Check it out

Responsive Boilerplate Framework

Collective48_responsivebp

If you want to start your responsive project then this might be an interesting framework for you: an elegant & minimalistic CSS3 grid system, made with only one container and 12 columns.

Check it out

The Future of OOCSS: A Proposal

A great article by Philip Walton with some interesting suggestions for OOCSS.

Read it

Creating 3D worlds with HTML and CSS

Collective48_worlds

Keith Clark pushes the possibilities of CSS by creating a realistic 3D environment using CSS 3D transforms.

Check it out

Tiny Monsters

Collective48_monsters

A really nice little 2D game by Ivan Kuckir written in JavaScript. Your job is to cut small parts from a polygon without touching the tiny monsters inside.

Check it out

Typography for designers

Collective48_typodesigners

Find great font resources on this collection site, or simply get inspired.

Check it out

Slot machine with jQuery and CSS 3D transforms

Collective48_slotmachine

Gregor Adams shows us his updated version of a jQuery slot machine, this time in 3D.

Check it out

10 Blurred Backgrounds

Collective48_blurbg

A set of free, high-resolution blurred backgrounds (1920x1200px) by Shantha Abeyrathne.

Get it