Free UX Sketching And Wireframing Templates For Mobile Projects. Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle81 for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device. Outline Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists of a few combinations, such as actual size, 10 devices fit to a page, and landscape layout.
Note: Print the sheets at actual size (i.e. do not resize). As a bonus, Outline includes an Illustrator file displaying the mobile devices. Outline paper set Windows Phone 7 and 8 panorama template Android 4.x template Tapsize With Tapsize, you can determine the optimal tap area without having an actual device. Tapsize paper set Calculating the grid Behind the Design (al) (il) Footnotes. Improving HTML5 Canvas Performance. Introduction HTML5 canvas, which started as an experiment from Apple, is the most widely supported standard for 2D immediate mode graphics on the web.
Many developers now rely on it for a wide variety of multimedia projects, visualizations, and games. However, as the applications we build increase in complexity, developers inadvertently hit the performance wall. There’s a lot of disconnected wisdom about optimizing canvas performance. This article aims to consolidate some of this body into a more readily digestible resource for developers. This article includes fundamental optimizations that apply to all computer graphics environments as well as canvas-specific techniques that are subject to change as canvas implementations improve.
Note that this article does not go into usage of HTML5 canvas. Performance testing To address the quickly changing world of HTML5 canvas, JSPerf (jsperf.com) tests verify that every proposed optimization still works. Pre-render to an off-screen canvas. C HTML5 Logo FAQ. What does the logo represent? This logo represents HTML5, the cornerstone for modern Web applications. What do the smaller icons represent? The smaller technology class icons represent aspects of modern Web applications and Web sites — style, semantics, graphics, and so forth.
Are all those technology features defined in the HTML5 specification? No, not all of them. Is W3C saying that CSS3 is part of the HTML5 specification? No. Can I use this logo on Web applications built on HTML5? Yes. Can I use this logo on Web sites that aren't built with HTML5? Yes, if you are talking about or showing your support for HTML5. Does this logo imply validity? No, this logo does not imply validity or conformance. How is this work licensed? The logo, icons, and website are licensed under Creative Commons Attribution 3.0 Unported The license says I need to attribute my usage or derivative work. This work is attributed to the W3C. Can I put this logo on stickers, t-shirts, etc? What are the original colors? Yes. Yes. Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices.
HTML5 Boilerplate - A rock-solid default for HTML5 awesome. Foundation: Rapid Prototyping and Building Framework from ZURB.