katamari

24 mars 2011 | graphisme | 0 commentaire

Tellement utile !

http://kathack.com/

mon premier bookmarklet

9 septembre 2010 | programmation, tutorials | 13 commentaires

Amis du code et de la typographie (du code de typographie aussi), voici une modeste contribution.
Souvent je compte à la main le nom de signe par ligne dans un paragraphe de texte, la règle voudrait entre 52 et 78 signes par ligne pour une optimisation de la lecture sur le papier ; à l’écran on pourrait ajuster les lignes un peu plus longues mais vu la qualité du texte dans les navigateurs, on peut appliquer des valeurs identiques.

The optimum line length in legibility terms is 2–3 alphabets, or 52–78 characters with spaces. (via)

En javscript pour compter la sélection, ça donne ceci (tester sur firefox et webkit) :

function getSelectedText(){
if (window.getSelection){
var str = window.getSelection();
}else if (document.getSelection){
var str = document.getSelection();
}else {
var str = document.selection.createRange().text;
}
return str;
}
var sel = getSelectedText();
alert(sel.toString().length);

On teste !
sélectionner un texte puis cliquer ici

Le bookmarklet c’est une version compressée sur une ligne avec une moulinette url Encode.

javascript:function%20getSelectedText(){if(window.getSelection){var%20str=window.getSelection()}else%20if(document.getSelection){var%20str=document.getSelection()}else{var%20str=document.selection.createRange().text}return%20str}var%20sel=getSelectedText();alert(sel.toString().length);

Pour les novices, pour avoir ce script sur une autre page que mon blog, il suffit de glisser/déposer -> compte-signe dans la barre des signets (marque-pages) !
Voilà (j’ai essayer de mettre une icône au signet mais ça me semble difficile).

ceci n’est pas un bookmarklet

19 mai 2010 | graphisme, programmation | 0 commentaire

Voici le mot du jour :) ce n’est pas nouveau mais on commence à en voir un peu partout.
http://fr.wikipedia.org/wiki/Bookmarklet
Chez Facebook sur votre profil -> onglet Liens [caché] -> Mur Infos Photos (…) » Liens -> sur la page des liens à droite, on voit ceci :

ou chez WordPress dans l’administration à la page outils/outils.

Ceci est un bookmarklet une petite application qui se lance dans votre navigateur, et vous permet de récupérer des portions du Web pour les bloguer.

Utilisez-le pour récupérer du texte, des images et des vidéos depuis n’importe quelle page Web. Puis modifiez l’article et ajoutez vos propres textes directement dans le bookmarklet, avant d’enregistrer le tout ou de le publier dans un article sur votre blog.

Glissez le lien suivant dans votre barre de favoris, ou faites un clic-droit et ajoutez-le à vos favoris pour obtenir un raccourci de publication.

Les deux exemples ci-dessus ajoutent la possibilité de mettre une page (ou la vidéo de celle-ci) en article sur votre wordpress ou sur votre mur via une fenêtre pop-up.

J’ai trouvé à cette adresse (le site est en panne). Un bookmarklet pour voir la grille de son site :)

Ceci est un bookmarklet, si vous cliquez dessus un outil se charge et on voit une grille pour un site en 960 px de large, je vous laisse découvrir le jouet. Pour l’utiliser sur n’importe un autre site web, il faut le glisser déposer dans votre barre de bookmark ou clic droit > Marque-page sur ce lien.

Un autre bookmarklet typographie à tester ici ou sur leur site : http://somadesign.ca/projects/fontfriend/