{"id":1116,"date":"2013-08-20T18:05:25","date_gmt":"2013-08-20T16:05:25","guid":{"rendered":"http:\/\/jcfrog.com\/blog\/?p=1116"},"modified":"2013-08-20T18:05:25","modified_gmt":"2013-08-20T16:05:25","slug":"jaingee-un-framework-open-source-pour-des-applis-web-html5-responsive-design","status":"publish","type":"post","link":"http:\/\/jcfrog.com\/blog\/jaingee-un-framework-open-source-pour-des-applis-web-html5-responsive-design\/","title":{"rendered":"#jaingee un framework open source pour des applis web HTML5 responsive design"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/Jaingee_Demo-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1118 aligncenter\" alt=\"Jaingee app demo\" src=\"http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/Jaingee_Demo-4.png\" width=\"299\" height=\"375\" srcset=\"http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/Jaingee_Demo-4.png 498w, http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/Jaingee_Demo-4-239x300.png 239w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/github.com\/mi-g\/jaingee\" target=\"_blank\">jaingee<\/a> (qu&rsquo;on peut prononcer djai-aine-dji) est une base d\u2019application web HTML5 open source pr\u00eate \u00e0 l\u2019emploi, configurable, orient\u00e9e responsive design.<\/p>\n<p>L\u2019id\u00e9e est d\u2019\u00e9viter de se cogner les \u00e9ternels probl\u00e8mes de layout, sidebars anim\u00e9es, retaillages de fontes &#8230;<\/p>\n<p><a href=\"https:\/\/github.com\/mi-g\/jaingee\" target=\"_blank\">jaingee<\/a> s\u2019appuie d\u2019abord sur <a href=\"http:\/\/angularjs.org\/\" target=\"_blank\">AngularJS<\/a> (d\u2019o\u00f9 le \u201cng\u201d), et bien s\u00fbr du <a href=\"http:\/\/jquery.com\/\" target=\"_blank\">jQuery<\/a>.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/angularjs.org\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1119 aligncenter\" alt=\"AngularJS-large\" src=\"http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/AngularJS-large.png\" width=\"383\" height=\"108\" srcset=\"http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/AngularJS-large.png 383w, http:\/\/jcfrog.com\/blog\/wp-content\/uploads\/2013\/08\/AngularJS-large-300x84.png 300w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>L\u2019architecture est pos\u00e9e, mais c\u2019est un nouveau n\u00e9. Il ne demande qu\u2019\u00e0 \u00eatre test\u00e9, am\u00e9lior\u00e9, et peaufin\u00e9 par des pros de la feuille de style.<\/p>\n<p>Nous avons surtout test\u00e9 sur du macOS et du Linux, du chrome et du Firefox, nous serions ravis d\u2019avoir des retours si tu essayes sur n\u2019importe quel autre device\/OS.<\/p>\n<p>Nous aurons tr\u00e8s bient\u00f4t quelques exemples concrets d\u2019utilisation mais pour l\u2019instant on voulait d\u00e9j\u00e0 sortir le b\u00e9b\u00e9 pour qu\u2019il m\u00fbrisse au plus vite et d\u00e9j\u00e0 voir si il peut en int\u00e9resser certains.<\/p>\n<p>Bref, on soumet \u00e0 ta sagacit\u00e9 cette initiative dont on esp\u00e8re qu\u2019elle sera utile.<\/p>\n<p>Je tiens a pr\u00e9ciser que pour l\u2019instant celui qui a chauff\u00e9 du neurone sur <a href=\"http:\/\/angularjs.org\/\" target=\"_blank\">AngularJS<\/a> est mon ami <a href=\"http:\/\/twitter.com\/_mig_\" target=\"_blank\">Michel<\/a>, je n\u2019en suis pas du tout encore \u00e0 sa ma\u00eetrise de cet \u00e9tonnant framework, mais je m\u2019y mets.<\/p>\n<p>L\u2019occasion pour moi aussi de me mettre enfin \u00e0 Github. Bah oui, je dois le confesser, \u00e0 mon \u00e2ge, je n\u2019avais encore jamais connu le plaisir du commit \u2026 \ud83d\ude42<\/p>\n<p>Pour l\u2019aspect Open Source, il s\u2019agit d\u2019une <a href=\"http:\/\/www.mozilla.org\/MPL\/2.0\/\" target=\"_blank\">licence Mozilla 2<\/a> (type MIT ou Apache), qui est une licence \u201cpermissive\u201d qu\u2019il a dit le Michel \ud83d\ude09<\/p>\n<p>J&rsquo;inclus ci dessous une appli d\u00e9mo r\u00e9alis\u00e9e avec <a href=\"https:\/\/github.com\/mi-g\/jaingee\" target=\"_blank\">jaingee<\/a> (+ un petit peu de <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\">bootstrap<\/a>) que je mets dans une petite iFrame format t\u00e9l\u00e9phone 480&#215;320, et que tu peux aussi voir <a href=\"http:\/\/mi-g.github.io\/jaingee\/demo\/index.html\" target=\"_blank\">en pleine page ici<\/a>\u00a0pour comparer.<\/p>\n<div style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"http:\/\/mi-g.github.io\/jaingee\/demo\/index.html\" height=\"320\" width=\"480\"><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>jaingee (qu&rsquo;on peut prononcer djai-aine-dji) est une base d\u2019application web HTML5 open source pr\u00eate \u00e0 l\u2019emploi, configurable, orient\u00e9e responsive design. L\u2019id\u00e9e est d\u2019\u00e9viter de se cogner les \u00e9ternels probl\u00e8mes de layout, sidebars anim\u00e9es, retaillages de fontes &#8230; jaingee s\u2019appuie d\u2019abord sur AngularJS (d\u2019o\u00f9 le \u201cng\u201d), et bien s\u00fbr du jQuery. L\u2019architecture est pos\u00e9e, mais c\u2019est [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[29],"tags":[186,185],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2MSpd-i0","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/posts\/1116"}],"collection":[{"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/comments?post=1116"}],"version-history":[{"count":3,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/posts\/1116\/revisions"}],"predecessor-version":[{"id":1121,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/posts\/1116\/revisions\/1121"}],"wp:attachment":[{"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/media?parent=1116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/categories?post=1116"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jcfrog.com\/blog\/wp-json\/wp\/v2\/tags?post=1116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}