Cyrille Savelief, CSO, MNCC

barbarousmonthMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

108 views

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!



O
nly 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
manifest
1
.

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


Layout & animation : use CSS, not
JavaScript!



Layout : use flexible box model
1
.



Animation : use transition
2

and
keyframe
3
.



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.