Issues » 101

Web perf crash course, Firefox 23, js13kGames contest launches Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 101
August 14, 2013
featured
A Web Performance Crash Course in 3 Hours Google's performance guru, Ilya Grigorik, presented a well received three hour long workshop at this year's O'Reilly Fluent conference digging into all aspects of Web-based performance.
Ilya Grigorik
Firefox 23 Released: The Release Notes Things include the 'Enable JavaScript' preference box is gone, input type="range" control added, a new ARIA role for key buttons, a new Network Monitor feature in the devtools, and requestAnimationFrame has been unprefixed.
Mozilla
js13kGames HTML5 and JavaScript Game Development Competition Launches Js13kGames is a JavaScript coding competition for HTML5 game developers. It has just begun and ends on September 13. Take part and there are a ton of prizes.
from our sponsor
Your mobile website shouldn't look like an 8th grade HTML5 project.
Send your developers & designers to BDConf for 2 days of education, inspiration and peer networking as it relates to mobile website strategy, code, UI/UX & design. 8th graders can make sites for your competitor. You're better than that. Code BNACMA2 saves $100 on registration.
reading
Using WebGL to Add 3D Effects to a Site Most pages that use WebGL use it in a full page aspect for a game or visualization but you can use it as a regular page element too. Be sure to check out the rather cool demo.
HTML5 Hub
Solving Rendering Performance Puzzles Google's Jake Archibald shows off his process for debugging an on-page performance issue, including how to select tools and interpret results.
Jake Archibald
Client-Side Storage Options Digs into sessionStorage, localStorage, Indexed DB, and file system access.
Tech.pro
How to Build A Procedural City in 100 Lines with WebGL
Learning Three.js
IE11: Touch Browsing for Today’s Web and Beyond Internet Explorer 11 on Windows 8.1 Preview introduces new touch features, improvements to existing touch features, and new developer APIs. This post showcases some of the improvements.
IEBlog
Introduction to Topcoat Chris Griffith explains what the Topcoat UI library is and the CSS-based components, icons and other features it includes.
Flippin' Awesome
Absolute Horizontal And Vertical Centering In CSS
Smashing Magazine
The Amazon App Store Accepts Web Apps In-app purchases can be implemented via Amazon’s JavaScript API. Read more on CNET News and ZDNet. JavaWorld also looks at why this development is important to HTML5.
Amazon
Build a Gmail-Style Expanding CSS3 Navigation Menu
Treehouse
Writing Better CSS Mathew Carella shares tips and best practices for writing better and more efficient CSS.
Flippin' Awesome
Chromium Dashboard: Polymer Powered Status Board for Google's Chromium
ChromeStatus.com
Introduction to Animating in HTML Krasimir Tsonev details the various techniques for animating in HTML including JavaScript, CSS and the Animate.CSS library.
Flippin' Awesome
Generating an Application Cache Manifest with PhantomJS
integralist
Web Worker Patterns
Tech.pro
Using JSFiddle to Prototype Firefox OS Apps
Mozilla Hacks
Using XSLT 2.0 as a Web Scripting Language
Simon St Laurent
Custom Audio Effects in JavaScript with the Web Audio API
NoiseHack
Having Fun with the 'image' Tag
Jake Archibald
watching
A Game-Based Web Speech API Tutorial In 9 minutes, Intel's Tyler Smith demonstrates how to use the Web Speech API to create a voice-driven HTML5 game.
YouTube
Lessons From The Experimental Edge of Technology Presented at this year's JSConf was a talk by Remy Sharp that looked at some of the lessons coming from the cutting edge of Web development, including WebRTC, 3D, Canvas and performance issues.
YouTube
code and tools
Emmet LiveStyle — Live Bi-directional CSS Editing A plugin for live bi-directional (editor↔browser) CSS editing between Google Chrome, Safari and Sublime Text with more browsers and editors to be supported soon.
Tool to Upgrade Bootstrap 2 HTML to Bootstrap 3
Divshot
git-html5.js: A Git Workflow in the Browser Environment
GitHub
Type & Grids: Free Responsive HTML5 Template
Smashing Magazine
Cross-browser getUserMedia Shim with A Node.js-Style Error-First API
GitHub
IDBFS: POSIX-like File System Interface for IndexedDB in The Browser
sublime-autoprefixer: Sublime plugin to prefix your CSS
GitHub
jobs
Senior or Junior Engineer at View The Space (New York, NY) View The Space is fast growing startup building a leasing platform for commercial real-estate brokers and we need your help. Ideal candidates have experience with Javascript, Rails, IOS, TDD or all of the above.
Software Engineer - Product at Coursera Coursera is looking for JavaScript/HTML5 experts to build high quality web applications that bring online courses to our students. As part of our small and agile team of software engineers, you will be responsible for architecting and implementing the front-end designs, and working with other members on the team to integrate the the application into our platform.
Post a job in a future issue of HTML5 Weekly
demos
9 More Mind-Blowing WebGL Demos
David Walsh
Creative Link Effects using CSS3
Tympanus
last but not least..
Automate your release process Get fast, repeatable deployments at your fingertips with Red Gate’s Deployment Manager. Ship your .NET apps, services, and databases in a single process, see the status of your environments on the shared dashboard, and manage all your deployments in one place. Get started now.
(Sponsored Item)
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