Kollermedia est un blog tenu par un jeune autrichien, Jürgen Koller. Je parlerai de son dernier script, Easy CSS Progress Bar… mais je vous invite à fouiller les pages de son site…
Easy CSS Progress Bar est un script qui permet l’affichage d’étapes… comme sur les sites de réservation… à l’étape 1, on renseigne villes et dates de départ et d’arrivée, à l’étape 2, on renseigne les coordonnées, etc.
Avec ce script, vous créez autant d’étapes que vous le souhaitez, il n’y a aucune limite. Seul l’ajout d’un fichier CSS est nécessaire.. tout le reste se passe coté code HTML… il faudra simplement gérer des listes à puces de type “ul” “/ul” les “sous tag” “li”, “/li”.
Comme souvent, on ne peut plus simple… et donc efficace !
Site Internet : Kollermedia
Licence : Gratuit
Le blog Web Development Blog de Michael Leigeber est une mine d’or… les scripts proposés sont de toutes petites tailles et proposent des fonctionnalités que l’on croyait uniquement possible avec les Framework (MooTools etc.)… d’autres articles seront à venir de ce blog…
Mais aujourd’hui, je focalise cet article autour de son script qui permet d’afficher un menu accordéon horizontal . L’auteur, Michael Leigeber, avait vu un menu semblable sur la page d’accueil du site mootools et il a reproduit cette fonctionnalité à travers un script aussi léger que possible. Mission accomplie, le script pèse 1 ko !
Le script s’adapte automatiquement au nombre d’éléments à insérer dans le menu accordéon et à la dimension du menu accordéon.
Pour insérer ce menu sur vos pages web, 3 opérations sont nécessaires :
- Ajouter le fichier slidemenu.js dans le “Head”, “/Head”
- Ajouter la ligne onload=”slideMenu.build(’sm’,200,10,10,1)” dans le “body”
- Ajouter un liste à puces avec “id=”sm” class=”sm”" dans le tag “ul”
Rien de bien complexe et la beauté de votre menu ne dépendra plus que de la qualité de vos images… Et l’auteur autorise l’utilisation de son script aussi bien dans projets personnels que professionnels.
Site Internet : Web Development Blog
Licence : Gratuit
Les menus de dock peuvent s’avérer très pratiques quand votre page Internet nécessite l’ajout d’options de navigation : ces menus dockables apparaissent en avant plan et juste quand ils sont sollicités.
Webber 2.0 Dock Menu est un petit JavaScript pour afficher un menu dockable. Il est simple à mettre en oeuvre et ne demande aucun framework pour fonctionner.
La logique de Webber 2.0 Dock Menu est très simple : un “div” vide détermine le secteur pour guetter le passage de la souris et se declanche avec la fonction “mouseover”. Le menu apparait alors en haut de votre page Internet
En deux mots : simple et fonctionnel.
Site Internet : Webber 2.0 Dock Menu
Licence : Gratuit
IzzyMenu est une application en ligne qui vous aidera à créer vos barres de menus CSS avec un look professionnel. Vous pouvez créer des menus simples ou avec sous menus déroulants, le tout sans écrire la moindre ligne de code.
Le code génèré est très “propre” et très facile à implémenter dans vos sites internet.
D’un point vue personnalisation, tout y est :
- Choix du gabarit dans une bibliothèque bien fournie
- Type et taille de police de caractères
- Les couleurs (police, arrière plan…)
- Les marges
- Les liens hypertextes
- Etc.
Une fois satisfait du résultat, il ne reste plus qu’à télécharger le menu et à l’intégrer dans vos pages internet. Cerise sur le gâteau, IzzyMenu est gratuit.
Site Internet : IzzyMenu
Licence : Gratuit
Woork est un blog animé par Antonio Lupetti, développeur PHP, Coldfusion et Ajax.
C’est une véritable mine d’or qui proposera des quantités de script de très belle facture et, en général, un tutorial expliquant de a à z la programmation de la fonction, du script etc.
Quelques exemples s’articulant autour du thème des Menu CSS
1) Simple menu CSS vertical à la Digg.
2) Barre de navigation à la Digg
3) Menu horizontal à la Flickr
Toutefois, Woork propose beaucoup plus et je vous invite à fouiller dans ses pages…
Site Internet : Woork
Licence : Gratuit
Planete Freewares
