nov

15

Posted by : oalessandri | On : 15 novembre 2009

Voici une lightbox facile à intégrer et qui permet d’insérer des flash ou autre page via Iframe

Elle comporte des thèmes différents : clair, foncé, avec sous ans coins arrondis.

Un petit défaut pas de traduction en français. Il faut juste changer les boutons.

image

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

oct

18

Posted by : oalessandri | On : 18 octobre 2009

Suite d’une liste de plugins en Jquery utiles pour vos sites

Attention certains des ces liens peuvent ne plus fonctionner

Menus

http://www.getintothis.com/pub/projects/rb_menu/

image

Type Ipod

http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/

http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/

http://www.filamentgroup.com/examples/menusHierarchical/index2.php

http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu/

image

http://p.sohei.org/jquery-plugins/clickmenu/

http://p.sohei.org/stuff/jquery/clickmenu/demo/demo.html

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

image

http://be.twixt.us/jquery/

image

http://jdsharp.us/jQuery/plugins/jdMenu/

image

http://users.tpg.com.au/j_birch/plugins/superfish

image

http://p.sohei.org/jquery-plugins/menu/

image

http://javascript-array.com/scripts/multi_level_drop_down_menu/?j

image

http://javascript-array.com/scripts/jquery_simple_drop_down_menu/

image

Menu Contextuel

http://www.trendskitchens.co.nz/jquery/contextmenu/

image

http://abeautifulsite.net/notebook/80

image

Popup

http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/

Menu over sorte de bulles

http://www.webdesignerwall.com/demo/jquery/

image

août

02

Posted by : oalessandri | On : 2 août 2009

Voici une liste de plugins JQUERY très utiles pour améliorer l’expérience utilisateur (l’ergonomie d’un site web).

On s’aperçoit qu’avec ce type de fonctionnalités le rapprochement en terme d’ergonomie et d’intuitivité d’un site web vers une application traditionnelle est très fort. Je dirais même qu’une interface logicielle peut être beaucoup moins ergonomique (je ne parlerais pas bien sûr de WPF qui est une évolution majeure dans le développement de logiciel, malheureusement loin d’être utilisé par grands nombres d’éditeurs de logiciels):

Boites de dialogue :

http://plugins.jquery.com/project/jmodal

Colonnes

http://www.codeasily.com/demo/few-column-list/few-column-list.html

Effets Fading

http://medienfreunde.com/lab/innerfade/

jquery.innerfade.zip (124kb)

image

Effets de transitons sur des images :

http://www.malsup.com/jquery/cycle/int2.html

Effets de Zooms

http://www.mind-projects.it/jqzoom_v10

http://www.mind-projects.it/projects/jqzoom/

image

Carrousels:

http://plugins.jquery.com/project/carousel3d

http://plugins.jquery.com/files/carousel3d_1.1_0.zip

http://www.webcssdesign.com/css/coins-arrondis-avec-jquery-css-et-une-seule-image/

Effets panoramiques

http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html?lang=fr

image

des blogs font l’inventaire de plugins Jquery :

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://www.webcssdesign.com/ajax/jquery-plugins-240-tutoriels-a-decouvrir/

http://www.webdesignerwall.com/demo/jquery/

juil

14

Posted by : oalessandri | On : 14 juillet 2009

De nombreuses librairies javascripts (jquery, extjs, scriptaculous,dojo,…) existent pour rendre plus intuitives vos interfaces web.

Mais une a plus particulièrement attirée mon attention : Jquery

Pourquoi choisir cette librairie ?
  1. - elle est très complète
  2. - la communauté est importante
  3. - les plugins importants
  4. - les bugs réparés rapidement
Qu’a t-elle de spéciale par rapport aux autres ?
  1. Son concept de base : utiliser la structure hiérarchique du document HTML (Le DOM)
  2. Le script ne parasite pas le code HTML : utilisation des attributs “id” et “class” des tags
  3. Elle supporte l’XmlHttpRequest (Ajax)
  4. Externalisation du script qui permet de gérer les événements
  5. Installation très facile par de simples liens (link) et l’étiquetage des tag Html via Id ou Class
  6. Légèreté de la librairie
