Blog graphique 2

Données par des amis ou flanés sur le net.

graphiques et animation vectorielle avec javascript
* Raphaël JS, une bibliothèque en Javascript, pour faire du SVG animé, c’est superbe et efficace, ainsi que gRaphaël js plus spécialisée dans les graphs. Seul petit hick, ça ne marche sur aucun navigateur sous Android 2.2.
* Dans le même genre, Processing js, un port javascript du célèbre Processing, bien plus puissant, mais aussi plus lourd, il à l’avantage de fonctionner sur les navigateurs d’Android. Un exemple sympa au hasard.
* jQuery SVG, un greffon pour jQuery pour le SVG et son animation, c’est une bibliothèque de plus bas niveau en javscript. Ne semble pas non plus fonctionner sur Android 2.2 (Froyo)

On doit pouvoir mixer des sacrés trucs entre ce que l’on peut faire avec Inkscape et ces outils.

CSS
* CSS tricks un assez beau site sur les CSS, a un article spécialisé sur les css mobiles à faire coexister au site pour les ordinateurs de bureau. Dommage que Firefox pour Linux ainsi que la plupart des autres navigateurs Linux à l’exception de Chromium (version libre de Chrome), ne peuvent pas afficher les fontes embarquées comme le permet CSS3…
* CSS Zen Garden pour ceux qui ne connaissent pas encore ce site. On est loin du « Web 2.0 », c’est plutôt l’époque où l’on faisait des designs fouillés et lourds (en Kilos octets).

