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

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here