{"id":1274,"date":"2011-06-09T22:21:13","date_gmt":"2011-06-09T20:21:13","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=1274"},"modified":"2015-01-18T16:28:13","modified_gmt":"2015-01-18T15:28:13","slug":"juiz-jquery-plugin-refonte-du-nouveau","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/juiz-jquery-plugin-refonte-du-nouveau","title":{"rendered":"CreativeJuiz : Juiz jQuery Plugin, de la refonte et du nouveau"},"content":{"rendered":"

Voil\u00e0 plus d’un an (d\u00e9j\u00e0 !) que je propose de modestes plugins<\/em> du framework<\/em> jQuery<\/a>. Initialement con\u00e7us pour permettre aux plus novices d’ins\u00e9rer ais\u00e9ment divers contenus et effets dans leurs pages web, ces plugins<\/em> avaient pas mal de d\u00e9fauts. Une refonte globale s’est impos\u00e9e !<\/p>\n

Qu’est-ce que quoi ?!<\/h2>\n

Les plugins<\/em> mis \u00e0 disposition sur l’ancienne version du site \u00e9taient simples (ils le sont toujours), et uniquement compos\u00e9s d’un fichier JS<\/abbr>, parfois de quelques images. Les styles \u00e9taient directement appliqu\u00e9s gr\u00e2ce \u00e0 la fonction css()<\/code><\/a> et un nombre incalculable de param\u00e8tres \u00e9taient modifiables par l’utilisateur lors de la mise en place du plugin<\/em>.<\/p>\n

Autant dire que la d\u00e9marche d’int\u00e9gration \u00e9tait simple, mais celle de personnalisation se rapprochait du parcours du combattant !
\nEt je ne parle pas des quelques soucis de compatibilit\u00e9 qui bloquaient clairement l’utilisation de certains d’entre eux.<\/p>\n

Ce qui change<\/h2>\n

Un nouveau site, un nouveau design<\/h3>\n

Le nouveau site de plugin<\/em> jQuery CreativeJuiz<\/a>, qui n’a pas r\u00e9ellement de nom, propose une nouvelle ergonomie et tente de pr\u00e9senter quelque chose de l\u00e9ger aussi bien au chargement des pages que visuellement.<\/p>\n

\"\"<\/p>\n

Malgr\u00e9 le peu d’images, il y a quelques subtilit\u00e9s qui, je l’esp\u00e8re, attireront votre attention.<\/p>\n

Structure et fonctionnalit\u00e9s<\/h3>\n

Sur chaque page de plugin<\/em>, des informations vous sont donn\u00e9es sur la version courante, l’historique de version, le poids du plugin<\/em>, sa compatibilit\u00e9 avec les diff\u00e9rents navigateur ou avec les versions de jQuery, ses bogues reconnus (le but \u00e9tant de les corriger rapidement) etc.
\nUne fonction de partage (AddThis<\/em>) a \u00e9t\u00e9 int\u00e9gr\u00e9e, mais celle-ci est temporaire. Si vous connaissez un syst\u00e8me plus accessible<\/strong> je suis preneur \ud83d\ude09<\/p>\n

Les nouveaut\u00e9s<\/h2>\n

Bilingue<\/h3>\n

\u00ab\u00a0Amazing!<\/em>\u00a0\u00bb Le site propose une version Anglaise<\/a>, qui est un doux m\u00e9lange de mes restes de cours de lyc\u00e9e et de la traduction automatique de quelques traducteurs connus. Aussi, si vous reconnaissez une grosse erreur de syntaxe, de sens ou d’orthographe, je suis preneur de correctifs ! Tout le monde n’est pas bilingue<\/a>…<\/p>\n

Mise \u00e0 jour des plugins<\/em> existants<\/h3>\n

\"\"Le menu d\u00e9roulant<\/a> n’\u00e9tait pas compatible IE (j’\u00e9tais un peu flemmard \u00e0 l’\u00e9poque), l’infobulle<\/a> posait des probl\u00e8mes de dimensions, tous n’avez que tr\u00e8s peu de possibilit\u00e9 de personnalisation offert par des param\u00e8tres des fonctions jQuery.<\/p>\n

Aujourd’hui tout ceci est corrig\u00e9 et tous les styles (sauf de rares exceptions) figurent sur une feuille de style s\u00e9par\u00e9e.
\nLe contenu de cette feuille peut bien entendu \u00eatre fusionn\u00e9 avec votre propre feuille de style pour des raisons de performance.<\/p>\n

Chaque plugin<\/em> est donc livr\u00e9 avec un fichier JS<\/abbr>, un fichier CSS<\/abbr> et un dossier d’images le cas \u00e9ch\u00e9ant.<\/p>\n

Le nouveau plugin<\/em><\/h3>\n

Oui je n’ai eu le temps d’en faire qu’un : Slicing Doors<\/a>.<\/p>\n

\"\"
Photos originales par Christine Viale<\/a><\/small><\/p>\n

Ce petit plugin<\/em> propose de pr\u00e9senter vos images, photos ou r\u00e9alisation sous la forme d’un bloc dont l’image sert de \u00ab\u00a0portes\u00a0\u00bb au contenu qui la d\u00e9crit.
\nPar d\u00e9faut celui-ci pr\u00e9sente une \u00ab\u00a0ouverture\u00a0\u00bb en quatre morceau, mais vous pouvez choisir parmi diff\u00e9rentes options pr\u00e9sent\u00e9es sur la page du plugin<\/em>.<\/p>\n

Si vous avez des id\u00e9es pour am\u00e9liorer cet outil, ou des probl\u00e8mes d’impl\u00e9mentation, n’h\u00e9sitez pas \u00e0 m’en faire part ici ou par via le formulaire de contact du site<\/a>.<\/p>\n

\u00c0 venir<\/h3>\n

Des choses comme de nouveaux plugins<\/em> et de nouveaux tutoriels sont \u00e0 venir, mais \u00e7a c’est d\u00e8s que j’aurais recouvr\u00e9 mes forces !<\/p>\n

Conclusion<\/h2>\n

J’ai encore la t\u00eate dans le guidon, je conclus plus tard, ou peut-\u00eatre pas, je ne sais pas.
\nEn tout cas la refonte \u00e9tait n\u00e9cessaire, j’esp\u00e8re qu’elle vous plaira \ud83d\ude09<\/p>\n

Enjoy!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Voil\u00e0 plus d’un an (d\u00e9j\u00e0 !) que je propose de modestes plugins du framework jQuery. Initialement con\u00e7us pour permettre aux plus novices d’ins\u00e9rer ais\u00e9ment divers contenus et effets dans leurs pages web, ces plugins avaient pas mal de d\u00e9fauts. Une refonte globale s’est impos\u00e9e !<\/p>\n","protected":false},"author":4,"featured_media":1277,"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,50],"tags":[125,52,51,241],"coauthors":[597],"class_list":["post-1274","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-ressources-telechargements","tag-javascript","tag-jquery","tag-plugin","tag-refonte"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/1274","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=1274"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/1274\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/1277"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=1274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=1274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=1274"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=1274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}