smartphone

Création d’une application Android / Webapp : Utiliser Phonegap Cordova avec Android Studio

Tags: android, android studio, apache, APK, application, AVD, coding, compilation, cordova, css, développeur, émulateur, google, gradle, html, IOS, JAVA, javascript, jdk, node.js, phonegap, play store, smartphone, store, web-app, webapp

Développeur, ou plutôt créateur dans l’âme, j’ai bien tenté de créer une application Android par le passé, mais j’étais confronté à un problème classique, le standard de programmation qui est en JAVA pur, et ce n’est clairement pas un langage que je maîtrise …

J’ai tout de même tenté en installation Eclipse, l’outil de développement JAVA, et j’ai fait quelques pas avec, jusqu’à réussir en partie mon application, mais c’était très laborieux, et ma marge de manœuvre pour améliorer cette application était très restreinte …

J’ai donc laissé ce projet de coté quelques temps, avant de retomber dans l’envie de refaire cette application, et surtout en trouvant le moyen de coder l’ensemble dans des langages que je maîtrise bien plus, à savoir le HTML, le CSS, et le Javascript !

Et oui, pendant longtemps j’ai compris qu’il était impossible de créer une application Android, ou IOS, sans passer par des languages natifs, ou simplement du JAVA pur … les recherches google ne me donnait que peu de possibilité … jusqu’au jour où j’ai compris que l’on peut tout à fait le faire avec des langages web 😀

Le concept est alors un peu différent, et pas aussi optimisé que le JAVA lui même, mais il suffit largement pour bien des cas d’applications !
Il s’agit en fait de développer une « Webapp », une application nativement pensée pour le web, mais qui sera encapsulé dans une « Webview » JAVA.

Enfin pour faire simple c’est comme si on développé un site web orienté mobile (en particulier pour les interactions et les formats d’écrans) mais que ce site web final est encapsulé dans une application JAVA ultra-basique, tout ceci grâce au projet OpenSource Phonegap Cordova !

Voilà maintenant que la possibilité est ouverte, voyons comment débuter dans la mise en place des outils nécessaire à la création d’une première application !

10 paliers .css pour conception site web webresponsive

by WolwX in Informatique, Webmastering

Tags: cms, css, internet, pc, Prestashop, résolution, responsive, smartphone, tablet, tablette, visite, webmaster, wordpress

Voilà donc un article utile dans la conception de site webresponsive, et qui me sert aussi de pense bête, pour la conception de mes prochains sites.

Le coté « webresponsive » est très important sur les sites internet actuels d’autant plus quand on sait que sur les 55.4 millions d’utilisateurs internet en France (pour une population totale de 66.1 millions), 1 visite internet sur 3 ce fait depuis un smartphone et 1 visite internet sur 10 depuis une tablette.

Pour ma part, je conçois 90% des sites web en webresponsive, et je vous propose de partager un petit fichier que j’ai compilé et que j’utilise régulièrement dans ce but.

A savoir que ce fichier est le résultat de mon expérience, il n’est donc pas parfait, mais je l’ai conçu sur la base de 10 paliers (du très vieux smartphone, au pc / écran très haute résolution, en passant par les tablettes entre autre), qui jusqu’à présent m’ont donnés satisfaction dans la conception de mes différents site internet, perso et clients.

Il s’agit d’un fichier css, à inclure dans le header d’un site web, ou alors en récupérant son contenu et en le copiant collant dans le css principal du site internet.

/* Responsive adaptation by WolwX.net -- DEBUT */
/* http://www.mydevice.io/devices/ -1- tres vieux smartphones (=&gt;2010) */
@media (min-width: 0px) and (max-width: 319px) {

}

/* http://www.mydevice.io/devices/ -2- vieux smartphones (=&gt;2012) */
@media (min-width: 320px) and (max-width: 320px) {

}

/* http://www.mydevice.io/devices/ -3- vieux smartphones (=&gt;2013) */
@media (min-width: 321px) and (max-width: 360px) {

}

/* http://www.mydevice.io/devices/ -4- common smartphones (&gt;=2014) */
@media (min-width: 361px) and (max-width: 479px) {

}

/* http://www.mydevice.io/devices/ -5- common phablets et tablets */
@media (min-width: 480px) and (max-width: 767px) {

}

/* http://www.mydevice.io/devices/ -6- tablets et vieux PC */
@media only screen 
and (min-width : 768px) and (max-width: 1023px){

}

