Documentation

jQuery Source Viewer — Plongez dans le code source de jQuery !

jQuery Source Viewer permet de naviguer à l’intérieur du code source de jQuery. Choisissez une fonction, puis laissez-vous entrainer en cliquant sur les différentes méthodes qui apparaissent au fil du code. Très pratique pour savoir ce qu’il y a sous le capot de jQuery car la lecture du code source n’est pas une partie de plaisir et au bout de quelques lignes, Proust se fait presque regretter (presque).

Cacahouette sur la banane, les versions 1.4, 1.3.2 et 1.2.6 de jQuery sont incluses dans jQuery Source Viewer.

HTML & CSS

CleverCSS — Mettez un Python dans vos CSS

CleverCSS est une manière de produire des CSS inspirée par le langage de programmation Python : les accolades sont remplacées par l’indentation des différentes règles CSS et les déclarations sont introduites par le signe deux-points. Jusque-là, rien de bien fou, mais CleverCSS ne s’arrête pas à l’économie de quelques signes et propose de nombreuses améliorations à CSS  : de l’optimisation de la syntaxe à l’utilisation des constantes en passant par le calcul sur les valeurs, y compris les couleurs. →

Frameworks Javascript

Créez votre framework Javascript

Les frameworks Javascript sont aussi répandus que les critiques qui les accompagnent : trop lourds, pas assez rapides, des bugs, des mises à jour trop espacées ou trop rapprochées, etc. S’il vous est déjà arrivé de tenir tout ou partie de ses propos vous êtes peut-être mûrs pour mettre en place votre propre framework Javascript, suivant en cela l’adage selon lequel on n’est jamais si bien servi que par soi-même ! →

Design & Graphisme

Le principe de proximité dans le webdesign

Le « principe de proximité » est un concept issu de la Psychologie de la forme (Gestalt) qui énonce que le cerveau a tendance à regrouper des éléments qui sont placés à proximité pour former un ensemble cohérent. Des éléments placés côte à côte sont perçues comme des éléments ayant un rapport entre eux. Ils forment dans notre esprit des sous-ensembles qui vont alors fonctionner comme un tout. Pour appliquer ce principe de proximité dans le cadre de la conception d’un site web, on rassemblera les éléments qui partagent un destin sémantique commun au sein d’un ensemble visuellement identifiable. →

Plugin jQuery

jqTransform — Stylez vos formulaires avec jQuery et CSS

jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio et les menus select sont eux aussi légèrement stylés.

Conception de site web

Il y a de la vie en dessous de 600px

Dans un contexte de webdesign, le fold fait référence à la partie supérieure de la page web qui apparait sans que l’on fasse défiler la page vers le bas. C’est une valeur relative à la taille de l’écran que l’on fixe généralement à 600 pixels en prenant la résolution d’écran `1024 x 768` comme taille standard (on retranche les pixels occupés par la barre d’outil du navigateur). Avec l’arrivée massive des NetBooks, j’ai même tendance à placer le fold à 500 pixels. Or, si le fold est une réalité, il ne faut pas hésiter à placer du contenu important sous cette barre des 600px. L’essentiel est que le visiteur ait trouvé des informations au-dessus qui l’encouragent à continuer sa lecture. Comme vous n’êtes pas obligé de me croire sur parole, je vous laisse avec Paddy Donnelly et sa très belle page Life below 600px : →

E-commerce

HTML5 — Une orientation encore trop « littéraire » et pas assez « web »

Dans HTML5, il manque quand même la balise `panier` pour aller avec `article`. Ce début de réflexion que je partageais sur Twitter m’est venu en lisant les tables de la loi spécifications de HTML5, notamment la partie semantics. Là, j’ai eu comme une révélation : Les balises HTML et surtout HTML5 sont orientées vers les contenus littéraires (`dialog`), le monde de la presse (`article`) et les publications à caractère scientifique (`section`). →