Archives pour ‘ Texte

Lorem Ipsum, faux texte pour calibrer vos pages 08 December 2008 à 1:26 am par myrmex 285 fois

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()

> Listnav, barre de navigation alphabétique par myrmex 06 October 2008 a 12:00 am 125 fois et a Aucun commentaire

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).

barre de navigation alphabetique (jQuery)

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

> jqPlanize, génération dynamique de vos tables de matières par myrmex 16 June 2008 a 1:22 am 82 fois et a 1 Commentaire

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.

plugin jquery pour creation d\'une table des matieres

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

> Virtual Keyboard, clavier virtuel par myrmex 14 May 2008 a 12:10 am 233 fois et a 2 Commentaires

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.

clavier virtuel en css

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

> HTML et CSS, “logiciel” de mise en page ! par myrmex 08 January 2008 a 12:56 am 55 fois et a 1 Commentaire

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