J'ai un blog

Voilà un projet à suivre de près ! Paper.js est un framework open source de dessin vectoriel pour canvas (html5) compatible Scriptographer. L’ensemble est développé par Jürg Lehni & Jonathan Puckey.
ps : Bravo pour cet exemple !

Depuis CS3 (?) Illustrator peut utiliser du javascript, ce n’est pas une fonction très usitée et vraiment mal intégrée dans illustrator mais pourquoi pas. Il existe Processing et Scriptographer beaucoup plus adaptés pour les graphistes et il me semble que Scriptographer utilise l’api Javascript d’illustrator avec des améliorations.
Voici une page avec quelques scriptes en Javascript Mac/PC pour AI à tester.
http://park12.wakwak.com/~shp/lc/et/en_aics_script.html
et plus là : http://park12.wakwak.com/~shp/

Edit : J’ajoute ceci http://vectips.com/tricks/10-free-and-extremely-useful-illustrator-scripts/

La navigation est assez complexe mais l’ensemble est plutôt efficace et surprenant !
http://www.raffaelstueken.de/

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

L’éternelle question des différences d’affichages selon la résolution trouve ici une belle réponse !
http://www.rga.com/
à tester en 1024 x 768 ou 1600 x 1200 !

Un portfolio en html (5 ?) avec une bonne dose de javascript/ajax, très distingué ! http://grandpeople.no

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/

Script du jour :
Avec Mootools et l’extension Slide/Scroll, voici un petit script qui déplie une liste (oooh) et fait glisser le contenu correspondant (aaah) – truc en plus : ça marche aussi avec les flèches du clavier haut et bas :-)
aperçu / source
Quelques règles :
Structure à conserver (liste de liste xhtml valide w3c) :

<ul><li>
		<h3 class="item">Linéales</h3>
		<ul>
			<li><a href="#">Helvetica</a></li>
			<li><a href="#">Futura</a></li>
			<li><a href="#">Myriad</a></li>
			<li><a href="#">Univers</a></li>

		</ul></li>

et autant de sous lien que de div dans slide (

<div id="slide"> ... </div>

)

enjoY !