Issues » 103

CSS 3D editor, PDF generation, Mozilla Brick Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 103
August 28, 2013
from the editor
This Thursday, we're launching Node Weekly, a new Node.js-focused newsletter. If you want to be subscribed for issue 1, instantly subscribe by clicking here. Thanks for your support. — Peter
Tridiv: A Web-based Editor for Creating 3D Shapes in CSS
A smart browser based editor for working with simple 3D models built using CSS3’s 3D transformation constructs. Wanna jump in quickly? There are three completed models you can edit (an iPhone 4S, NES, and an X-Wing Fighter).
Julian Garnier
jsPDF: HTML5 and JavaScript PDF Generator An HTML5 client-side solution for generating PDFs, ideal for generating documents on the fly (e.g. tickets, reports). Works in IE6+*, Firefox 3+, Chrome, Safari 3+, and Opera.
Introducing Brick: Minimal-markup Web Components for Faster App Development
Mozilla Hacks
from our sponsor
Customers only visit bad mobile sites once. What's your bounce rate?
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. Your bounce rate shouldn't have to resemble the score on your honor student's math quiz. Code BNACMA3 saves $100 on registration.
Breaking Development Conference
WebKit Implements srcset, And It's A Good Thing The ‘srcset’ attribute for the ‘img’ element has long been pondered as a way to specify alternative images for use within responsive, multi-device sites and WebKit now supports it (although currently only on WebKit nightly builds).
Smashing Magazine
Creating A Chroma Key Effect with HTML5 Canvas A practical walkthrough with an interactive demo.
Running Headless Selenium with Chrome Explains how to use Selenium in a headless mode to run automated tests on Google Chrome. It concludes with use cases for this setup.
Chris Le
The HTML5 'picture' Element
Detecting CSS Style Support A look at methods of determining support not just for particular styles but also their supported assignable values.
Ryan Morr
Generate a CSS Grid with Stylus
David Walsh
Speeding Up Mobile HTML5 Experiences Maximiliano Firtman takes a high level look at HTML5 performance on mobile devices and looks at ways to measure and optimize mobile performance.
.net magazine
A Run Through of Firebug 1.12's New Features
Mozilla Hacks
Functional CSS (FCSS) Matt Baker shows how he applies functional programming principles to CSS so he can write more maintainable code that effectively scales.
Flippin' Awesome
Improving Page Performance with HTML5 'Prefetch'
Use HTML5 Device Orientation to Run Windows 8 JavaScript Apps on Android Devices
Semantic CSS With Intelligent Selectors
Smashing Magazine
A Developer Roundtable on “Mobilizing the Web” Christian Heilmann, Ryan Joy, Brian Leroux, Greg Rewis, and Tyler Smith spend an hour discussing the impact of mobile technologies upon the Web.
code and tools
Speech Router: Use Chrome's Speech Recognition to Perform Actions A way to use Chrome’s speech recognition APIs (the Web Speech API) to perform actions when specific text is heard (essentially speech-based ‘routing’).
Lukas Olson
8Bit.js: A Web Audio Library Built on 8 Bit Sounds Write music using ‘8 bit’ oscillation sounds. Supports rhythms, multiple instruments, repeating sections, and complex time signatures. Fancy a demo? Enjoy this rendition of the Mario tune.
Device.js: Conditional JS & CSS Based On Device Operating System Device.js makes it easy to write conditional JavaScript and CSS based on the client device's operating system (iOS, Android, Blackberry), orientation (portrait vs landscape) and type (tablet vs cellphone).
WebM Video for Microsoft Internet Explorer 9+ WebM is a free and open video format being worked on and evangelized by Google (and supported in Firefox, Opera and Chrome). This extension brings support for WebM to IE9 and higher.
Flipload: Flipping HTML Elements to Show a Loading Indicator on the Back
Guille Paz
Web Designer at in Amsterdam, the Netherlands -#1 accommodation website- is looking for the world’s smartest designers. You’re excited about the endless potential of the web and a writer of excellent HTML & CSS? Make meaningful and measurable improvements impacting millions of people.
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
MINI DISTRICT: How to Build A 3D City in 256 Bytes with Canvas Strongly influenced by the demo scene.
Fusing WebGL, CSS 3D and HTML Rather clever cutting edge 3D Web work. Be sure to scroll up.
Steven Wittens
March on Washington Relive that moment 50 years ago with Dr. Martin Luther King gave his famous speech in Washington by listening to an original recording of Dr. King’s words accompanied by immersive photography from the event itself.
An HTML5 JavaScript Piano, using Data URIs
Peter Coles
3D Shading with Box-Shadows: A Shading Effect for 3D Transformed Elements
HTML5 Device Mockups
last but not least..
A simpler way to deploy Deploy any component to any machine with Deployment Manager 2 from Red Gate. Ship your SQL Server databases alongside your .NET applications in a single process, and control who can deploy to each environment. Get started now.
Red Gate (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