Issues » 114

Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 114
November 20, 2013
featured
Peter-Paul Koch's Media Query and Responsive Design Survey Some questions regarding practical use of media queries and responsive design. The responses will be used for determining research priorities.
Peter-Paul Koch
Making Forms Fabulous with HTML5 An old (2011) tutorial gets a big update for 2013 from Pete LePage.
HTML5 Rocks
Opera Desktop 18 Released: Introduces WebRTC Support Another mainstream browser boards the WebRTC train as Opera 18, based on Chromium 31, enables WebRTC by default. Opera 18 also re-gains Opera’s old ability to be re-themed.
Opera Developer News
IE11 for Windows 7 Now Globally Available This brings more HTML5 and Web Platform technologies to more of the Web, including some notably fast WebGL support and an even faster JavaScript interpreter.
Microsoft
from our sponsor
Frontend Masters: New AngularJS Course by "AngularJS in Action" Author Lukas Ruebbelke
Dive into AngularJS, a framework that makes it easy to organize code using concepts like two-way binding, dependency injection and views which results in very testable code. See how easy it is to build simple jQuery directives with AngularJS in this free sample lesson.
Frontend Masters
reading
An Introduction To DOM Events Click, touch, load, drag, change, input, error, resize — the list of possible DOM events is lengthy. This article digs into what they’re about, some of the processes behind them, and how they relate to each other.
Smashing Magazine
The Ultimate Flexbox Cheat Sheet The CSS Flexible Box Layout Model is an increasingly supported mechanism for gaining more control over Web page layouts, particular when you want layouts to re-order themselves, deal with vertical centering, and dynamically grow and shrink. This handy cheat sheet shows a variety of code examples and diagrams to show how various flexbox directives work.
Sketching with CSS
WebGL Debugging and Profiling Tools A review of the current state of WebGL debugging and profiling tools with a focus on their use for real engines, not simple demos.
Patrick Cozzi
Google Launches Portable Native Client, Lets Developers Compile Their Code to Run On Any Hardware and Website
The Next Web
Building an Online Video Player with DASH-264 Jeff Tapper discusses the state of online video, the DASH-264 spec and how to create a video player with Dash.js from Jeff Tapper.
Flippin' Awesome
A Walkthrough of Rendering a Mac Plus Computer using Pure CSS
Donovan Hutchinson
A Comparison Table of 41 CSS Front-end Frameworks A simple comparison table of 41 different CSS front-end frameworks including their cross browser support, whether they use Sass or LESS, their license, and their device targets (desktop, mobile, etc.).
Usablica
Responding to Environmental Lighting with CSS Media Queries Level 4
Jordan Moore
RemoteDebug: A Plan to Unify Remote Debugging Across Browsers RemoteDebug is an initiative to bring a common remote debugging protocol to today’s browsers.
Brackets Sprint 33 Is Out Mihai Corlan describes what’s new in Sprint 33 of the Brackets code editor for web designers and front-end developers. He also answers the question “Should I give it a try and replace my default code editor?”
Everything Mobile Web Apps Need to Know About The Status Bar in iOS 7
CSS3 Box Model Behaviour The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model. This article quickly looks at the difference between the content-box and border-box sizing models.
Vijay Sharma
Creating a Mobile HTML5 Application with App Framework
SitePoint
The PlayStation 4 UI Uses WebGL
Don Olmstead
Async Ads with HTML Imports
Steve Souders
Live-editing WebGL shaders with Firefox Developer Tools
Mozilla Hacks
code and tools
Echo: Lazy-loading Images with HTML5 data-* Attributes Echo is a standalone JavaScript lazy-loading image tool. Echo is fast, less than 1KB and uses HTML5 data-* attributes. Echo works in IE8+.
Todd Motto
flyLabel.js: Floating Form Labels Dynamically displays the label of a text field either inside the field (as long as there is no content in it) or above it (otherwise). Depends on jQuery.
Pa11y: An Automated Accessibility Testing Tool Monitor the accessibility of your websites with pa11y-dashboard and protect against accessibility errors creeping into your codebase. It’s open source and self hosted meaning it can monitor as much as you like on a daily basis.
Nature Publishing Group
Client-Side Conditional Loading with ResponsiveComments A purely client-side solution to conditional loading that leans on data-* attributes and placing your code in HTML comments.
Digital Surgeons
ifvisible.js: Check If The User Is Interacting with The Page
Serkan Yerşen
jobs
Web Engineer at Maker Studios (Los Angeles) Maker Studios has gathered over 60,000 of the most influential YouTube channels into a new network model that's disrupting the television industry. Our tech group develops the talent-facing webapps that make this possible at scale. If using technologies like Docker, NodeJS, CircleCI, Redis, Memcache, and MongoDB sounds exciting, we want you on our team.
Maker Studios
Senior UX Designer - Opportunity to work in Europe! We're looking for seasoned, talented, senior designers to help define the future of our product. This role would see you working hands-on with the product on a daily basis, while helping in the development of our design team in a leadership capacity.
Front-End Engineer at Yelp - San Francisco Our front end engineers are the glue between our engineering team and the more than 117 million people who visit our site every month. Yelp is looking for a front end developer who walks the HTML, CSS and JavaScript stack with ease. In this role you would do everything from implementing new UIs and features to battling browser inconsistencies on a daily release cycle.
Yelp
demos
Aberoth: A Canvas and JavaScript-based Browser MMORPG
HTML5 Canvas-based Raytracer in 35 Lines of JavaScript
Stopwatch in CSS
(♭)ox: A Drumbox Made with HTML5
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