Issues » 70

Firefox 18, Shadow DOM 101, CSS transitions Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 70
January 9, 2013
from the editor
Welcome to issue 70 of HTML5 Weekly. I'm currently in the hospital helping child #2 into the world so a bit of a shorter issue this week - thanks for your understanding :-)
featured
Firefox 18 Released: Makes Web Games and Apps Speedier Firefox 18 introduces Mozilla's new and significantly faster IonMonkey JavaScript JIT compiler, support for Mac 'Retina' displays, and preliminary WebRTC support.
Shadow DOM 101 Google's Dominic Cooney presents an introduction to a core part of Web Components, the Shadow DOM. A typically high quality tutorial as we've come to expect from HTML5 Rocks.
Get Started With WebRTC A complete introductory tutorial to WebRTC (Web Real Time Communications) by Andi Smith in .net magazine. By the end, you'll see how to access a webcam and microphone via JavaScript.
from our sponsor
What's your mobile strategy?
The best minds in mobile converge at BDConf this April in Orlando. Join 200 other mobile website designers and developers for two days of mobile inspiration and a day of optional workshops. Speakers include Luke Wroblewski, Cameron Moll, Paul Irish, Rachel Hinman, Aaron Gustafson & more. Register by 2/21/2013 and use discount code HTML5 to save $100.
reading
All You Need to Know About CSS Transitions Alex MacCaw delves into some of the more complicated parts of CSS transitions, from chaining and events to hardware acceleration and animation functions.
Using Form Elements and CSS3 to Replace JavaScript Louis Lazaris shares some tips and tricks for replacing JavaScript components with straight CSS3 and HTML form elements.
Parallaxin' Paul Lewis of Aerotwist looks at the performance implications of the popular 'parallax scrolling' technique and shares three approaches.
Scrolling Performance Smoothing scrolling is an important part of a good user experience on the Web. Paul Lewis looks at how to diagnose scrolling performance problems and highlights some of the relevant issues in getting a smoother scroll.
Screensharing with WebRTC An experimental demo and explanation of a technique to share a live 'video' of a browser tab using Chrome and WebRTC.
Scriptless Attacks: Stealing the Pie without touching the Sill I still need to get my head around this but this is a slide deck that shows off some rather intriguing Web-based security flaws.
SubtleData Selected as POS Integration Platform by appMobi Unfortunately just a press release but interesting to see HTML5 app integration with standard point of sale (POS) systems nonetheless.
Interactive Audio: Learn how to build Web & Mobile audio Apps with Web Audio API An ongoing series of tutorials aimed at teaching anyone familiar with digital music technology the basics of programming by building Web and mobile-based audio apps.
watching
Remy Sharp's Workflow: Never Having to Leave DevTools Remy Sharp (JSBin) shares his Chrome-based front-end development workflow in a snappy 4 minute screencast.
code and tools
AppCache Generator The ApplicationCache (AppCache) is a feature of HTML5 that aims to allow websites and webapps to be accessed reliably while offline. This tool by Rob Hawkes generates a cache for the URL of your choice, including asynchronous assets that may be requested after the page has finished loading.
ZinoUI: A jQuery UI and HTML5 Components Library and Framework A jQuery based, WAI-ARIA compatible, user interface framework consisting of 23 different components.
Animate.css: A Suite of 'Plug-and-Play' CSS Animations A bunch of fun cross-browser animations to use in your projects. Great for emphasis, home pages, sliders, and general 'just-add-water-awesomeness.'
Qtzweb: A Quartz Composer to WebGL + JavaScript Compiler Quartz Composer is a visual programming language found in the Xcode development environment on OS X mostly used for visual effects and visualizations. Qtzweb converts Quartz Composer files to JavaScript and WebGL shaders to run in the browser. Clever stuff.
Junior: Front-end Framework for 'Native Look' HTML5 Mobile Apps A front-end framework for building HTML5 mobile apps with a native look and feel. Love the embedded 'simulator' demo on the homepage.
Flowtime.js: HTML5/CSS3/JS Presentation Framework A framework for easily building HTML presentations or websites. Full page fluid layout, multiple control systems, history management, parallax support, and more.
Elusive Icons: Icon Font Designed for Use with Bootstrap
jobs
JavaScript and Front-End Contract Work for RideAmigos RideAmigos conceives of ways for people travel smarter. We're looking for talented freelance JavaScript developers/contractors with strong portfolios and references for mobile and web projects, with AngularJS and PhoneGap experience preferred. Remote working OK.
Front End Engineer (Mobile/Ember.js) - Q2eBanking (Austin, TX) Help us build cutting edge user experiences in Ember.js. Q2 has been recognized as one of the fastest growing companies for 3 years running by Inc. magazine. Javascript, iOS and/or Android development experience is key.
demos
Inception Explained - An Interactive Animated Infographic Get confused by the popular 2010 Leonardo DiCaprio sci-fi movie Inception? Be confused no longer thanks to this HTML5 and CSS3 powered visualization.
Recreating the Sounds of the BBC Radiophonic Workshop Explore the BBC sound of the 1960s with four demos of Radiophonic equipment built using Web Audio API. Each demo comes with commented code, so you can learn how to build your own audio applications.
hlbsp: Half-Life WebGL Level and Model Viewer
last but not least..
The Illustrated Guide to Front-End Development
A small illustration-driven e-book by Brian Franco that introduces a variety of front-end development topics with the newcomer in mind. If not useful for yourself, it could be a nice gift.
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