Cyrille Savelief, CSO, MNCC

What it is and how it works. What it is and how it works.

How to make them work together. Get answers to your questions.

Deploy on Apple

Store, Android Market

and Windows

Marketplace.

Write your code in

HTML, CSS and

JavaScript.

Create mobile apps

for iOS, Android and

Windows Phone.

The fastest code is that which is neither

downloaded nor ran. “

”

• Dead code removal

• Inlining

• Renaming

• Zipping

• Perfect caching

• Deferred binding

The way you get an optimal UI is by hiring

good engineers with web experience, not

by language choice.

“

”

• First download : only one file!

• Only include the minimum amount of

JavaScript code necessary to launch

the app.

• Only include the minimum amount of

CSS & texts/images necessary to

launch the app.

• Automatically generate HTML5 cache

manifest1.

1. http://www.html5rocks.com/en/tutorials/appcache/beginner/

• Layout & animation : use CSS, not

JavaScript!

• Layout : use flexible box model1.

• Animation : use transition2 and

keyframe3.

• CSS : avoid nesting selectors and

background images.

3. http://coding.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/

2. http://www.html5rocks.com/en/tutorials/speed/html5/

1. http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/

• CSS : remove unused rules and avoid

nesting selectors.

• Images : use sprites and ensure that

images width/height are not bigger

than there max-width/max-height.

Inline background images!

• Texts : avoid duplication and load

texts asynchronously whenever

possible.

?

Don’t hesitate to contact with me.

I will be happy to answer your questions.