Collective #86

View All

Text Compression * Flat Forms * Slanted Tabs * Transformicons * Apple Mice * Odometer * Free UI Kits * dolly.js * Seene

Collective 86

Inspirational Website of the Week

Collective86_siteoftheweek

A very nice fashion website with lots of subtle effects and interesting navigation. Our pick this week.

Get inspired

Text Compression for Web Developers

Collective86_textcompression

Colt McAnlis explains how to properly compress your site's text-based assets with a great summery of compression formats and tools.

Read it

Flat UI and Forms

flatuiforms

In this A List Apart article Jessica Enders dives into flat UI and form design and gives some great insights on why less isn't always simpler.

Read it

Best Of Both Worlds: Mixing HTML5 And Native Code

Collective86_html5native

Peter Traeg shows how mixing HTML5 and native code can help leverage the advantages of both approaches for building mobile solutions.

Read it
Advertisement

Slanted tabs with CSS 3D transforms

Collective86_csstabs

A great CSS technique for creating slanted tabs with pseudo-elements by Lea Verou.

Check it out

Free Font: Norwester

Collective86_norwester

A clean condensed geometric uppercase font by Jamie Wilson.

Get it

Odometer

Collective86_odometer

Odometer is a JavaScript and CSS library for smoothly transitioning numbers. It uses performant CSS transitions with a fallback for unsupported browsers.

Check it out

Apple Mice

Collective86_applemice

Josh Bader created this fantastic homage to all the Apple Mice over the years. Done using HTML/CSS only, no JavaScript.

Check it out

Navicon Transformicons: Animated Navigation Icons with CSS Transforms

Collective86_transformicons

Bennett Feely and Sara Soueidan collaborated on this great tutorial that explains how to create animated navigation icon transformations.

Check it out

Free Vector Icons from Chapps (PSD)

Collective86_chapps

An elegant lined vector icon set by Dmitriy Chuta.

Get it

Mobile-first Responsive Web Design and IE8

Collective86_guardian

The Guardian's responsive design team share some code to help make old browsers work with future-friendly CSS media queries.

Check it out

dolly.js

Collective86_dollyjs

Dolly.js is a simple and generic jQuery UI widget that adds excel-like cloning functionality to your tables. Made by Lunar Logic.

Check it out

Behance Style Flat UI Kit (PSD)

Collective86_flatuikit

A clean Behance-style UI kit from UI Pixels.

Get it

Halloween Vector Art Pack Vol2 (AI, EPS)

Collective86_halloween

Some really nicely designed Halloween vectors by Pixeden for your next themed project.

Get it

iOS 7 iPad Retina GUI Template

Collective86_ios7gui

A fantastic iPad GUI template by UI Junction. You can download it by sharing.

Get it

Portfolio Archive (PSD)

Collective86_portfolioarchive

A great PSD template by spovv.

Get it

FontawesomePro

Collective86_fontawesomepro

If you work with Font Awesome, you can train you knowledge about each icon's name with this nice game and also help provide feedback for icon naming.

Check it out

5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before

Collective86_mobiletechniques

An interesting design patterns showcase of Style.com's adaptive website, developed by their team and one of Mobify's engineers.

Read it

Thinking Responsively - Web design for a new generation of devices

Another nice read about RWD, its concept and importance by JUMP.

Read it

Seene: Share life in 3D

Collective86_seene

Instagram in 3D? Seene is a really cool app that lets you capture, share and discover 3D photos easily and instantly, all on your iPhone.

Check it out

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.