greffons Mozilla/Firefox
* L’indispensable TooManyTabs qui ne recharge pas tous les onglets à l’ouverture du navigateur (évite de l’écrouler pendant une demi-heure, mais les affichent tout de même en grisé, si on veut les revoir.

ARM & co
* Set-top-box SoC d’ARM et l’attractive implémentation du constructeur chinois Nufront (新岸线), aidé par le fondeur taïwanais TSMC qui devrait sortir début 2011 les solution les plus puissantes : SoC cortex A9 dualcore@2Ghz et mali-400 pour la 3d et un Mali-Ve6 pour les codec vidéo (gère le 1080p), gère de la DDR2 et DDR3 (enfin des barrettes pas soudées !!!) et ne consommant que 2Ghz au total. dans une toute petite boite aux alentours de 250$ (188,964475 € au cours ¥€$ du moment).

LiveUSB
* The Lowdown on LiveUSB, une page excellente qui explique pas à pas comment créer soi-même une clé USB, notamment en y installant plusieurs LiveCD en parallèle, ce qui peut être très pratique (sysrescueCD + ultimateBootCD + une version 32 et 64 bits de votre linux préféré par exemple) et comment faire pour que cela fonctionne à la fois sur PC et Mac avec CPU x86. Ca ne doit sans doute pas fonctionner sur ARM qui n’utilise en général pas le même procédé de boot.
* PureDyne est une distribution USB et liveCD de Linux spécialisé multimédia et création artistique.

Technologies mobiles
* Redmine mobile, je n’ai pas encore testé, mais est censé permettre d’avoir une version mobile de l’outil de gestion de ticket Redmine.
* Utiliser le SIP de free de n’importe où.
* http://www.android-underground.org (HS) et Get Android Stuff, sites d’information Android fournissant de nombreux .apk, pour ceux chez qui l’Android Market ne fonctionne pas. C’était mon cas avec SFR sur Galaxy S, os 2.1 eclair, je n’ai pas retesté depuis le passage en Froyo, mais n’ai plus trop envie du coup.

Pensée latérale, stratégies obliques, Yìjīng et GTD
* Le musicien britanique Brian Eno a réalisé un jeu de cartes nommé « Stratègies obliques », inspiré par la pensée latérale et certainement influencé par le Yìjīng (易经) (parfois écrit Yi King, le livre des mutations en français) et les 36 stratagèmes (三十六计 sānshíliù jì). Il s’agit de méthodes de résolution de problèmes par des voies secondaires, pas les plus évidentes.
* Un peu dans le même ordre d’idée GTD (getting things done, ~= « obtenir que les tâches soient effectuées »), une méthode de tri par balance des taches en fonction de leur importance et du temps nécessaire à leur réalisation pour mieux les répartir dans le temps et une liste de logiciels spécialisés GTD et comparatif des logiciels de GTD pour Android. De quoi procrastiner pendant de longues heures.
* Le Mind mapping est un système de cartographie des idées pour mieux les organiser. Thinking Space, Mind Map Memo et MindMeister Mind Map sont des applications spécialisées dans ce domaine pour la plateforme Android. Mappio est un site spécialisé. Sous Linux, il existe Freemind et View Your Mind

englishThere is an english version of this article
françaisIl s’agit ici d’une variante d’un ancien article d’août 2007 appelé Créer un soleil rayonnant, cette fois-ci le but est de faire un cercle chromatique. La technique est presque la même il faut juste en plus jouer avec le paramètre de chrominance de l’outil de pavage de clone.

Cette fois, j’ai utilisé un triangle, mesurant 200 de longueur et 32 de haut (32, pas 30, afin d’éviter des trous entre les triangles)
Une fois le triangle sélectionné, il faut lui enlever ses informations de couleur, afin de permettre à l’outil de clonage de le changer. Il faut pour cela aller dans les options de remplissage (menu Objet=>Remplissage et contour) et activer le ? sur Remplissage comme sur Remplissage du contour.

Aller ensuite dans Édition => Cloner => Créer un pavage avec des clones…

  • Dans l’onglet Translation : mettre -100,0 au décalage par colonne.
  • Dans l’onglet Rotation : 9° par colonne ( 360° / 40 = 9°, comme on fait 40 clones pour faire tout le tour).

Pour la couleur :

  • Dans l’onglet Couleur, à T (Teinte) mettre 2,5 par colonne (100 % / 40 = 2,5 %)
  • Pour avoir le rouge pur comme couleur initiale, appuyez sur le petit carré uni à droite de Couleur intiale :
  • Sur l’onglet RVB (rouge – vert – bleu) mettre respectivement 255, 0, 0 et 255 pour le canal alpha (A)
  • Fermer maintenant cette fenêtre puis appuyer sur le bouton Créer

Et voila le cercle :

J’ai ajouté quelques cercles noirs et un rond avec dégradé radial blanc->transparent sur cette image pour simuler un cercle chromatique avec une variation de saturation.

Classé dans : Inkscape, vectoriel


En premier, il faut récupérer les sources de développement depuis le SVN ou un des snapshot des sources SVN.

Il faut ensuite installer les paquets de développement Ubuntu :
sudo apt-get install automake intltool libpng-dev libgc-dev libfreetype6-dev libxft-dev libpango1.0-dev libgnomevfs2-dev liblcms1-dev libgtkmm-2.4-dev libsigc++-2.0-dev libxslt1-dev libgsl0-dev libboost-thread-dev

Ceux-ci sont optionnels mais permettent d’avoir des fonctionnalités non négligeables. Respectivement sortie PDF, manipulation avancée des images bitmap, ouverture des fichiers vectoriels WPG, connexions SSL pour le tableau blanc :
sudo apt-get install libpoppler-dev libmagick++-dev libwpg-dev libssl-dev

Compiler et installer Inkscape (ici, ca va le placer dans /opt/inkscape-svn-21149 (revision 21149):
./configure --prefix=/opt/inkscape-svn-21449 --with-perl --with-python --with-gnome-vfs --with-xft --enable-inkboard --enable-poppler-cairo --enable-lcms &&
make && make install-strip

Inkscape Generator
est un script permettant de faire la liaison entre un SVG et un tableur ou base de donnée. Il faut exporter les informations au format CSV (séparation ;) pour pouvoir l’utiliser. Cela peut être pratique dans différents cas :
* mailing
* badges
* illustration d’objets personnalisés
* remplissage de contenu (pour un magasine mis en page en SVG par exemple)
* étapes d’une animation
etc…
La doc est en anglais et portugais (brésilien), je peux traduire en français si cela intéresse quelqu’un.
Il est disponible dans les paquets d’Ubuntu Jaunty (entre autre) mais ne fonctionne qu’avec la version stable d’Inkscape.

Je viens juste de retrouver un site fournissant un tas de grilles papier sur différents sujets (grilles d’écriture de caractères chinois, partitions musicales vierges, storyboard/scénarimage (avec un générateur…)

Hier, Yemanja, d’Inkscape-fr.org m’a donné un lien vers une nouvelle extension 960.gs Templates for Inkscape qui permet d’intégrer à Inkscape les grilles de 960grids (marqué comme malveillant par Google !!), pour le prototypage de pages web.

960grids un CSS (feuille de style du web) prédéfinit, permettant d’utiliser un format proche des grilles de magasines utilisées pour réaliser les gabarits. Avec ce type de grille en CSS, on perd un peu par rapport à la souplesse du CSS en général, mais on gagne en facilité de réalisation de la mise en page.

À lire également sur le sujet :

Articles plus anciens »

Propulsé par WordPress

Switch to our mobile site