Issues » 24

Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 24
February 7, 2012
Welcome to issue 24 of HTML5 Weekly. Straight on to the news this week! :-)
News and Latest Developments
Google Unveils Chrome for Android
Google has released a beta of its popular Chrome browser for the Android mobile platform. It's available in the Android Market for phones and tablets with Android 4.0 ICS. Learn more and check out the video in this post.
4 New HTTP Status Codes On The Way? (428, 429, 431 and 511) The IETF has approved this draft standard for additional HTTP status codes as a 'Proposed Standard'. They're codes 428, 429, 431, and 511 and you can learn more here.
W3C Draft of a Spec for CSS Variables Systems like Sass and Less are partly popular because they let us use variables when building our CSS but a draft proposal for implementing CSS variables directly in the CSS spec has turned up at the W3C. Looks like a good start.
Mozilla Developing Web Push Notification System for Firefox
From Our Sponsor
Articles and Tutorials
Getting Started with IndexedDB IndexedDB is a proposed standard for a local database of records and objects within the browser (it currently works in Chrome and Firefox but polyfills are available). In this tutorial, Gil Fink presents an introduction.
* { box-sizing: border-box } FTW The browser 'box model' has driven Paul Irish (and many others) crazy for years with borders and paddings not being included in an element's 'width'. In this post, Paul demonstrates a way to get around this problem on modern browsers.
SPDY Brings Responsive and Scalable Transport to Firefox 11 Firefox 11 contains the first Firefox implementation of the SPDY protocol (which originated in Google Chrome). SPDY transports Web content using fewer TCP connections than HTTP by multiplexing multiple transactions into one stream.
The World of Pain that is HTML5 Video
Responsive Images: How they Almost Worked and What We Need
Videos and Media
HTML5, The Bad Parts (podcast episode) Geoff Blair and Matt Hackett of the Lostcast podcast polled HTML5 developers on their 'most hated parts of HTML5' and in this hour long show, they walk through them. One for a long commute!
Tools
High-Res Browser Logos: A 2012 Update
Paul Irish has updated his popular collection of multi resolution browser logos to the latest versions across Chrome, Firefox, Opera, Safari, and IE.
Beautiful Buttons for Twitter Bootstrappers
Are you using Twitter Bootstrap (whose new version I mentioned last week)? If so, use this handy tool to create your own custom stylized buttons rather than relying on the defaults. Change hue, saturation, brightness and 'puffiness' on the fly.
Ultimate CSS Gradient Generator A powerful Photoshop-like CSS gradient editor from ColorZilla. This has lodged itself into my bookmarks as a must-have tool for now.
Code and Libraries
A Simple CSS 'Ribbon' Menu
A simple ribbon-style menu bar with a striking CSS3 transition and CSS2 pseudo-elements based animation effect. I like this one a lot.
HTML5 Boilerplate 3.0 Released The well known HTML5 Boilerplate project bills itself as a 'rock-solid default template for HTML5 awesome' and version 3.0 has just been unveiled. The focus has been on cleanups and refactoring.
turn.js: The Page Flip Effect for HTML5 turn.js is a jQuery plugin that adds an HTML5-based 'page flip' transition similar to the turning of real pages in a book or magazine.
iBooks-HTML-Widget-Boilerplate: An HTML Widget Compatible with iBooks Author
Demos
JPC2000: A JS-Powered Beat Production Station If you're into music, you may be aware of 'drum' or 'beat' creation devices that have pads you can associate samples to. JPC2000 is the same idea but in JavaScript form. Unleash your inner hip-hop producer.
Stunning HTML5 Sites Filled With Impressive 3D Elements Sure, it's a list post, but Cosmin of Devstand has put together a list of 27 striking HTML5 demos that include 3D rendering techniques.
Web Equation: Draw an Equation and Get the LaTeX For It
Last but not least..
Tip: You can drag and drop elements in Chrome's Developer Tools Until I saw this image pop up on Reddit, I had no idea you could move page elements around using the Chrome Developer Tools. Awesome!
Curated by Peter Cooper and published by Cooper Press.
Want to sponsor an issue? See our media kit.

© 2013 Cooper Press Ltd. Email policy Privacy policy
Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or unsubscribe here

ONE e-mail each Wednesday. Easy to unsubscribe. No spam — your e-mail address is safe
Published by Cooper Press and curated by Peter Cooper