• Blog
  • Portfolio
  • A propos de moi
  • Créations Websites
  • Blog
  • Portfolio
  • A propos de moi
  • Créations Websites
Mot clef :

smartphone

Parcourir:
  • Accueil
  • smartphone

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

Par WolwX dans la catégorie Développement, Informatique
Mots clef : 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 !

Mehr lesen»

10 paliers .css pour conception site web webresponsive

Par WolwX dans la catégorie Informatique, Webmastering
Mots clef : 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.

webresponsive

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 (=>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;
}
}

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

Par WolwX dans la catégorie Culture Geek, Divers
Mots clef : 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

Mehr lesen»

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

Par WolwX dans la catégorie Hearthstone, Jeux Vidéos
Mots clef : 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

Mehr lesen»

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

Par WolwX dans la catégorie Hearthstone, Jeux Vidéos
Mots clef : 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

Mehr lesen»

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

Par WolwX dans la catégorie Culture Geek
Mots clef : 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 !

wankband-02_story

Mehr lesen»

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

Par WolwX dans la catégorie Hearthstone, Jeux Vidéos
Mots clef : 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

Mehr lesen»

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

Par WolwX dans la catégorie Culture Geek, Hearthstone, Jeux Vidéos
Mots clef : 6 pouces, 770405, android, APK, Blizzard, DPI, Galaxy s4 Advence, gamer, Huawei Ascend Mate 7, obb, smartphone, tablette, téléchargement

Mehr lesen»

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

Par WolwX dans la catégorie Culture Geek, Divers
Mots clef : 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

Mehr lesen»

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

Par WolwX dans la catégorie Hearthstone, Jeux Vidéos
Mots clef : android, APK, astuce, battle.net, france, Google Play, hearthstone, japon, phablette, russie, smartphone, soft ether, store, tablette, VPN

Mehr lesen»

Rechercher

Mots Clés

6 pouces administration système android Android 4.4.4 APK application astuce bash Blizzard bug counter strike source css debian DPI dédié facebook fps gamer geek Huawei Ascend Mate 7 jeux vidéo linux mail maj mumble mutualisé mx obb ovh script server serveur serveur dédié serveur mail smartphone spam ssh sécurité tablette téléchargement virus WolwX.net wordpress zcs zimbra

Derniers commentaires

  • Zimbra ZCS – Installer un certificat SSL gratuit Letsencrypt sur la webmail | WolwX.net dans Zimbra ZCS – personnalisation de la webmail
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Ridha dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • ALcapone dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Messoum dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Antoine dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Nestor dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Ronin dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
Linkedin Facebook Instagram
Twitter Youtube
Contact Mail
Plan du site (Sitemap) :
  • Blog Articles
  • Cookies
  • Portfolio Portfolio
  • Créations Websites Créations Websites
  • Mentions légales
  • A propos de moi A propos de moi
  • Me contacter
  • Politique de confidentialité

WolwX :: © 2009 - 2025 Tous droits réservés. +
Propulsé par Wordpress :: Designed (OneTouch v2 custom) :: Hosted, Configured & Powered by n1-Web.fr
Optimisé en HD pour une résolution égale ou supérieur à 1280x1024 pixels
Compatible Smartphones et Tablets, Responsive Webresponsive 10 paliers.
Navigateurs recommandés Google Chrome Firefox

Avertissement : Toute reproduction, représentation, traduction, adaptation, ou citation qu'elle soit intégrale ou partielle, quelqu'en soit le procédé, est strictement interdite sans autorisation, sauf cas prévus par l'article L.112-5 du code de la propriété intellectuelle.
Les marques citées sont la propriété de leurs détenteurs respectif.

 

Chargement des commentaires…