Web Design Resources – November 2011
Learn the basics of kerning with this simple online game.
Free font from FontShop for iOS
FontShop started offering fonts that are specifically hinted and optimized for iOS devices. They’re offering one weight of Basic Gothic Mobile typeface for free.
iOS 5 on iPhone 4S GUI PSD
Teehan+Lax have updated their popular iPhone GUI PSD to match the new iOS5 running in the iPhone 4S.
Solo: project management
Solo is an online project management suite. The design has been carefully crafted, is very clean, comfortable and includes cool tricks like SVG rollovers.
Docpool: share documentation
An online repository of documents related to web design and development with items such as contract templates, invoices, project quoting and others.
HTML 5 for web designers
The popular book about HTML 5 published by A List Apart and written by Jeremy Keith, now has an online counterpart where you can read it all for free.
HTML 5 Audio Player
This is a sleek and lightweight audio player built in HTML 5 that supports OGG and MP3 audio formats. It provides a fallback for older browsers and you can include multiple instances of the player in your page.
Animate is a CSS library with several cross-browser animations to use in your projects. The animations are supported by Chrome, Safari and Firefox. Animate is distributed under the MIT license so you can use it in your commercial projects.
Dart: structured web apps
The new language to build structured web applications created by Google, Dart, was finally released and although it’s an early release, it looks really promising.
Responsive carousel for jQuery
Elastislide is a lightweight and easy to implement responsive slider built as a plugin for jQuery. It implements the Touchwipe Plugin that allows to swipe the images in the slider whenever you’re visiting the site in an iOS or Android device.
Balita: free E-Commerce theme
Smashing Magazine released a neat e-commerce theme for WordPress packed with features such as
- jQuery Product Slider
- Custom Shopping Cart
- Ads Banner
- Search Products
- Blog Integration
- Related Products
and much more. E-commerce done well is probably the next step for WordPress community. Jane Wells pointed some time ago that none of the currently options were genuinely “great”.
How to create tabs in the settings page of your WordPress theme
My first article for Smashing Magazine was published and it goes through the basics of implementing tabs in the settings page of your WordPress theme.
Boris Pelcer: lettering, illustration and design
Jordan Metcalf: design and art
Responsive Web Design Demystified
Matt Doyle goes through all the aspects involved in creating responsive sites, from beginning to end.
Centering in the Unknown
Chris Coyier explains how to center an element when you don’t know any dimension of the surrounding elements.