/* http://www.mydevice.io/devices/ -7- tablets et vieux PC */
@media only screen 
and (min-width : 1024px) and (max-width: 1279px){

}

/* http://www.mydevice.io/devices/ -8- vieux PC */
@media only screen 
and (min-width : 1280px) and (max-width: 1599px){

}

/* http://www.mydevice.io/devices/ -9- PC actuels */
@media only screen 
and (min-width : 1600px) and (max-width: 1679px) {

}

/* http://www.mydevice.io/devices/ -10- pc high tech et plus */
@media only screen 
and (min-width : 1680px) {

}

/* Responsive adaptation by WolwX.net -- FIN */

/* Responsive adaptation by WolwX.net -- DEBUT */

/* http://www.mydevice.io/devices/ -1- tres vieux smartphones (=>2010) */

@media (min-width: 0px) and (max-width: 319px) {

}

/* http://www.mydevice.io/devices/ -2- vieux smartphones (=>2012) */

@media (min-width: 320px) and (max-width: 320px) {

}

/* http://www.mydevice.io/devices/ -3- vieux smartphones (=>2013) */

@media (min-width: 321px) and (max-width: 360px) {

}

/* http://www.mydevice.io/devices/ -4- common smartphones (>=2014) */

@media (min-width: 361px) and (max-width: 479px) {

}

/* http://www.mydevice.io/devices/ -5- common phablets et tablets */

@media (min-width: 480px) and (max-width: 767px) {

}

/* http://www.mydevice.io/devices/ -6- tablets et vieux PC */

@media only screen

and (min-width : 768px) and (max-width: 1023px){

}

/* http://www.mydevice.io/devices/ -7- tablets et vieux PC */

@media only screen

and (min-width : 1024px) and (max-width: 1279px){

}

/* http://www.mydevice.io/devices/ -8- vieux PC */

@media only screen

and (min-width : 1280px) and (max-width: 1599px){

}

/* http://www.mydevice.io/devices/ -9- PC actuels */

@media only screen

and (min-width : 1600px) and (max-width: 1679px) {

}

/* http://www.mydevice.io/devices/ -10- pc high tech et plus */

@media only screen

and (min-width : 1680px) {

}

/* Responsive adaptation by WolwX.net -- FIN */

Petit point important pour l’utilisation de ce fichier CSS, il vous suffit bien entendu de simplement rajouter votre code CSS classique dans l’intervalle de chaque palier, mais surtout, si vous ne souhaitez pas modifier le contenu de vos CSS WordPress / Prestashop ou autre thème CMS, tout en forçant le votre comme prioritaire, il vous faudra inclure « !important » en fin de ligne.

Exemple :

/* http://www.mydevice.io/devices/ -4- common smartphones (>=2014) */
@media (min-width: 361px) and (max-width: 479px) {
#header.logo {
max-width:"350px"!important;
}
}

/* http://www.mydevice.io/devices/ -4- common smartphones (>=2014) */

@media (min-width: 361px) and (max-width: 479px) {

#header.logo {

max-width:"350px"!important;

}

N’hésitez pas à me faire un retour si vous constatez des paliers bizarres ou non fonctionnels, ou encore si vous avez des suggestions 🙂

Chronique d’un régime non avoué – 10 kg perdu en 10 semaines, l’expérience d’un geek pour (essayer de) devenir un beau gosse

by WolwX in Culture Geek, Divers

Tags: 10 kg, balance, balance alimentaire, band, beau gosse, calorie, calories, chocolat, diet, footing, gadget, gadgets, geek, IMC, informatique, junkfood, kcalories, Kebab, KFC, kilomètre, kilomètres, kinder, km, larve, McDo, McDonald, McDonald's, Mi Band, MyFitnessPal, nerd, Nike, Nike plus, Nike Running, obésité, pèse personne, Pizza, Quick, régime, running, sexy, smartphone, surpoids, Xiaomi, Xiaomi Mi Band

MAJ 01/04/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 832806)

by WolwX in Hearthstone, Jeux Vidéos

Tags: 01/04/15, 6 pouces, 832802, 832805, 832806, android, Android 4.4.4, APK, Blizzard, com.blizzard.wtcg.hearthstone-832805, com.blizzard.wtcg.hearthstone-832806.apk, com.blizzard.wtcg.hearthstone.apk, DPI, gamer, Huawei Ascend Mate 7, KitKat, lollipop, main.832805.com.blizzard.wtcg.hearthstone.obb, main.832806.com.blizzard.wtcg.hearthstone.obb, obb, patch.832805.com.blizzard.wtcg.hearthstone.obb, patch.832806.com.blizzard.wtcg.hearthstone.obb, smartphone, tablette, téléchargement

