List of smartphones and devices size for responsive design

A handy list of most common smartphone devices size in CSS – commonly used in responsive web design (also email design). You can check it on mydevice.io.

Common Smartphones values
name
phys.
width
phys.
height
CSS
width
CSS
height
pixel
ratio
phys. ppi
CSS ppi
Apple iPhone 6 750 1334 375 667 2 326 192
Apple iPhone 5 640 1136 320 568 2 326 192
Apple iPhone 4 640 960 320 480 2 326 192
Apple iPhone 3 320 480 320 480 1 163 96
Apple iPod Touch 640 1136 320 568 2 326 192
LG G4 1440 2560 360 640 4 538 384
LG G3 1440 2560 360 640 4 538 384
LG Optimus G 768 1280 384 640 2 318 192
Samsung Galaxy Note 2 720 1280 360 640 2 267 192
Samsung Galaxy Note 800 1280 400 640 2 285 192
Samsung Galaxy S5 1080 1920 360 640 3 441 288
Samsung Galaxy S4 1080 1920 360 640 3 441 288
Samsung Galaxy S4 mini 540 960 360 640 1.5 256 144
Samsung Galaxy S3 720 1280 360 640 2 306 192
Samsung Galaxy S3 mini 480 800 320 533 1.5 233 144
Samsung Galaxy S2 480 800 320 533 1.5 217 144
Samsung Galaxy S 480 800 320 533 1.5 233 144
Samsung Galaxy Nexus 720 1200 360 600 2 316 192
LG Nexus 5 1080 1920 360 640 3 445 288
LG Nexus 4 768 1280 384 640 2 320 192
Microsoft Lumia 1020 768 1280 320 480 2.4 332 220
Microsoft Lumia 925 768 1280 320 480 2.4 332 220
Microsoft Lumia 920 768 1280 320 480 2.4 332 220
Microsoft Lumia 900 480 800 320 480 1.5 217 144
Microsoft Lumia 830 720 1280 320 480 2 294 192
Microsoft Lumia 620 480 800 320 480 1.5 252 144
HTC One 1080 1920 360 640 3 468 288
HTC 8X 720 1280 320 480 3 341 288
HTC Evo 3D 540 960 360 640 1.5 256 144
Sony Xperia Z3 1080 1920 360 598 3 424 288
Sony Xperia Z 1080 1920 360 640 3 443 288
Sony Xperia S 720 1280 360 640 2 342 192
Sony Xperia P 540 960 360 640 1.5 275 144
Xiaomi Mi 4 1080 1920 360 640 3 441 288
Xiaomi Mi 3 1080 1920 360 640 3 441 288
Lenovo K900 1080 1920 360 640 3 401 288
Pantech Vega n°6 1080 1920 360 640 3 373 288
Blackberry Leap 720 1280 390 695 2 294 177
Blackberry Passport 1440 1440 504 504 3 453 274
Blackberry Classic 720 720 390 390 1.8 294 177
Blackberry Q10 720 720 346 346 2 328 192
Blackberry Z30 720 1280 360 640 2 295 192
Blackberry Z10 768 1280 384 640 2 355 192
Blackberry Torch 9800 360 480 360 480 1 187 96
ZTE Grand S 1080 1920 360 640 3 441 288
ZTE Open (Firefox OS) 480 720 320 480 1.5 165 144
Common Phablets values
name
phys.
width
phys.
height
CSS
width
CSS
height
pixel
ratio
phys. ppi
CSS ppi
Apple iPhone 6 Plus 1080 1920 414 736 3 401 249
Motorola Nexus 6 1440 2560 412 690 3.5 493 336
Microsoft Lumia 1520 1080 1920 432 768 2.5 367 240
Samsung Galaxy Note 4 1440 2560 360 640 4 515 384
Samsung Galaxy Note 3 1080 1920 360 640 3 386 288
Common Tablets values
name
phys.
width
phys.
height
CSS
width
CSS
height
pixel
ratio
phys. ppi
CSS ppi
Apple iPad Pro 2048 2732 1024 1366 2 265 192
Apple iPad 3, 4, Air 1536 2048 768 1024 2 264 192
Apple iPad 1, 2 768 1024 768 1024 1 132 96
Apple iPad mini 2, 3 1536 2048 768 1024 2 326 192
Apple iPad mini 768 1024 768 1024 1 163 96
Samsung Galaxy Tab 3 10″ 800 1280 800 1280 1 149 96
Samsung Galaxy Tab 2 10″ 800 1280 800 1280 1 149 96
Samsung Galaxy Tab (8.9″) 800 1280 800 1280 1 170 96
Samsung Galaxy Tab 2 (7″) 600 1024 600 1024 1 170 96
Samsung Nexus 10 1600 2560 800 1280 2 300 192
HTC Nexus 9 1538 2048 768 1024 2 281 192
Asus Nexus 7 (v2) 1080 1920 600 960 2 323 192
Asus Nexus 7 (v1) 800 1280 604 966 1.325 216 127
LG G Pad 8.3 1200 1920 600 960 2 273 192
Amazon Kindle Fire HD 8.9 1200 1920 800 1280 1.5 254 144
Amazon Kindle Fire HD 7 800 1280 480 800 1.5 216 144
Amazon Kindle Fire 600 1024 600 1024 1 167 96
Microsoft Surface Pro 3 1440 2160 1024 1440 1.5 / 1.4 216 144
Microsoft Surface Pro 2 1080 1920 720 1280 1.5 207 144
Microsoft Surface Pro 1080 1920 720 1280 1.5 207 144
Microsoft Surface 768 1366 768 1366 1 148 96
Blackberry Playbook 600 1024 600 1024 1 169 96
Other connected devices
name
phys.
width
phys.
height
CSS
width
CSS
height
pixel
ratio
phys. ppi
CSS ppi
Google Glass 640 360 427 240 1.5 ? 144

