{"id":646,"date":"2010-10-19T23:05:58","date_gmt":"2010-10-19T21:05:58","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=646"},"modified":"2015-01-18T17:26:23","modified_gmt":"2015-01-18T16:26:23","slug":"jquery-pour-mobile","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/jquery-pour-mobile","title":{"rendered":"jQuery pour Mobile"},"content":{"rendered":"<p>jQuery est le framework Javascript par excellence. C&rsquo;est un avis qui n&rsquo;est absolument pas objectif mais je suis persuad\u00e9 que beaucoup de personnes seront d&rsquo;accord avec moi. Beaucoup de choses le d\u00e9marquent de ses confr\u00e8res frameworks (mootools, <abbr title=\"Yahoo User Interface\">yui<\/abbr>, etc.) comme : une documentation compl\u00e8te, une<!--more--> communaut\u00e9 active, une (hyper) compatibilit\u00e9 entre les navigateurs, entre autres choses.<\/p>\n<p>Depuis peu de temps un petit plus est venu s&rsquo;ajouter \u00e0 cette belle collection de distinctions :<br \/>\nLe <a href=\"http:\/\/jquerymobile.com\/\" title=\"D\u00e9couvre le framework jQuery Mobile pour... mobile, forc\u00e9ment (nouvelle fen\u00eatre)\" target=\"_blank\">framework jQueryMobile<\/a>.<\/p>\n<h2>Le contenu<\/h2>\n<p>Plusieurs composants sont d\u00e9j\u00e0 disponibles sur cette <strong>version alpha<\/strong> :<\/p>\n<ul>\n<li>th\u00e8mes et layout,<\/li>\n<li>headers\/footers (fixes et persistants),<\/li>\n<li>contr\u00f4les de formulaires,<\/li>\n<li>bo\u00eetes de dialogue,<\/li>\n<li>listes,<\/li>\n<li>\u00e9v\u00e9nements,<\/li>\n<li>transitions<\/li>\n<\/ul>\n<h2>La compatibilit\u00e9<\/h2>\n<p>Comme aux habitudes de jQuery, ce framework pour mobile est compatible avec tous les syst\u00e8mes d&rsquo;exploitation r\u00e9cents \u00ab\u00a0mobiles\u00a0\u00bb.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/navigateur-mobile-600x104.jpg\" alt=\"Liste des logos de syst\u00e8mes d&#039;exploitation mobile\" title=\"OS Mobile\" width=\"450\" height=\"78\" class=\"aligncenter size-large wp-image-650\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/navigateur-mobile-600x104.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/navigateur-mobile-300x52.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/navigateur-mobile.jpg 737w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>Bas\u00e9 sur le principe de <em lang=\"en\">graceful degradation<\/em> (d\u00e9gradation gracieuse), la non prise en charge de tron\u00e7ons HTML5\/CSS3 par les navigateurs offrirait un contenu tout de m\u00eame convenable pour une utilisation et une lecture des r\u00e9alisations bas\u00e9es sur ce framework.<\/p>\n<h2>Quelques donn\u00e9es<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/jquery-mobile-demo.jpg\" alt=\"Un aper\u00e7u visuel de jQueryMobile\" title=\"jQuery Mobile D\u00e9monstration\" width=\"220\" height=\"307\" class=\"alignright size-full wp-image-657\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/jquery-mobile-demo.jpg 220w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/jquery-mobile-demo-214x300.jpg 214w\" sizes=\"(max-width: 220px) 100vw, 220px\" \/>Ce \u00ab\u00a0module\u00a0\u00bb est encore en version alpha, il sera donc sujet \u00e0 des modifications lors de son passage en version beta, RC, et finale pour une sortie pr\u00e9vue \u00e0 une date encore ind\u00e9termin\u00e9e (\u00e0 ma connaissance).<\/p>\n<p>Le poids des fichiers reste plut\u00f4t correct :<\/p>\n<ul>\n<li>86<abbr title=\"kilo-octets\">ko<\/abbr> pour la version de d\u00e9veloppement du fichier .js<\/li>\n<li>12ko pour la version minifi\u00e9e et gzipp\u00e9e de ce fichier .js (<a href=\"https:\/\/www.creativejuiz.fr\/blog\/les-tutoriels\/optimiser-le-chargement-de-vos-pages-avec-la-compression-gzip\">en savoir plus sur la compression gzip<\/a>)<\/li>\n<li>45ko pour la version de d\u00e9veloppement du fichier .css<\/li>\n<li>6ko pour la version minifi\u00e9e et gzipp\u00e9e de ce m\u00eame fichier .css<\/li>\n<\/ul>\n<h2>Et sinon&#8230;<\/h2>\n<p>Euh&#8230; vous n&rsquo;avez pas vu un dr\u00f4le de truc en bas de page d&rsquo;accueil du site officiel ?<br \/>\nLe logo Adobe m&rsquo;a tout de suite fait penser \u00e0 Flash&#8230;<\/p>\n<p><em class=\"sources\">Sources et liens utiles :<br \/>\n&#8211; <a href=\"http:\/\/jquerymobile.com\/\" title=\"D\u00e9couvre le framework jQuery Mobile pour... mobile, forc\u00e9ment (nouvelle fen\u00eatre)\" target=\"_blank\">framework jQueryMobile<\/a><br \/>\n&#8211; <a href=\"https:\/\/www.creativejuiz.fr\/blog\/les-tutoriels\/optimiser-le-chargement-de-vos-pages-avec-la-compression-gzip\">La compression gzip<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery est le framework Javascript par excellence. C&rsquo;est un avis qui n&rsquo;est absolument pas objectif mais je suis persuad\u00e9 que beaucoup de personnes seront d&rsquo;accord avec moi. Beaucoup de choses le d\u00e9marquent de ses confr\u00e8res frameworks (mootools, yui, etc.) comme : une documentation compl\u00e8te, une<\/p>\n","protected":false},"author":4,"featured_media":654,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[610,12],"tags":[222,223,194,221,52,220],"coauthors":[597],"class_list":["post-646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-veille-technologique","tag-android","tag-compatibilite","tag-flash","tag-ios","tag-jquery","tag-mobile"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/654"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=646"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}