Le Lorem Ipsum est un faux texte dont le contenu n’a aucun sens. Ce faux-texte permet de remplir des pages en simulant une occupation normale de vos pages Internet.
Par exemple : “Ausos veloci sed impetu vel dum gurgitis arborum facillime scientissime ausos Siden legiones angusti arcebantur semet scientissime Siden scutorum aliquos.”
Lorem Ipsum emprunte au latin, toutefois les textes n’ont absolument aucun sens. Les avantages qui poussent à utiliser un générateur de Lorem Ipsum sont :
- Pas besoin d’attendre le texte définitif
- Calibrage des pages Internet
- Travail du design et de la mise en page
Il existe des quantités de versions différentes du Lorem Ipsum. Ce texte aurait originellement été tiré de l’ouvrage de Cicéron, De Finibus Bonorum et Malorum (Liber Primus, 32), texte populaire à cette époque, dont l’une des premières phrases est : « Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit… » (« Il n’existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu’elle est… »).
Sites internet
Pour en apprendre plus : http://fr.lipsum.com/
Générateurs Online :
Extensions
- Dreamweaver extension
- Firefox plugin
- QuarkXPress :une Xtension baptisée « Jabber »
- OpenOffice : extension Lorem ipsum generator
- Adobe InDesign en contient un en natif
- Word : saisir l’expression =rand()
Share
Avec Listnav, vous pouvez créer une barre de navigation alphabétique basée avec n’importe quelle liste ordonnée (tag UL) ou non (tag OL).
Listnav propose quelques caractéristiques sympas. Par exemple quand vous “survolez” une lettre avec la souris, il vous montrera le nombre d’articles associé à cette lettre. Laissez ou non apparaître les lettres sans articles, mettez une lettre différente que “A” ou “TOUT” pendant le premier chargement de la page etc. Vous pourrez très aisément personnaliser l’apparance de Listnav grâce à son fichier CSS dédié.
Ce script est non-intrusif, compatible avec les derniers navigateurs (IE6 +, FF 2+ et Safari) et exige jQuery 1.2 +, (le code utilise la fonction .slice()) et le plugin jQuery dimensions OU jquery 1.2.6 (qui inclus le plugin dimensions).
Site Internet : Listnav
Licence : MIT et GPL
Share
Nicolas Perriault, sur son site Prendre Un Café, vous propose une petite ressource tout simplement géniale qu’il présente ainsi : “jqPlanize permet de générer automatiquement une table des matières extraite de la hiérarchie induite de la séquence des titres d’un document HTML”…
Autrement dit, utilisez les balises H1, H2, H3 etc… et laissez jqPlanize générer une table de matière qui pourra “s’incruster” dans votre page HTML et même apparaitre en avant plan de votre page web à la manière d’une fenêtre lightbox.
La documentation (in English) est complète et bien faite (avec quelques exemples live).
Toutefois, Nicolas nous avertit que ce code évoluera car il constate quelques “problèmes” sous Opéra 9, et de mon coté, j’ai testé ce code sous IE7 et il ne semble pas fonctionner non plus… Mais, et c’est la raison pour laquelle j’ai retenu cette ressource, Nicolas nous promet des updates à venir…
Site Internet : jqPlanize
Blog : Prendre Un Café
Licence : MIT
Share
Le script Virtual Keyboard permet l’affichage d’un clavier vituel dans vos pages Internet. Cela peut s’avérer très utile dans des applications à haut niveau de sécurité comme les applications bancaires en ligne.
En effet, les champs utilisant Virtual Keyboard ne peuvent être remplis qu’avec la souris. De plus, le français est parfaitement supporté par ce script et il est possible de saisir les caractères accentués.
Pour implémenter Virtual Keyboard, vous n’aurez simplement qu’à ajouter le fichier keyboard.js, keyboard.css et définir le charset à “UTF-8″. Il ne restera plus qu’à ajouter la classe class=”keyboardInput” sur le champs du formulaire.
Simple et efficace…
Site Internet : Virtual Keyboard
Licence : BSD
Share
CSS Text Wrapper permet d’afficher vos textes en sortant du simple cadre du rectangle. Il permet facilement de rédiger vos textes en rond, carre, trapèze ou toutes autres formes tarabiscotées.
Toutefois, l’interface de création est assez spartiate et un peu de patience sera nécessaire pour arriver à vos fins. J’aurais apprécié une grille et des formes prêtes à l’emploi qui ne restent qu’à appliquer…
Le processus suit ces 4 règles :
- Placez un point sur les lignes noires à la droite et la gauche du texte
- Déplacez ces points pour faire la mise en page
- Gênerez le code
- Copiez/collez le code dans votre page
La preuve par l’exemple :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor. Nunc gravida, nisl ac tempor rutrum, risus odio pharetra eros, eu feugiat diam nisi sit amet sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam quis neque at odio laoreet
Site Internet : CSS Text Wrapper
Licence : Gratuit
Share
Wildgrounds
