Web 2.0 Developer
Article tagué CSS
jQuery 1.3
18/02/09
Longtemps accro au Framework Prototype, j’ai gentillement migré vers jQuery que je trouve d’une part plus simple de prise en main, plus rapide et surtout qu’il dispose d’une communauté très active et propose beaucoup de plug-ins divers et variés.
Récemment passé en version 1.3, voici une traduction de l’annonce officielle: Les grandes fonctionnalités de cette version sont :
- sizzle : un moteur de sélection basé sur les CSS, tout chaud sorti du four ;
- live event (évènements en direct) : de la délégation d’évènements (event delegation) avec un zeste de jQuery ;
- révision des évènements jQuery : la gestion des évènements a été complètement La suite >
Cours de CSS en images
13/02/09
CSS: donner du style à une gallerie d’images
27/11/08
Voici une petite astuce pour décorer vos galleries d’images sans modifier les images sources. L’astuce est très simple. Tout ce qu’il vous faut est une balise <span> et d’y appliquer une image de fond pour créé un effet de superposition pour ainsi arrondir les angles, ajouté du texte par-dessus l’image, décoré, etc…
Un aperçu des possibilités:
Tout est très bien expliqué (en anglais) sur WebDesignerWall: http://www.webdesignerwall.com/tutorials/css-decorative-gallery/
Compilations de Cheat Sheets
24/05/08
Je voulais recensé toutes les Cheat Sheets que j’avais vu passé, mais l’ami Google m’a trouvé un autre blog qui le faisais déjà et c’est même très complet et classé par catégories:
Très pratique ! Perso j’ai la cheat sheet de Prototype sur mon bureau
CoverFlow avec Protoype JS
23/05/08
ProtoFlow c’est quoi ? ProtoFlow est un effet coverflow écrit en Javascript. Il utilise les libraires Prototype et Scriptaculous pour l’essentiel du travail et Reflection.js pour les effets de réflections d’image. Pourquoi ? Et bien principalement parce que cet effet est devenu à la mode avec Apple qui l’implémente un peu partout (iTunes, puis iPod, iPhone,…) puis repris par beaucoup de développeurs. Il existe plusieurs « Cover-flow like » en javascript, mais ProtoFlow est le seul que j’ai trouvé utilisant Prototype. Comment ? C’est très simple: Ajouter Prototype, Scriptaculous et Reflection.js à votre page Ajouter ProtoFlow.js et ProtoFlow.css à votre page Ajouter le Markup et La suite >
Clônes de Lightbox
23/05/08
Lightbox c’est quoi ? C’est à la base un script javascript couplé à du CSS qui permet de zoomer sur des photos en les superposants au site que l’on visite. Sur ce principe là, une multitude de clônes ont vu le jour, utilisant les frameworks Prototype, MooTools, jQuery ou autres, avec toujours plus de fonctionnaliés. Ça commençait à devenir très compliqué de s’y retrouvé parmis toutes ces versions mais heureusement ce site est apparu:
Il compare en effet tous les clônes de Lightbox et permet de filtrer ses résultats suivant les fonctions que l’on veux, à bookmarker !
