Bi-Weekly Frontend News

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 inspired

Text 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 it

Flat 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 it

Best 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 it

Slanted tabs with CSS 3D transforms


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

Check it out

Free Font: Norwester


A clean condensed geometric uppercase font by Jamie Wilson.

Get it



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


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


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)


An elegant lined vector icon set by Dmitriy Chuta.

Get it

Mobile-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 out



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)


A clean Behance-style UI kit from UI Pixels.

Get it

Halloween Vector Art Pack Vol2 (AI, EPS)


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

Get it

iOS 7 iPad Retina GUI Template


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

Get it

Portfolio Archive (PSD)


A great PSD template by spovv.

Get it



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


An interesting design patterns showcase of'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


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