Archives des tags : Menu

Pas encore de description pour le tag Menu. Suggérez à l'administrateur du site de d'y remédier.

External Tabs — Menu à onglets accessibles depuis l’extérieur

Derrière ce titre un peu abscons se cache une astuce permettant d’accéder à un onglet et à une ancre spécifiques depuis une URL contenant les paramètres adéquats. L’idée est de pouvoir accéder au contenu des «tabs» sans être obligé de cliquer sur les onglets eux-mêmes. La proposition qui suit ne prétend pas être la meilleure dans le genre, mais elle a le mérite d’être fonctionnelle.  Voulez-vous en savoir plus ?

390 ressources Javascript & jQuery

Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les  liens pointent directement sur les sources d’origine.

Voulez-vous en savoir plus ?

100+ Polyfills et Fallbacks pour HTML5

Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. Par exemple, HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Les Polyfills permettent d’utiliser ces API d’une manière standard sans être obligé d’utiliser des contournements qui seront obsolètes à terme. Pour nous aider dans cette tâche, voici une collection de bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Modernizr  est un bon point de départ pour détecter ces fonctionnalités. Voulez-vous en savoir plus ?

Le Petit Journal du Web — 09/2011

Le dernier Petit journal du web paru sur CSS & Webdesign remonte à loin. Pour me faire pardonner, voici les meilleurs liens sur lesquels j’ai trébuché au mois de septembre. Au menu : thème WordPress pour démarrer vos projets de site web ; tutoriel interactif pour apprendre les bases de la programmation en général et Javascript en particulier ; coins arrondis propres pour vos images ; mise en place un Content Delivery Network (CDN) pour améliorer les performances de vos pages web ; tutoriel plein de poésie pour apprendre les CSS ; menu déroulant dédié aux smartphones iPhone, Android, etc. Voulez-vous en savoir plus ?

nanotabs — Menu à onglets Javascript ultra-léger

nanotabs — Cette version allégée du plugin jQuery idTabs est un script autonome (sans jQuery ou autre framework Javascript) qui permet de faire des menus à onglets à partir de simples listes pour le poids dérisoire de 2 KB, ce qui ne devrait pas gréver les performances d’affichage de votre site ou de votre blog.  Voulez-vous en savoir plus ?

jMenu — Navigation horizontale avec jQuery UI

jMenu est un système de menu horizontal en jQuery et jQuery UI qui autorise un nombre illimité de sous-menus. jMenu possède plus d’une douzaine d’options : largeur des sous-menus, position (top et left) du premier niveau par rapport au niveau supérieur, délai d’ouverture et de fermeture des sous-menus, type d’effets applicables à l’ouverture ou à la fermeture des niveaux, etc.  Voulez-vous en savoir plus ?

jqDock — Transformez une suite d’images en Dock Menu (MacOS X)

jqDock est un plugin jQuery qui permet de mettre en place un Dock Menu (set d’images qui s’agrandissent au passage de la souris) popularisé par l’interface de MaxOS X d’Apple. jqDock autorise les Docks horizontaux ou verticaux avec ou sans labels. Voir aussi CSS Dock Menu qui offre un effet similaire.

Créer une arborescence de fichier avec jQuery

Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :

  1. Transformer une liste HTML en arborescence dossiers/fichiers
  2. Ajouter un compteur de fichiers à chaque dossier
  3. Ouvrir et fermer les dossiers
  4. Ouvrir des dossiers par défaut dès l’ouverture
  5. Déplacer les dossiers et fichiers en drag and drop
  6. Supprimer un fichier de l’arbre
  7. Sérialiser le résultat
  8. Déclencher et utiliser des événements

WordPress — Menus «funky» avec wp_list_bookmarks()

WordPress est un CMS formidable, ce qui ne l’empêche pas d’avoir des lacunes. L’une d’elle concerne la possibilité de construire des menus composés de liens vers des pages ou des articles publiés sur le blog, ce qui est courant avec des CMS comme Drupal ou Joomla. En général, je me contente de créer mon menu en HTML et ça fonctionne très bien. Toutefois, cette solution n’est pas toujours très évidente à maintenir. Voici la solution que j’ai retenue pour la mise en place des liens pointant vers les articles que je souhaitais mettre en avant sur ce blog. Voulez-vous en savoir plus ?