Le Blog Faenix

Voilà, vous êtes passé du bon côté de la force. Vous vous êtes débarrassé du logiciel Photoshop d’Adobe et avez adopté une solution Open Source de rechange. Vous êtes passé à The Gimp, félicitations! En fait, vous avez peut-être fait encore mieux et avez adopté Linux comme nouveau système d’exploitation. Dans un cas comme dans l’autre, vous n’utilisez plus Photoshop et vous commencez à vous familiariser à The Gimp. De fil en aiguille, vous devenez plus à l’aise avec le logiciel et vous aimeriez sans doute utiliser les brosses(brushes) les plus jolies que vous utilisiez avec Photoshop. La bonne nouvelle, c’est que The Gimp supporte les brosses de Photoshop(au format .abr) depuis la version 2.4. Le processus d’installation est assez simple et expliqué ci-dessous.

The Gimp pour Windows

Dans Windows, vous devez simplement localiser le dossier d’installation de The Gimp et copier vos fichiers de brosses(au format .abr) dans le dossier brushes. Démarrez The Gimp et c’est tout.

The Gimp pour Ubuntu/Linux

Si vous utilisez Linux, le processus d’installation peut varier mais voici tout de même la démarche pour Ubuntu 9.10: copiez les fichiers de brosses dans le dossier ~/.gimp-2.6/brushes. Dans ce cas-ci ~ étant le dossier home de l’usager en cours(dans mon cas /home/dbarbier). Les dossiers et fichiers débutant par un point sont des dossiers & fichiers cachés. Conséquemment, si vous utilisez Nautilus et que vous ne trouvez pas le dossier .gimp-x.x, faites CTRL-H pour afficher les fichiers et dossiers cachés. Une fois que vous avez copié vos brosses dans le dossier brushes, vous pouvez démarrer The Gimp et voilà!

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

Ne vous méprenez pas, je me fais un devoir de respecter les normes établies de la manière la plus stricte. C’est, d’après moi, la seule manière de faire avancer le web et je suis par ailleurs un fervent partisan du XHTML 1.0 strict(sérieusement, viser le transitionnel c’est viser pour la médaille de bronze ou encore le prix de consolation).

Cependant, au-delà de vérifier la validité du code, pourquoi afficher un badge sur le site? C’est trop similaire à un compteur de visiteurs à la Xiti: Ce n’est pas esthétique, ça ne s’intègre pas bien au design du site et ce n’est utile qu’aux développeurs. Le visiteur lambda se fiche pas mal que le site soit conforme aux règles du W3C. Le plus dommage c’est que souvent, les pages qui ont ces badges ne valident même pas. Alors moi, qui est le seul intéressé par ces badges, j’en viens à questionner l’honnêteté d’un site. Si un site se décore de médailles qu’il n’a visiblement pas mérité, qu’est-ce que je dois penser du contenu du site ou de l’honnêteté de son propriétaire?

J’en convient, à ce stade c’est pousser un peu. Mais je vous invite tout de même à y réfléchir. Qu’est ce que ces badges apportent à votre site? Sont-elles des éléments esthétiquement désirables? Est-ce que ces éléments ajoutent à votre crédibilité? Est-ce qu’elles valident toujours… réellement.

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

C’est vrai, Flash est presque le seul moyen de garantir qu’un site sera affiché exactement de la même manière peu importe le navigateur et ceci au coût d’un simple plugin propriétaire. Au fur et à mesure que nos techniques se raffinent, l’usage de Flash semble de moins en moins évident et bien peu pratique. Un des avantages d’utiliser Flash est qu’il permet l’usage de polices plus intéressantes. L’inclusion de polices dans les pages web en est encore à ses balbutiements et on assiste à l’apparition d’un tas de standards qui ne sont pas supportés uniformément sur tous les navigateurs(plus de détails).

Firefox 3.5 est tout juste sorti du four et nous offre la possibilité d’utiliser des fonts TrueType(ttf) et OpenType(otf) dans la définition de la règle CSS3 de @font-face. Cette règle CSS3 est supportée dans Safari 3.1 et Opera 10 ainsi, on a l’impression que les navigateurs se dirigent tranquillement dans la même direction. Cette solution n’est pas mal, mais elle est très coûteuse en bande passante puisqu’elle requiert de télécharger le fichier TTF du serveur. Ces fichiers peuvent facilement peser 1Mo et plus, ce n’est donc pas une solution viable si le site a le moindrement de trafic. Aussi, cette solution est moralement discutable puisqu’elle rend la police directement accessible à toutes les mains. Les professionnels du domaine de l’informatique le savent, les polices de caractère sont très dispendieuses et sujettes à des licences restrictives, comme tout autre logiciel. Ainsi, utiliser certaines polices sur un site internet en utilisant la règle @font-face pourrait être considéré comme un acte de piraterie, au même titre que de partager des logiciels ou des mp3.