Les principes de bases :
  1. Des actions sur les noeuds du DOM (choix d’éléments, boucle sur des éléments, événements : un langage dans le langage, …)
  2. Des effets et animations : fade, déplacement (sliding), de tremblement, de glissement, …
  3. Des widgets : drag and drop, accordéon, sliders, tri, barre de progression, datepicker, boite de dialogue, onglets, …

Beaucoup d’animations pour enrichir vos interfaces web et en améliorer l’expérience utilisateur.
On se rapproche de logiciels classiques avec peut-être encore plus d’esthétique et d’ergonomique.

Que peut-on faire avec Jquery ?
  1. des carrousels,
  2. des popup nouvelles génération (lightbox, thickbox, greybox)
  3. des menus de toutes sortes : verticaux, horizontaux, onglets, hierarchique, …
  4. des Glisser-Déplacer
  5. des menus déroulants plus ergonomiques
  6. des tooltips plus joli, plus paramétrables

sans rechargement des pages bien sûr!

voir le site www.jquery.com

et les sites en version française :

www.jquery-france.com

www.jquery.info

Un prochain article listera les différents plugins utiles : menus, boite de dialogue, lightbox, thickbox, greybox, drag and drop, …

Une autre libraire peut également faire des effets similaires mais je trouve qu’elle n’a pas tous ces avantages : c’est Library Ajax de l’ASP.NET. Fournie de nombreux exemples avec l’AjaxToolkit

fév

12

Posted by : oalessandri | On : 12 février 2008

QRCode veut dire Quick Response Code est un code barre en deux dimensions en opposition du code barre en une dimension que vous rencontrez sur tous les produits de consommation. Il a été créé par la société Denso Wave en 1994

About2Dcode-e

Source Denso Wave

180px-DatamatrixIl existe plusieurs sortes de code en 2D comme les Datamatrix que vous pouvez trouver sur certains documents comme les correspondances bancaires. Vous pouvez également le retrouver sur des pièces électroniques de petites tailles. des entreprises comme la NASA l’utilise. Source Wikipedia

Le FlashCode qui est une création française s’appuie sur le Datamatrix.  A l’heure actuel on entend beaucoup parlé du Flashcode mais n’étant pas libre de droit à l’inverse du QRCode je pense que ce dernier va prendre plus d’ampleur d’ici les prochaines années.

 

Quel est la particularité du QRCode?

  • Il possède une haute capacité d’encodage des données ce qui en fait la plus grande différences avec les codes 1D et le Datamatrix
    • Numérique : 7089 caractères maximum
    • Alphanumérique : 4296 caractères maximum
    • Binaire (8bits) : 2953 octets
    • Caractère Chinois ou japonais (Kanji) : 1817 caractères maximum
  • Il a besoin d’une très petite surface d’impression. Une autre version existe appelé Micro QR Code
  • Il a la capacité d’encoder des idéogrammes.
  • Il résiste à des rayures ou des trace sur sa surface grâce à de la redondance d’information. La redondance doit être choisi au départ via 4 niveaux (L,M,Q,H) allant de 7% à 30%

yogore

  • Il peut être lu à 360° grâce au positionnement de ses carrés que l’on retrouve sur tous les QRCode

zenhoukou

Ce code 2D est devenu un standard international et dans le domaine public donc pas de redevance.

Il faut un scanner qui sait lire les code comme certaines douchette et surtout les téléphones mobiles?

Pour des explications plus techniques je vous conseille de visiter ces 2 pages : http://www.denso-wave.com/qrcode/qrgene3-e.html et http://www.denso-wave.com/qrcode/qrgene4-e.html

 

qcode-olvanicom2Ce QRcode code notre site web professionnel : www.olvani.com

Partly powered by CleverPlugins.com