Collective #55

View All

Browserdiet * Symbol Fonts * Swipe * CSS Magic * Tutorials * Free PSD Templates * Text Shadows

Collective 55

Inspirational Website of the Week

Collective55_skybox

Skybox has some smooth sliding transitions and interesting hover effects, combined with a unqiue layout and typography. Definitely our pick this week.

Get inspired

Browserdiet: How to lose weight (in the browser)

Collective55_webdiet

A superb front-end performance guide put together by real experts who work on large sites.

Read it

Designing A Better Mobile Checkout Process

Collective55_mobilecheckout

A great article by Derek Nelson on how to optimize the mobile checkout process for a better user experience.

Read it
Advertisement

Swipe Touch Slider

Collective55_swipe

Swipe.js is responsive image slider with touch support developed by Brad Birdsall.

Check it out

Css-only Alternative to the Select Element

Collective55_selectcss

Learn how to create a slick select-like drop-down list with CSS only in this tutorial by Paulina Hetman.

Check it out

The Era of Symbol Fonts

Collective55_iconfonts

Brian Suda gives a great overview of symbol fonts and how they help to improve perfomance and how to use them in an optimal way.

Read it

OverAPI.com - Collecting all the cheat sheets

Collective55_overapi

At OverAPI you can find an extensive collection of cheat sheets you'll definitely find useful as a web developer.

Check it out

The Clambake for Emails & Retina Images

Collective55_clambake

With the Clambake by Aaron Kahlhamer for ZURB you can add retina-ready graphics, like your logo, to a responsive email.

Check it out

Let's Build a Lightweight Blog System – Part 1

Collective55_blogsystem

Start learning how to create a light-weight blog system with PHP and CSS3 in this tutorial by Martin Angelov.

Read it

Canvas Query

Collective55_jquerycanvas

Canvas Query is a wrapper library for HTML5 canvas which allows it to be used with jQuery-like syntax. It also offers a lot of commonly used image manipulation methods mainly convenient for game developers.

Check it out

Timepiece Rounded

Collective55_clock

An interesting OpenType font displaying time, like 17:23:25, as an analogue Clock.

Check it out

iPhone and iPad (PSD)

Collective55_iphoneipad

A great looking iPhone and iPad template by Agence Me.

Get it

Free Sketched Icon Fonts

Collective55_sketchedicons

Peax shares three amazing sets of hand-drawn sketched icon fonts. Check them out: font 1, font 2 and font 3

Get them

iOS 6 switch style checkboxes with pure CSS

Collective55_switches

Some great looking CSS-only iOS switches by Lea Verou.

Check it out

Pixi Renderer

Collective55_pixijs

Pixi.js is a fast HTML5 2D renderer engine that uses WebGL with a canvas fallback that enables it to work across all modern browsers both, desktop and mobile.

Check it out

CSS3 text-shadow effects

Collective55_textshadow

Jorge Epuñan created some fantastic text-shadow effects on Codepen.

Check it out

Shadow DOM 201 - CSS and Styling

Collective55_shadowdom

Learn more about the Shadow DOM and what you can do regarding CSS and styling from this article by Eric Bidelman.

Read it

Free Font: Shinto

Collective55_shinto

A fresh new display font from Golden Black.

Read it

Move a Cube With Your Head or Head-Tracking With WebGL

Collective55_head3d

Experiment with headtrackr.js and three.js, and learn how to do head tracking in WebGL in this article by Jerome Etienne.

Read it

iPhone 5 Template + (PSD)

Collective55_iphonetemplate

A pixel-perfect and improved iPhone 5 template by Dash.

Get it

Social Media Image Maker

Collective55_socialimages

A great place to resize and retouch your social media images.

Check it out

Minimal Apple Product Templates

Collective55_apple

Some really nice, flat apple product templates by WeGraphics for your next mockup.

Get it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.