Javascript & PHP

Nanotabs — un idTabs minimaliste sans jQuery

Sean Catchpole, le créateur du plugin idTabs pour jQuery nous propose nanotabs un nouveau script minimaliste pour gérer des menus à onglets (mais pas seulement).

*Nanotabs* peut faire tout ce que faisait *idTab*s avec même quelques options supplémentaires, le tout sans utiliser le *framework jQuery* !

Javascript & PHP

jQuery — Toutes les femmes sont folles | de Q | 10 +

Il suffit parfois d’une coupure de fin de phrase malheureuse pour que le sens global nous échappe ou qu’un double sens politiquement incorrecte voit le jour… Par ailleurs, un mot seul sur sa ligne n’est pas très esthétique visuellement. Voici une fonction jQuery pour remettre les choses en place ^_^ →

HTML & CSS

Memento pour la syntaxe Markdown en usage dans les commentaires

Vous pouvez désormais utiliser la syntaxe Markdown dans la zone des commentaires. Cette syntaxe est très facile à utiliser et également très complète, mais tout n’est pas indispensables pour écrire un commentaire. Voici donc les éléments les plus utiles : →

HTML & CSS

Blueprint Generator : une grille CSS à vos mesures

Le framework CSS Blueprint propose une grille par défaut de 950 pixels de large, divisée en 24 colonne de 30 pixels chacune, séparée par une gouttière de 10 pixels. Contruire sa propre grille est assez fastidieux mais Blueprint Generator est là pour vous demander le nombre de colonne, leur largeur, la gouttière qui les sépare ainsi que la largeur totale que vous voulez.

Vous saurez ensuite combien de pixels vous manquent (ou de combien vous dépassez) pour arriver à la bonne largeur. Reste à jouer sur les différentes valeurs pour générer le code CSS qui remplacera les valeurs de grid.css inclus à l’origine dans Blueprint.

Cerise sur le gâteau, une version compressée est proposée, ainsi que l’image grid.png qui sert à afficher la grille de base pour le placement des colonnes lors de la phase de conception.

Intégration web

Zapper la maquette Photoshop et passer directement à l’intégration HTML/CSS ?

Depuis longtemps, je me dis qu’un jour je saurai faire la maquette complète d’un design web dans Photoshop. Pourtant, je lance Illustrator à chaque fois, et dès les principes graphiques en place, je lance mon éditeur web préféré (en ce moment, c’est Aptana Studio) pour commencer l’intégration tout de go ! Dans mon for intérieur, j’ai toujours trouvé que peaufiner une maquette dans les moindres détails dans Photoshop était souvent plus chronophage qu’efficace. On se focalise sur les détails graphiques (le bidule, un peu plus à droite, c’est possible ?) au lieu de privilégier la bonne distribution des informations dans l’espace. →

Intégration web

Avec AJAX Libraries API, c’est si simple de mettre à jour son jQuery !

Google n’arrête pas de caresser les développeurs et les intégrateurs dans le sens du poil. Après des services d’hébergement de code avec Google Code qui permet aux développeurs de gérer leurs développements, Google va plus loin avec Ajax Librairies API qui permet d’échapper à la corvée de l’installation et de la mise à jour des bibliothèques Javascript les plus connues (jQuery, prototype, scrip.aculo.us, MooTools et dojo). →