You can also check your current values on this site : Discover your device values.

[Infographie] L’histoire de l’email par son créateur

Puisque l’on lit de plus en plus de pronostics plus ou moins sérieux sur la mort du 1er moyen de communication entièrement numérique, et son utilité réelle ou imaginaire, j’ai trouvé cette infographie pertinente et utile. En effet, elle retrace toute l’histoire du média qui a fête son 30e anniversaire l’année dernière. On remarque aussi que c’est une grappe d’innovations (selon la théorie de Schumpeter) qui a abouti à la création de cette technologie.

3,1 milliards de comptes en 2011, c’est beaucoup. Je suis curieux de savoir en quelle année le nombre de comptes email stagnera. Peut-être à la prochaine innovation majeure en communication interactive ?

History of email

Comparatif de 3 emailings de voeux

Puisque j’avais évoqué le sujet récemment, je vous propose une rapide analyse de 3 campagnes emailing dans le cadre du nouvel an. C’est en effet une opportunité importante pour développer une dimension relationnelle avec son audience. Ainsi à mon sens, le message de voeux ne devrait pas être trop “vendeur”.

1. Ellepassions : Ellepassions vous souhaite de joyeuses fêtes

        Pour être sûr(e) de recevoir tous nos emails, ajoutez info@newsletter.elle.fr à votre carnet d’adresses !
Si vous n’arrivez pas à visualiser correctement ce message, suivez ce lien.
Vente privées

* -20% sur tout le site hors promotions pour toute commande. Offre non cumulable avec une autre, stock limitée, photos non contractuelles, valable jusqu’au 07/01/12.
Conformément à la loi Informatique et Libertés du 6/01/1978, vous disposez d’un droit d’accès, de rectification et d’opposition aux informations vous concernant qui peut s’exercer par courrier à ELLEPASSIONS – BP30657 – 59061 ROUBAIX CEDEX 1 – en indiquant vos nom, prénom et adresse.
Vous disposez d’un droit de rétractation d’un minimum de 7 jours à réception de la marchandise, sauf dans les cas où cette obligation n’est pas applicable.


Satisfait ou
remboursé

Paiement
sécurisé

Service Client
6j sur 7

Livraison en 72 H

Membre de
la FEVAD

Notre page
Facebook
      Se désabonner
   .      
Nous contacter

Design : 3/5

Message : 4/5

Technique : 3/5

Note globale : 3,3/5

Dans cette campagne, j’apprécie le fait que l’on va rapidement au fait du message, avec une offre valable la semaine suivante. Le design et la partie techniques sont corrects, sans plus.

2. MyPIX : 2012 pleine de surprises…

Soyez sûr de recevoir nos emails, ajoutez mypix@fr.mypix.com à votre carnet d’adresses 

Visualisez la version en ligne de cet email 

