Restez connectés !

Voici la démo pour voir un multi-menu déroulant, en utilisant border-radius, box-shadow, et text-shadow.

Il rend parfaitement sur Firefox, Safari et Chrome.

La liste déroulante fonctionne également sur la non-CSS3 compatible navigateurs tels que IE7 +, mais les coins arrondis et ombrés ne seront pas rendus.

Voir le tutoriel ici

Voir la démo ici

Ajouter à Facebook

Voici l’astuce pour le formatage des disques dur en ext3, utilisable ensuite sur Windows, Mac et Linux.
On combine tous les avantages sans les inconvénients des formats FAT32 ou NTFS.

La commande

mke2fs -t ext3 -I 128 -m 0 -L Disk /dev/sdb1

Explications :

-t ext3 : format linux ext3
-I 128 : pour les kernels linux >2.6.10, les inodes sont étendus à 256 bits au lieu de 128.
Pour avoir la possibilité de monter le disque avec Windows (voir Ext2 IFS), on force les inodes à 128 bits.
-m 0 : block réservé pour le super utilisateur (5% par défaut)
-L : donne un nom de label au disque

Télécharger Ext2 IFS

Ajouter à Facebook

Un menu horizontal, c’est bien… Un menu horizontal qui déroule, c’est mieux !… Oh enfin, mieux… Ça dépend des goûts et des besoins. Mais ça peut être utile.

Le menu sera fait sous forme d’une liste à puces que l’on va contraindre à devenir horizontale, mais ce sera, en plus, une liste à puces imbriquée qui va donc être démasquée par rollover.

Fonctionne avec :

* Firefox 3
* IE 7
* SeaMonkey
* Opéra 9
* Safari 3
* Camino 1.6
* Chrome

Attributs utilisés :

* background-color
* color
* display
* float
* height
* list-style-type
* padding
* position
* margin
* text-align, text-decoration
* width

Voir le tutoriel : http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Voir la démo : http://css.mammouthland.net/menu_horizontal_deroulant.html

Ajouter à Facebook

Nous allons apprendre par ce tutoriel excellent de Srinivas Tamada (www.9lessons.info) comment mettre en place un système de commentaires Ajax avec jQuery et PHP.

Dans les sources à télécharger de l’exemple, nous trouverons les tables de la base de données, le code Javascript qui va récupérer les variables saisies par l’utilisateur ainsi que les fichiers PHP nécessaires pour l’affichage.

A vous de jouer

La démo ici
Télécharger les sources ici

Ajouter à Facebook

L’affichage d’une galerie d’images avec des miniatures menant vers la taille réelle est une chose relativement commune sur le web.

Simple Image Viewer allie une simplicité confondante pour un maximum d’impact (le script se contente des effets slideUp and slideDown intégrés à jQuery).

Le marquage montré dans l’exemple n’est pas des plus sémantiques, mais la correspondance entre la miniature et la taille réelle s’effectue avec la mise en relation de l’attribut rel pour la miniature et l’id de la taille réelle, ce qui devrait autoriser un marquage plus sémantique à base de liste de définition ou de listes ul ou ol.

Démo et téléchargement sur cette page : http://jqueryglobe.com/article/simple-image-viewer

Ajouter à Facebook

Voici un tutorial jQuery permettant de créer des checkboxes HTML design et très originales.

Vous en avez mare des simples cases à cocher dans vos formulaires en guise de checkbox ?

Aaron Weyenberg propose un tutorial pour reproduire des checkbox différentes grâce à du Javascript.

Article complet sur : http://www.lafermeduweb.net/

Ajouter à Facebook