Inspirational Website of the Week
The Wrist website by Matt Johnston is all about exploring typography, colors, clock mechanics, and everything else that goes into watch design. The animated watch illustrations are stunning and the flat design combined with harmonic colors makes this our pick this week.
An absolutely brilliant script that automatically switches to a darker or a lighter version of an element depending on the brightness of images behind it. Made by Kenneth Cachia.
CSSconf.eu 2013 – Intro.css
Jed Schmidt will make you laugh with CSS. Check out this great and funny introduction of the CSSconf 2013.
Optimizing UI icons for faster recognition
Alla Kholmatova explains what is important for icon design and which factors play a role when creating recognizable icons for user interfaces.
BlendMe.in is an incredibly useful Photoshop extensions that allows to access tons of free icons for direct usage in your design.
Tools for image optimization
A great collection of image optimization tools by Addy Osmani.
Good Content Is Too Valuable To Die
Vitaly Friedman reminds us how important good web content is and how sad the removal of excellent articles like the ones of .net magazine is.
Designing In The Open
A great article about working publicly on a website design, the pros and cons, including examples and tips by Brad Frost.
One Page Scroll
A great plugin by Pete R. for creating an Apple-like one-page scrolling website like the iPhone 5s website.
This is Now Clone
A clone project by Greg Thompson of the very popular This is Now live instagram feed sites. The goal was to create a simple to follow, light-weight version of what the Now project accomplished.
Solved By Flexbox — Cleaner, hack-free CSS
A fantastic showcase by Philip Walton of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
Drawingboard.js by Emmanuel Pelletier is a canvas-based drawing app that you can integrate easily on your website.
Flat Rounded Square UI Kit (PSD)
A pixel-perfect UI kit designed by Freepik for WebAppers.
element: Modals made easy
Chrome Canary has landed support for the element behind a flag. Eiji Kitamura explains how this can be used to display popups in a web page. Also, check out this demo.
How To Create Flat Style Breadcrumb Links with CSS
Learn how to create a clean looking, flat style breadcrumb navigation with CSS from this tutorial by Chris Spooner from Line25.
Free Font: PEYO Regular
PEYO by Shannon Lim is a playful, uppercase, geometric sans serif typeface designed for display type uses such as headlines, posters and titles.
Free Font: Paihuen Mapuche
Benjamín Rivera created this exquisite looking font with a unique touch.
A Beginner’s Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App
An excellent in-depth article by Kyle Peatt on how to improve the perceived performance of a mobile site.
Free iPhone Mockups (PSD)
Some really professional looking and nice iPad mockups by Regy Perlera.