HTML5 Rocks

The web, in your pocket

More and more people see the web through the screen of a mobile device. In 2014, mobile web users are set to outnumber desktop web users. Are you ready?

Building a great mobile user experience

Creating an experience for a small screen requires different thinking. When done right, the mobile web can be as easy to use.

Things to remember

Use a mobile-first responsive web design
Build touch friendly interfaces
Make it easier for users to fill in forms, enter usernames or provide other information
Use high dpi images for the appropriate devices

Optimizing your workflow

Developing for the Mobile web is often thought of as hard. Use these guides to take you from Zero to Mobile Hero.

Start developing

Making your site fast

Research shows that users' flow is interrupted if pages take longer than one second to load. To deliver the best experience and keep the visitor engaged, focus on rendering some content, known as the above-the-fold content, to users in one second (or less) while the rest of the page continues to load and render in the background.

Things to remember

Use the PageSpeed Insights tool to understand how your site performs and what you can do to improve it.
Prioritize visible content
Minify resources like HTML, CSS and JavaScript
Enable compression
Optimize images
Enable browser caching

More reading

Móvil Actualizaciones

7/8 Mobile landing page
3/6 Build with Chrome: Bringing LEGO® bricks to the Multi-Device Web
12/11 The Front-end of Middle-earth: A walkthrough of multi-device development mobile multimedia
12/2 Chrome DevTools for Mobile: Screencast and Emulation
11/20 The Hobbit Experience: Bringing Middle-Earth to Life with Mobile WebGL mobile multimedia
6/11 Case Study: Building Racer multimedia connectivity graphics performance websockets

Ver toda la información →

Móvil Tutoriales

User Timing API: Understanding your Web App
Get accurate and detailed timing statistics-natively-for page navigation and load events
JavaScript Promises: There and back again
How to use promises natively in JavaScript.
Synchronized Cross-device Mobile Testing
Modern tools can help ease your cross-device testing workflow
Building an amazing fullscreen mobile experience
We have the ability to easily make immersive fullscreen web sites and applications, but like ...

Ver toda la información →