Collective #85
Inspirational Website of the Week
The Museum of Mario is a fantastic interactive experience made with modern web technologies. Out pick this week.
Get inspiredGone In 60fps – Making A Site Jank-Free
Learn how to use Chrome DevTools for performance diagnosis and fixing rendering issues from this video by Addy Osmani from the SmashingConf 2013.
Check it outDevelopment Is Design
Brad Frost shares his thoughts on why front-end development is not something detached from the design process and how HTML and CSS development actually is design.
Read itCreating geometric patterns in Illustrator
Learn how to create stylish geometric patterns in Illustrator from this tutorial by Veerle Pieters.
Check it outFree Font: Rose
Rose is a beautiful and romantic typeface by Kadu Supanik.
Get itLightening Your Responsive Website Design With RESS
Learn how to use RESS (responsive design with server-side components) for creating high-performance mobile websites in this article by Ronan Cremin over at Smashing Magazine.
Read itFree Font: Plethora 1984
A unique swirly uppercase font by ONO Creates.
Get itSo We Wanted To Build A File Uploader... (A Case Study)
Konstantin Lebedev gives some fantastic insights on building a file uploader.
Read itPrioritize visible content
FeedTheBot is great resource for understanding and applying the Google webmaster guidelines by Patrick Sexton. This part is about prioritizing visible or "above-the-fold" content.
Read itTouch Type Game
An addictive game where you need to type fast to reach the next level.
Check it outJavaScript remake of MacPaint
Cloudpaint is a remake of the vintage MacPaint done in JavaScript made by Martin Braun.
Check it outResponsive Webfont Icons
Understand the benefits of Webfont icons and how to use them in you project in this tutorial by Jason Cranford Teague.
Check it outBuilding Web Apps With Yeoman And Polymer - Scaffold your webapps with modern tooling
Addy Osmani shows you how to use Yeoman, a workflow of tools for web apps to streamline creating apps using Polymer, a library of polyfills and sugar for developing apps using Web Components.
Check it outfleep.io
A promising looking new app for group chats with some interesting features.
Check it outZoomquilt
Zoomquilt is a fantastic project that will zoom you through some wonderful artwork.
Check it outCase Study: Redesigning Commit for iOS 7
An insightful case study on the redesign of an iPhone app by Nathan Barry.
Read itiOS 7 Alternate Color Kits (PSD)
A nice freebie containing all the essential iOS 7 UI elements in 5 different color themes by Tony Thomas for MediaLoot.
Get itiOS7 style UI kit (PSD)
A nice iOS 7 style UI kit composition including some free resources.
Get itFree programming books
A fantastic collection of free programming books for many languages.
Check it outFree Font: Anson
A clear and elegant typeface made by Mikko Nuuttila.
Get itInspecting :before/:after content in Chrome DevTools
Finally you can inspect :before and :after pseudo elements with Chrome DevTools (Canary). Check out this video by Eric Bidelman to see how.
Watch itWhat does designing in the browser mean?
Brian Krall explains what "designing in the browser" means and how the process behind it looks.
Read itFree icons set: Adore
If you need a break from flat icon designs then Jackie Tran's creation is the right thing for you: a free set of pixel perfect and beautiful icons.
Get it