myPIX.com
Votre numéro client : 5048593Votre identifiant : dianedebasly@hotmail.com
Developpement photo Livres photos Objets photos Mes albums et créations Envoyez mes photos
Retrouvez-nous sur  
Offres valables jusqu’au lundi 2 janvier 2012.
(1) Voir les conditions sur le site.
Contactez-nous 24h/24 par e-mailou par téléphone au 09 69 32 20 30 (prix d’un appel local) du lundi au samedi de 9h à 18hmyPIX.com est une marque du groupe PIXMANIA
Conformément à la Loi relative à l’informatique aux fichiers et aux libertés du 6 janvier 1978, vous disposez d’un droit de rectification des données à caractère personnel vous concernant en contactant notre service client par courrier à l’adresse suivante : myPIX.com – Service Clients – 43/47 avenue de la Grande Armée – 75116 PARIS CEDEX France.Conformément à cette loi , myPIX.com est autorisé à traiter et utiliser les informations à caractère personnel vous concernant. Celles-ci font l’objet d’un traitement déclaré auprès de la Commission Nationale de l’Informatique et des Libertés (CNIL) sous le numéro de récépissé 1230294.Vous pouvez à tout moment modifier les informations vous concernant (e-mail, adresse postale,…) ainsi que votre inscription aux newsletters dans la rubrique ” Mon compte“.Si vous ne souhaitez plus recevoir d’emails de notre part, accédez au désabonnement.

Design : 4/5

Message : 4,5/5

Technique : 4/5

Note globale : 4,12/5

De la même façon, le marchand délivre assez rapidement ses voeux, ce qui est le but. En outre, le sujet laisse planer un doute ce que je trouve plutôt positif. Le plus de ce message est que les offres proposées (photos, albums…) sont vraiment pertinentes par rapport au moment où le message est envoyé (le 31/12). On note aussi un design soigné.

3. Voyages-SNCF : BONNE ANNEE : tous nos voeux de voyage pour 2012 !

Voyages-sncf.com
 TRAIN
 VOL
 HÔTEL
 SÉJOUR
 BONS PLANS
 HEXAGO
TOUTE L’ÉQUIPE DE VOYAGES-SNCF.COM
VOUS SOUHAITE SES MEILLEURS VŒUX
POUR 2012.
BONNE ANNÉE 2012
BONNE ANNÉE 2012 BONNE ANNÉE 2012 BONNE ANNÉE 2012
BONNE ANNÉE 2012
NOS ATOUTS VOYAGEURS
FACEBOOK
Rejoignez-nous
sur Facebook !
APPLIS MOBILE
Découvrez toutes nos
applis sur votre mobile.
E-BILLET
Imprimez votre billet
à domicile en un clic !
Pour toute question ou remarque sur nos offres et services, cliquez ici exclusivement.
En répondant directement à cette lettre d’information, votre message ne pourrait être traité.
Gérez votre abonnement > Vous désabonner >
Voyages-sncf.com – RCS Nanterre B 431 810 621 – S.A.S au capital de 10.672.000 € Licence d’agence de voyages n° LI 092 01 0002 Garantie financière : APS – R.C. : GAN – Récépissé CNIL n° 745549
L’Agence Voyages-sncf.com – RCS Nanterre B 439 202 078 – S.A.S. au capital de 3.000.000 € – Licence d’agence de voyages n° LI 092 02 0021 – Garantie financière : APS – R.C. : GAN – Récépissé CNIL n° 776624
Crédits photos : Photononstop, Getty Images 

Design : 5/5

Message : 4/5

Technique : 4,5/5

Note globale : 4,5/5

Au niveau du message, j’apprécie la mise en valeur humaine des voeux (toute l’équipe souhaite les voeux). De plus, il y a un vrai travail sur le graphisme avec une GIF animée assez sympathique qui donne de l’animation au coeur de l’iPhone : elle replace l’entreprise non seulement au coeur de la carte de France mais aussi au coeur du mobile avec le contour iPhone, donc dans l’actualité et le quotidien des français qui adoptent massivement le smartphone. J’en déduis que l’entreprise souhaite développer l’utilisation de ses applications nomades. On note aussi qu’il n’y a pas de produit directement proposé à la vente, et je trouve que c’est une bonne chose dans ce contexte. Enfin, sur la partie technique, ça ne se voit pas dans le billet, mais c’est l’email le mieux codé des 3 et de loin.

Globalement et en conclusion, j’aurais souhaité voir un peu plus de personnalisation dans ces messages, mais je conçois bien que le 31 Décembre n’est pas un jour idéal pour envoyer un emailing du point de vue interne à l’entreprise (difficulté à mobiliser les ressources pendant la période de fêtes). Et vous, que pensez-vous de ces messages ?

New Year Email Message: An opportunity to communicate with your most loyal clients

Hello,

While working on some recent projects, I thought about ways to demonstrate my email marketing skills to the community.

I came to one conclusion: Building a free and quality email template would draw attention to me, as well as demonstrating my emarketing skills. Hence, I’ll make a tweet with all sources as soon as it’s boilt up. Customization would require a little more bucks with my agency.

Wishing you all nice holidays and spare time, before the new year comes with exciting projects.

Short Ad: Need a CDN for WordPress? Check out MaxCDN