Le format WOFF(Web Open Font Format) vient à la rescousse avec de fichiers de polices plus petits(grâce à la compression) et un format qui ne peut être utilisé directement par le système d’exploitation(même si ça risque de venir un jour). Ce nouveau format est supporté par bon nombre d’entreprises créatrices de fonts et sera mis de l’avant dans la version 3.6 de Firefox qui est à paraître au mois de novembre 2009(encore quelques jours donc!). Reste à espérer que les autres navigateurs suivent cette initiative. Le futur de la typographie Web semble sous l’égide du format WOFF puisque Microsoft a mentionné à la conférence Typ09 qu’ils considéraient l’usage du standard WOFF pour la version 9 de Internet Explorer.

On croise les doigts!!

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

Le cauchemars de toute personne travaillant exclusivement avec du logiciel open source se résume en 1 mot: incompatibilité. Bien que de nos jours, plusieurs projets open sources soient compatibles dans une certaine mesure avec leurs penchants commerciaux, il peut arriver que le problème se trouve impossible à résoudre.

Jusqu’à tout récemment, j’avais toujours eu un problème avec les polices de charactères typiques de windows. Je n’arrivais pas à les installer sur mes postes Ubuntu, je devais donc me résigner à faire une partie de mes designs avec Inkscape dans une machine virtuelle roulant sous Windows grâce à VirtualBox. Si je désirais faire les modifications par la suite à partir de mon système Ubuntu, je devais au préalable convertir le texte en courbe sous Windows XP. Bref, un gros mal de tête pour bien peu.

Il est possible de convertir avec certains logiciels ou avec des lignes de commandes les polices ttf dans un format compatible Linux… Mais comment garantir le résultat? J’ai essayé plusieurs logiciels disponibles sur Ubuntu(Font Forge, Font Matrix, Fonty Python) et le résultat restait toujours assez quelconque.

En faisant une recherche sur Google n’ayant aucun lien avec ceci, je suis tombé sur un court message explicatif. Le post mentionnait l’existence d’un dossier ~/.fonts et que on pouvait y déposer les fonts au format TTF directement pour un usage immédiat. Je l’ai testé et le résultat s’est avéré être exactement ce dont j’avais besoin.

.fonts est un dossier caché dans le répertoire home de l’utilisateur en cours. Dans le gestionnaire Nautilus pour Ubuntu(installé par défaut), les fichiers et dossiers cachés ne sont pas affichés par défaut. Si vous ne trouvez pas ce dossier dans votre répertoire home (/home/votre_nom_d_usager), vous pouvez changer les options d’affichage des fichiers cachés dans les options de Nautilus ou simplement en faisant CTRL-H.

Si par malheur, cette méthode ne fonctionne pas sur votre poste, je vous invite à jeter un oeil sur le vidéo qui suit. Shawn Power de Linux Journal y fait la démonstration d’une méthode universelle(probablement) d’installation des fonts au format TTF sous Linux.

Installing Truetype Fonts on Your Linux System

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

Alors que l’ère du Web 2.0 se termine et que les retardataires tardent encore à intégrer correctement les doctypes et l’encoding UTF-8, et qu’ils luttent avec des mises à jour de sites en Flash[1][2][3], le futur se met déjà en branle et le web redevient excitant et plein de merveilles.

C’est vrai, le Web 2.0, aussi difficile à définir soit-il, est bel et bien mort.

Je ne prétends pas être de ceux qui prophétise le futur du web. Simplement, je suis un observateur assidu. Et les composants-clés du Web 3.0 font déjà leurs marques. Pour cela on peut dire un grand merci à des entreprises comme Apple & Google. Le web peut maintenant vous suivre dans vos poches[1] et grâces à des initiatives altruistes[1], le web foisonne de micro-communautés. Autant de petites fourmilière où l’échange d’idées et de connaissances vont bon train. Le web en tant qu’outil de partage de connaissances a atteint ce plateau et bientôt il ne sera plus nécessaire de chercher l’information, c’est elle qui viendra vous trouver. Cette réalité se retrouve dans les premiers balbutiement de la réalité améliorée. Ceci couplé à la propagation de gadgets comme le iPhone fait de chaque individu une destination ET une source d’information. Le courriel, la messagerie instantanée et le blog évoluent et fusionnent tranquillement vers des services comme Facebook ou Twitter pour aboutir en ultimes outils de collaboration. Ces services deviennent polymorphes et s’étendent au delà du simple concept de « site internet ».

