Collective #86
Inspirational Website of the Week
A very nice fashion website with lots of subtle effects and interesting navigation. Our pick this week.
Get inspiredText Compression for Web Developers
Colt McAnlis explains how to properly compress your site's text-based assets with a great summery of compression formats and tools.
Read itFlat UI and Forms
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 itBest Of Both Worlds: Mixing HTML5 And Native Code
Peter Traeg shows how mixing HTML5 and native code can help leverage the advantages of both approaches for building mobile solutions.
Read itSlanted tabs with CSS 3D transforms
A great CSS technique for creating slanted tabs with pseudo-elements by Lea Verou.
Check it outFree Font: Norwester
A clean condensed geometric uppercase font by Jamie Wilson.
Get itOdometer
Odometer is a JavaScript and CSS library for smoothly transitioning numbers. It uses performant CSS transitions with a fallback for unsupported browsers.
Check it outApple Mice
Josh Bader created this fantastic homage to all the Apple Mice over the years. Done using HTML/CSS only, no JavaScript.
Check it outNavicon Transformicons: Animated Navigation Icons with CSS Transforms
Bennett Feely and Sara Soueidan collaborated on this great tutorial that explains how to create animated navigation icon transformations.
Check it outFree Vector Icons from Chapps (PSD)
An elegant lined vector icon set by Dmitriy Chuta.
Get itMobile-first Responsive Web Design and IE8
The Guardian's responsive design team share some code to help make old browsers work with future-friendly CSS media queries.
Check it outdolly.js
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 outBehance Style Flat UI Kit (PSD)
A clean Behance-style UI kit from UI Pixels.
Get itHalloween Vector Art Pack Vol2 (AI, EPS)
Some really nicely designed Halloween vectors by Pixeden for your next themed project.
Get itiOS 7 iPad Retina GUI Template
A fantastic iPad GUI template by UI Junction. You can download it by sharing.
Get itPortfolio Archive (PSD)
A great PSD template by spovv.
Get itFontawesomePro
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 out5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before
An interesting design patterns showcase of Style.com's adaptive website, developed by their team and one of Mobify's engineers.
Read itThinking Responsively - Web design for a new generation of devices
Another nice read about RWD, its concept and importance by JUMP.
Read itSeene: Share life in 3D
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