Collective #101

View All

ImageLightbox.js * Custom Elements * Tempo. * A Pattern Apart * CSS Regions Matter * Apple Store Design * oimo.js * The Markdown Mark

Cover design by Emanuel Serbanoiu
Collective 101

Inspirational Website of the Week: soppo

Collective101_soppo

The website of Soppo, an interactive production studio, is filled with creativity and fluid effects. Our pick this week!

Get inspired

Image Lightbox, Responsive and Touch-friendly

Collective101_lightbox

ImageLightbox.js is a minimlistic, responsive and touch-friendly image lightbox implementation by the talented Osvaldas Valutis.

Check it out

Custom Elements

Collective101_customelementsa

Custom Elements is a fantastic collection of web components for modern web apps.

Check it out

Free Font: Hitchhiker

Collective101_hitchhiker

Slava Krivonosov designed this creative and playful typeface inspired by Jack Kerouac's novel "On the road".

Get it

Tempo.

Collective101_tempo

See some great dance moves by this futuristic dancer on Tempo. Made Vince Mckelvie.

Check it out
Advertisement

Working with quota on mobile browsers

Collective101_quota

Eiji Kitamura will teach you some really useful stuff on browser storage in this great HTML5 Rocks article.

Read it

A Pattern Apart

Collective101_alapatternlibrary

Another great pattern library got published: A List Apart's pattern library.

Check it out

CSS Regions Matter

Collective101_cssregions

CSS Regions were a promising new CSS feature but unfortunately they are facing a grim future as some doubts have risen on their performance and implementation in Blink and their usefulness. Read about why CSS Regions do matter in this great article by Sara Soueidan.

Read it

Optimize CSS delivery

Collective101_css

Is your beautifully written CSS killing the performance of web pages? Learn how to optimize CSS delivery from this insightful article by Patrick Sexton over at feedthebot.com.

Check it out

Free Font: Blenda

Collective101_blenda

A beautiful experimental typface by Seniors Studio. The bold weight is for free.

Get it

Pragmatic UX Techniques For Smarter Websites

Collective101_uxtechniques

An excellent article by Marko Dugonjić on user experience techniques for startups, in-house teams, big corporations and anyone who wants to improve their website, product or service.

Read it

appear.in

Collective101_appearin

Hassle-free peer-to-peer video conversations with up to 8 people for free.

Check it out

Apple Store

Collective101_applestore

A beautiful, unofficial redesign of the Apple store by Amber.

Check it out

oimo.js

Collective101_oimojs

Oimo.js is light-weight 3D physics engine for JavaScript developed by Laurent Thillet.

Check it out

The Markdown Mark

Collective101_mdmark

Dustin Curtis designed a universal symbol for identifying Markdown support.

Check it out

Free Font: TYPOLY

Collective101_typoly

Geometry meets typography with this interesting type experiment by Kreaktive.

Get it

AngularJS Form Validation

Collective101_angular

Chris Sevilleja will show you how to do form validation with Angular in this in-depth tutorial.

Check it out

List of minimalist frameworks

Collective101_framweorks

A useful collection of frameworks started by Edinei Cavalcanti.

Check it out

My Grid System

Collective101_mygridsystem

If you don't fancy grid systems for your project, then you might find this simple but effective approach by Sam Soffes very useful.

Read it

Bring Me The Head Of Tim Berners-Lee

Collective101_bigwebshow

A rational and important conversation with Robin Berjon about EME, DRM, the MPAA, and the W3C in episode of "The Big Web Show" hosted by Jeffrey Zeldman.

Listen to it

Free Mobile Device Mockups (AI, EPS)

Collective101_mockups

A fantastic free Illustrator template and OmniGraffle stencil of mobile devices by UX Kits.

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.