Mais revenons aux communautés dont je parlais plus tôt. Les internautes tirent un nouveau pouvoir dans ces communautés. D’un côté, les communautés de développeurs. De l’autre des communautés d’utilisateurs dits « normaux ». Le Web 3.0 n’est pas un internet  qui est tant « logiciel » qu’il est « savoir ». Dans ces 2 sphères, l’internaute lambda, peu importe qui il est, peut contribuer. Et c’est dans cet esprit de contribution et de partage qu’on retrouve toute l’essence du Web 3.0. Le savoir ne se vend plus avec la distribution annuelle d’Encarta(R.I.P.), mais se distribue gratuitement sur Wikipedia(ou ailleurs[1][2][3]). De même façon, chaque percée technologique n’est pas vendue au plus offrant. Ces nouvelles percées sont de plus en plus soumises aux yeux et aux mains du public, sans restrictions. Dans ces nombreuses mains, le savoir explose, la technologie fleurit et ultimement, la société évolue. Cette évolution est caractérisée par des changements qui sont d’abord technologiques, mais aussi psychologiques et moraux.

En conclusion, le Web 3.0 c’est la réalisation d’une réelle évolution de l’homme au travers de ses propres moyens. L’internet devient une notion abstraite: un mélange de communication et de savoirs en constant mouvement… une référence, mais aussi une part importante de notre mode de vie.

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

Cet article vous montrera comment manipuler les options disponibles dans un élément html select (aussi appelé combo box ou drop-down list) à l’aide de Javascript. Veuillez noter que ces bouts de code ont étés testés dans Internet Explorer 6(IE6), Firefox & Safari.

Vous trouverez ci-dessous 3 méthodes javascript qui vous permettront respectivement…

• D’ajouter dynamique des options(ou choix) à un combo box: combo_addbyid()
• D’enlever dynamiquement des options(ou choix) à un combo box: combo_removeoptionbyid
• De retirer toutes les options(ou choix) d’un combo box.

Pour que ces méthodes fonctionnent, vous devez donner un identifiant(attribut « id ») valide et unique à votre drop-down.

function combo_addbyid(element_id, cbo_value, cbo_text){
 element = document.getElementById(element_id);
 element.options[element.length] = new Option(cbo_text, cbo_value);
}

function combo_removeoptionbyid(element_id, option_index){
 element = document.getElementById(element_id);
 if((element.length>0) && (element.options[element.length - 1]!=null)){
 element.options[option_index] = null;
 }
}

function combo_clearbyid(element_id){
 element = document.getElementById(element_id);
 while((element.length>0) && (element.options[element.length - 1]!=null)){
 element.options[element.length - 1] = null;
 }
}

Vous-êtes libres d’utiliser ces méthodes, de les modifier et de les redistribuer à votre loisir. Si vous avez des questions ou des commentaires, rendez-vous dans la section « Commentaires ».

Faenix – Conception web est une entreprise de conception d’applications web et de sites internet. Pour plus de détails, consultez notre site web!

Difficile de mesurer l’impact de l’image sur le marché. Qu’est ce qui influe sur le jugement d’un client? Qu’est-ce qui le guidera vers vous ou vers un compétiteur? Dans une ère de multitudes de gourous du web, de poudre aux yeux et de petits développeurs auto-proclamés, difficile de magasiner la bonne image. Difficile de projeter la bonne image, de savoir quelle est le coût d’une bonne image ou encore de définir la nécessité d’une bonne image.

Quel est votre marché-cible? À quel public s’adresse votre site internet? À qui parle votre logo et que dit-il de votre entreprise? Quelle est la durabilité du design de votre site internet et de votre logo? Autant de questions qu’il est nécessaire de répondre au moment de rechercher les services d’un développeur web.

C’est un peu un examen de conscience et un peu un jugement honnête de sa propre entreprise. Soit vous êtes maître de cette image, soit vous vous fiez au jugement du développeur. Encore à cet instant, qu’elle est la vision du développeur? Où catégorise-t-il votre entreprise et votre marché-cible? Quelle est sa vision de votre entreprise et de votre marché-cible? Est-ce que cette vision est la même que la vôtre? Tout ces éléments doivent êtres étudiés afin de s’assurer que le produit fini(logo, site internet ou autre) ne viennent pas livrer un message contradictoire et qu’il soit en harmonie avec votre vision.

Un site web, tout comme un logo ou tout autre outil promotionnel, sont des lettres ouvertes qui doivent livrer un message bien clair et donner un esprit de cohérence. Le visiteur doit se sentir dans un environnement familier qui a ce cachet bien particulier qui caractérise votre entreprise.