PUBLIC MARKS from camel with tags jQuery & css

Today, I came across a great jQuery plugin that will preload your images. This file now has a permanent spot in my "resources" folder. The plugin essentially scans your CSS files and preloads all of the images within it.

I have been geekn’ out a lot lately reading some really great articles as well as learning some new techniques. There is a little bit of everything here and if you are a web developer it will come in handy. If you are not into jQuery skip this first section, as I have been really digging into what can be done in jQuery. If you like what you see check out my Delicious feed, as I am always running across great links.

Les graphistes aiment de plus en plus utiliser des fenêtre modales; elles fournissent en effet un moyen rapide et efficace pour montrer des informations sans recharger une page entière. C'est facile d'utiliser et de designer. Le gros problème auquel j'ai été confonté avec tous les plugins que j'ai essayés —utilisant Prototype/Scriptaculous ou jQuery— est la personnalisation. Tous disent que vous pouvez programmer ce que vous voulez très simplement mais ce n'est pas aussi simple. La CSS par défaut fonctionne bien mais dans la plupart des cas est un mélange entre les éléments obligatoires et optionnels. Ce qui implique que vous devez être très attentif quand vous l'éditez. L'autre problème concerne les animations. C'est le pire. Je n'ai jamais trouvé un plugin permettant de redéfénir simplement les animations. J'ai essayé de résoudre ces problèmes avec mon plugin. J'ai documenté le plus possible. La CSS par défaut ne contient que les options graphiques. Sans elle, le plugin marchera parfaitement —mais sera aussi très laid. Concernant les animations, vous pouvez simplement les redéfinir de A à Z. Grâce aux fonctions d'animation de jQuery comme animate, fadeTo ou le futur enchant, c'est très simple. De plus, j'ai aujouté la possibilité de définir beaucoup de callback à différents moments durant le processus pour vous permettre de modifier les paramètres, le contenu ou exécuter ce que vous voulez.

Je suis tombé il y a quelques temps sur un plug-in sympa pour jQuery qui permet de pré-charger les images des fichiers CSS (via). C'est utile dans un certain nombre de cas pour le webdev moderne. Ca m'avait plu et je voulais l'utiliser mais je me suis rendu compte qu'il ne prenait pas en compte les fichiers importés via la règle @import. J'ai donc ré-écrit le script en améliorant 2 ou 3 petites choses : * Je fais gaffe de parser seulement les CSS de type @media screen * Je fais du récursif pour choper les éventuels styles @importés (façon W3C et IE) * Je stock les règles dans un tableau pour éviter d'avoir une seule regex à appliquer sur une seule grosse chaîne, c'est plus performant

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

know, it’s been a lot of articles lately about CSS buttons. But I simply felt the need to write about something that has not yet been covered in the latest button-trend: Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability. With full scalability I mean it should resize in all directions according to the font size and content.

Pour répondre à la demande d'un collègue graphiste, j'ai developpé un equivalent au script mootools suivant (source PhatFusion) mais basé sur la librairie jQuery. le résultat me semblant réussi (bien qu'il soit surement possible d'optimiser le code de nombreuse manière) je vous le propose. Voir la démonstration Je tiens à signaler que ce script n'est pas obstrusif et que la désactivation du javascript et ou du css ne gène en rien la consultation et l'utilisation du menu

Accessibility and Usability improved Suckerfish Drop Down / Flyout- / DHTML-Menu - pfirsich-melba