Vous pensiez avoir fait le tour des tutoriels pour réaliser des menus avec onglets en CSS ? Moi aussi, mais c’était sans compter les facéties googliennes : je cherchais tranquillement des ressources sur le poids des sélecteurs css pour ajouter une information ou deux à mon billet sur les Reset CSS quand un résultat au titre alléchant a retenu mon attention : Voulez-vous en savoir plus ?
tag » Onglets
Menu HTML et CSS, sliding doors et item current en PHP
Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP. Voulez-vous en savoir plus ?
26 commentaires » | Publié dans Intégration web, Javascript & PHP
Menu à onglets avec javascript et css
Les menus à onglets sont à la mode depuis déjà quelques temps. Et c’est temps mieux car ils sont bien pratiques. Ils permettent de résoudre un des problème fondamentaux des interfaces utilisateurs : présenter plus d’informations sur une page, tout en permettant d’y accéder facilement. Ou tout au moins sans transformer votre site en usine à gaz dont le parfum ferait fuir vos visiteurs ;) Voulez-vous en savoir plus ?
33 commentaires » | Publié dans Javascript & PHP
Trucs et astuces Javascript
Ce billet regroupe quelques fonctions simples et utiles en Javascript ou en PHP. Comme pour la boite à outils CSS, celle-ci est destinée à s’enrichir régulièrement.
- slideToggle() et hover() avec jQuery 1.1.2
- Mettre en évidence le lien de la page en cours avec currentPage()
- Permuter une classe CSS avec une autre avec toogleClass()
- Ouvre et centre un popup en une seule opération depuis la page appellante avec popup()
- Permutez deux classes sur un événement avec multiClass()
- footer calé en bas de page avec getWindowHeight() et setFooter()
- Envoyer un formulaire avec la touche Entrée (Quand le bouton n’est pas de type submit)
Les commentaires sont actuellement fermés | Publié dans Javascript & PHP
Trucs et astuces CSS
Cette page regroupe des trucs & astuces CSS que j’ajoute régulièrement : bookmarkez, blogmarker, favorisez, bref faites tourner… Si vous cherchez plutôt des exemples de design CSS plus complets, les billets présents dans cette page consacrée au design web avec CSS devrait vous intéresser ;)
Si vous avez vous aussi quelques astuces CSS à partager, n’hésitez pas à le faire dans les commentaires.
Voulez-vous en savoir plus ?
5 commentaires » | Publié dans HTML & CSS