MAJ 20/03/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 810805)

by WolwX in Hearthstone, Jeux Vidéos

Tags: 20/03/2015, 6 pouces, 810802, 810805, android, Android 4.4.4, APK, Blizzard, com.blizzard.wtcg.hearthstone-810805.apk, com.blizzard.wtcg.hearthstone.apk, DPI, gamer, Huawei Ascend Mate 7, KitKat, main.810805.com.blizzard.wtcg.hearthstone.obb, obb, patch.810805.com.blizzard.wtcg.hearthstone.obb, smartphone, tablette, téléchargement

La solution pour sauver la planète à la force de nos poignées grâce au WankBand !

by WolwX in Culture Geek

Tags: band, bracelet, connectant, connecté, écologie, hearthstone, marketing, masturbation, pornhub, smartphone, USB, wankband

La news est tombée tout récemment !

Attendu comme le prophète et pas seulement par les écologistes du monde entier, voici la solution pour sauver la planète des problèmes d’énergie 😀

La trouvaille à était officialisée ce 25/02/2015 et commence à faire grand bruit sur internet, tout particulièrement au sein de la communauté Geek.

Son slogan pourrait bien être, « c’est un petit coup de main pour l’homme, mais un grand coup de pouce pour l’humanité ».

Il s’agit d’un cousin des bracelets « connectés », celui ci étant un bracelet « connectant »…

Je vais donc vous parler ici du Messie Geek, le gogogadget ultime, j’ai nommé le WankBand !

MAJ 25/02/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 785405)

by WolwX in Hearthstone, Jeux Vidéos

Tags: 25/02/15, 6 pouces, 785402, 785405, android, Android 4.4.4, APK, Blizzard, DPI, Galaxy s4 Advence, gamer, Huawei Ascend Mate 7, KitKat, obb, smartphone, tablette, téléchargement

MAJ 29/01/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 770405)

by WolwX in Culture Geek, Hearthstone, Jeux Vidéos

Tags: 6 pouces, 770405, android, APK, Blizzard, DPI, Galaxy s4 Advence, gamer, Huawei Ascend Mate 7, obb, smartphone, tablette, téléchargement

Achat smartphone chinois, guide pour être bien préparé à l’aventure ! Tout ce qu’il faut savoir sur les douanes, taxes, et autre questions

by WolwX in Culture Geek, Divers

Tags: 234buy.com, 4G, AliExpress, Ascend Mate 7, asie, banggood.com, boutique, chiandroid, china post, chine, devise, DHL, douane, dual sims, ems, FedEx, garantie, geek, GrossoShop, HongKong Post, Huawei, JTGeek, lenteen, myefox.fr, Nubia Z7 mini, Onda, One, OnePlus, OnePlus One, Paypal, Pipo, Pipo M6, sciphone, smartphone, tablette, taxe, TVA, UPS, v989, Xiaomi, Xiaomi Mi 2, ZTE

Hearthstone sur tablette et smartphone Android, comment y jouer en France dès maintenant !

by WolwX in Hearthstone, Jeux Vidéos

Tags: android, APK, astuce, battle.net, france, Google Play, hearthstone, japon, phablette, russie, smartphone, soft ether, store, tablette, VPN

Création d’une application Android / Webapp : Utiliser Phonegap Cordova avec Android Studio

10 paliers .css pour conception site web webresponsive

Chronique d’un régime non avoué – 10 kg perdu en 10 semaines, l’expérience d’un geek pour (essayer de) devenir un beau gosse

MAJ 01/04/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 832806)

MAJ 20/03/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 810805)

La solution pour sauver la planète à la force de nos poignées grâce au WankBand !

MAJ 25/02/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 785405)

MAJ 29/01/15 Hearthstone compatible et fonctionnel sur smartphone android inférieur à 6 pouces (méthode ultra simple) (rev 770405)

Achat smartphone chinois, guide pour être bien préparé à l’aventure ! Tout ce qu’il faut savoir sur les douanes, taxes, et autre questions

Hearthstone sur tablette et smartphone Android, comment y jouer en France dès maintenant !

Rechercher

Derniers commentaires

Rechercher

Mots Clés

Derniers commentaires