Web Design Weekly #18



Apple’s Skeuomorphic UI Textures

When one talks about Apple’s design, one immediately thinks of Jony Ive’s modernist, rational industrial designs for computers, peripherals, and of course the iPad and iPhone.

paul irish

What feature would improve the web?

Yehuda Katz and Paul Irish tweeted to the world asking for ideas about how the Web could be improved. They received over 230 responses. Check out the hit list! (paulirish.com)

An explanation of the CSS animation on Apple’s iPhone 4S webpage (johnbhall.com)

Rad Opening Titles for Web Directions South 2011 (themaninblue.com)

Awesome discussion about Mobile-First Media Queries (github.com)

CSS 3D transformations in Firefox Nightly (mozilla.org)

The jQuery Standards Team (jquery.com)


Considerations For Crafting Quality Media Queries

Learn what you need to know to set up media queries that maximise efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions. (zomigi.com)

An introduction to WebGL

This is the first in the series of articles about WebGL. The objective of the series is to provide the information and the resources you’ll need to get started learning WebGL. In this piece, they discuss how WebGL works, what you need to create WebGL applications, and what a simple example looks like. (opera.com)

What’s new in CSS3 Values and Units?

This spec gives us one new CSS wide keyword to play with (the ‘initial’ keyword), five new relative units for lengths, five new functional notations, and various new types and units to support new CSS3 modules such as Grid and Flexbox layout, Transitions, and Transforms. (dstorey.com)

Improve your responsive design workflow with Sass

Sass does not just help you maintain your style sheets. It can actually improve your responsive layout workflow and you don’t even have to worry about the maths! Here Ryan Taylor explains how to build a reusable framework (netmagazine.com)

The Coding Zone

Paul Stamatiou shares three main things that sets himself up for a productive programming session.


Five Questions With Paul Irish (css-tricks.com)

Tools / Resources

The SimpLESS way to write beautiful CSS-Code

Whether you’re a designer or a hardcore programmer, SimpLESS is perfect for you. It compiles your *.less files into valid CSS. (wearekiss.com)

Google App or Extension (Inline Installation)

As of Google Chrome 15, you can initiate app and extensions installations “inline” from your site. These apps and extensions are still hosted in the Chrome Web Store, but users no longer have to leave your site to install them. (code.google.com)

Recurly.js – Secure Transaction Forms With Fully Customisable CSS (teehanlax.com)

Is mobile browsing faster on iOS 5? (newrelic.com)

HTML5 & CSS3 Readiness (html5readiness.com)


Collection of article and development ideas by Paul Irish

Have you got some free time? Check out this list and start hacking. Enjoy! (github.com)

Well executed site by Jake Dow-Smith (dow-smith.com)

Some ‘HOT’ World Weather!! (clicktorelease.com)

Last But Not Least…

Shape Type

Remember the cool kerning game from a few weeks ago? Well the team at Method have amazed the world once again with their new shaping game. (method.ac)

Duckhunt using HTML5 and Javascript