touch events

4 octobre 2012 | programmation | 0 commentaire

Si vous voulez tester vos sites avec quelques fonctions tactiles sans avoir d’appareil sous la main, il n’existe pas beaucoup de solutions.
Sur Mac, on trouve le simulateur iOS de xCode mais l’appStore ne propose pas celui pour Snow Leopard, il faudra passer par un compte développeur Mac.
Les dernières versions de Chrome proposent des options bien utiles.

Sur l’icône en engrenage en bas à droite (en full HD), dans le deuxième onglet, vous trouverez la simulation sous l’option « emulate touch events ».

paper.js

27 juin 2011 | graphisme, programmation | 0 commentaire

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 !

illustrator & javascript

10 mai 2011 | graphisme | 2 commentaires

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/

Raffael Stükenall

2 mai 2011 | graphisme | 0 commentaire

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

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

zoom intelligent

30 août 2010 | graphisme | 0 commentaire

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 !

Grandpeople

6 juillet 2010 | graphisme | 0 commentaire

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

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/