html5

Bon voilà, je me lance moi aussi dans les “résolutions” que je vais tenter de tenir tout au long de l’année 2010…

1. Mes amis – Une des choses les plus importantes pour moi sont mes amis et mes proches. Au cours de la dernière année, j’ai certainement délaissé certains amis pour x et y raisons. Je me donne donc comme résolution de passer plus de temps avec eux.

2. Moi – Peut-être que ça va sembler contradictoire avec la première, mais cette année, je veux prendre encore plus de temps pour moi (mais pas en délaissant les autres…). Je vais me faire plaisir par toutes les bonnes choses de la vie. Je m’engage à profiter de chaque moment à fond.

3. Le projet X – Je travaille sur un très gros projet avec deux amis et ce projet va se pointer le bout du nez au cours de l’année 2010. Je ne peux malheureusement pas en parler, mais ça va se retrouver sur le Web! Ce projet est une des mes priorités et il est certainement un des plus importants de ma vie jusqu’à maintenant. Je m’engage à bien le faire avancer avec l’aide de mes collègues.

4. Le projet Y – J’ai déjà mentionné que je n’avais pas de vie? Mon autre projet que je peux parler un peu plus librement est celui avec 3 de mes bons amis (hello guys). Seulement pour “teaser” quelque peu, il s’agit d’une association avec des amis qui sont également pigistes. D’ici environ 1 mois, vous en aurez des nouvelles. Je veux vraiment bien mener à terme ce projet avec mes amis. Notre crédibilité en dépend.

5. Compétences – Je me défini comme un designer Web et développeur CSS. J’ose prétendre bien me débrouiller en design Web et CSS puisque j’adore ça. Par contre, j’aime aussi beaucoup l’ergonomie. Cette année, je veux continuer de m’améliorer de ce côté pour devenir de plus en plus crédible. Je m’engage à terminer mes livres sur ce sujet qui me passionne au plus haut point. HTML5 + CSS3 sont évidemment aussi sur quoi je vais continuer de lire tout au long de l’année.

6. Travail – Je suis présentement pigiste qui prend des contrats de design Web et d’intégration XHTML/CSS. Pour l’instant, j’ai la chance de vivre en faisant ce qui me passionne. J’ai également la chance d’avoir de très bons clients qui m’apportent et m’apprennent beaucoup. Je souhaite continuer d’entretenir d’excellentes relations avec mes clients et d’en avoir plusieurs nouveaux!

7. Voyage – Je n’ai pas beaucoup voyagé jusqu’à maintenant et j’aimerais fort bien faire un voyage au cours de l’année 2010. Seul ou avec des amis, je verrai ce qui conviendra le mieux…

Je ne suis pas très adepte des résolutions, mais je crois que le plus important est de se rappeler justement ce qui est important pour nous. Les points mentionnés plus haut m’aideront à être encore plus fier de cette nouvelle décennie qui part du très bon pied.

Bonne année 2010 17 jours en retard.

Tweet This Post

Certains utilisent sIFR, d’autres utilisent Cufon et d’autres préfèrent @font-face en CSS. Le but de ce billet n’est pas de vanter une des techniques en particulier, mais plutôt de vous décrire la technique ­@font-face qui est à mon avis, quelque peu délaissé. Cette technique pourrait par contre être de plus en plus utilisée avec l’utilisation de CSS3.

@font-face n’est pas une nouveauté de CSS3. Cette technique était déjà présente avec CSS2 et nous pouvions même l’utiliser avec la version 5 d’Internet Explorer. Le problème est qu’elle prenait seulement en compte les polices ayant le format .eot et les autres navigateurs, à l’époque, avaient décidé de ne pas utiliser ce format.

@font-face est une propriété CSS qui est prise en compte par Firefox depuis la version 3.5 (donc il y a peu de temps…) ce qui peut expliquer le pourquoi qu’elle n’est pas encore la plus populaire à l’heure actuelle.

Comme sIFR et Cufon, elle apporte l’avantage que les utilisateurs d’un site Web n’ont pas à avoir les polices utilisées sur le site Web. Par exemple, je pourrais décider que mon texte est uniquement écrit en Futura et même si vous n’avez pas cette police d’installé sur votre ordinateur, vous verriez pareil l’affichage avec le texte en Futura.

Cette méthode ne requiert également aucun code JavaScript comparativement à Cufon et sIFR. Nous n’avons donc plus besoin de nous soucier si JavaScript est activé ou non.

Jusqu’à maintenant, cette technique semble avoir que des avantages, mais elle n’est évidemment pas parfaite. En effet, en utilisant la technique @font-face en CSS, nous exposons facilement à la vue de tous le téléchargement de nos fontes. En regardant notre code source, n’importe qui peut voir l’emplacement du fichier et le télécharger. Ce n’est pas un problème pour des fontes gratuites, mais dû moment que ce sont des fontes payantes, nous tombons dans l’illégalité.

Prenons par exemple une personne achetant son pack Helvetica. Il utilise Helvetica Neue pour son texte et utilise @font-face. Je me rend sur le site Web en question, analyse quelque peu le code source et en moins d’une minute j’ai maintenant Helvetica Neue comme nouvelle fonte sur mon ordinateur.

La ligne peut être mince quant à l’utilisation de cette méthode. Elle peut être fort utile si vous utilisez des fontes gratuites qui ne se retrouvent pas nécessairement sur l’ordinateur de vos visiteurs. Par contre, il faut rester très vigilant pour ne pas tomber dans l’illégalité.

Dans le prochain billet, je montrerai un exemple d’utilisation de la technique @font-face.

Tweet This Post

Quel designer/développeur Web n’a pas entendu parler de TypeKit dans les derniers mois ou dernières semaines?

Ayant été invité à la beta il y a de cela plusieurs semaines, je n’avais pas vraiment pris la peine d’aller y jeter un coup d’oeil depuis un bon bout de temps. C’est en y allant dernièrement que je n’ai pas été très convaincu…

L’idée globale de TypeKit est intéressante, mais tant qu’à moi, elle est loin de révolutionner le Web. TypeKit va aider à contourner les problèmes de piratage des fontes, mais sinon? Les fontes proposées jusqu’à maintenant peuvent servir pour certains projets, mais comme je le lisais sur un autre blog, que faire dans le cas où je me dois d’utiliser du Helvetica?

TypeKit va devoir s’entendre avec les vendeurs de fontes pour que l’on puisse par exemple utiliser nos propres fontes si nous les avons achetés. Il serait intéressant d’avoir dans son compte un endroit où nous pourrions téléverser nos fontes. L’idée de pouvoir utiliser nos fontes légales en plus de celles proposées par TypeKit serait l’idéal.

Enfin, TypeKit est encore à ses débuts et pour terminer sur une note positive, l’intégration de TypeKit à nos sites Web est très facile. À peine 2-3 lignes de JavaScript et le tour est joué.

En attendant, nous pouvons utiliser TypeKit si certaines fontes proposées par eux peuvent servir dans nos projets. Sinon, il faudra encore ce tourner vers Cufon, sIFR ou une autre alternative.

À suivre…

Visiter le site de TypeKit.

Tweet This Post

Vendredi passé, je reçois un message d’un client potentiel qui serait intéressé à mes services pour la conception du design de son site web corporatif. Il a vu certains de mes travaux et aime mon style, etc ,etc. Le client habite à Toronto et parle anglais. Voilà une belle occasion de pratiquer mon franglais et d’avoir un client en dehors du Québec. Je réécris au client en question en lui demandant plus d’information sur ce qu’il voudrait. Il me montre un croquis quelconque pour me donner une idée de départ.

Jusque là, tout va bien. Je lui dis d’accord et qu’à partir des précisions qu’il m’a données, je vais lui envoyer une soumission. J’oubliais… Le client mentionne dans un de ses courriels une précision que je redoute de plus en plus et qui est dans ce genre : « c’est juste un petit contrat.. un petit site web.. rien de très compliqué ». Quand j’entends ce genre de propos, j’ai toujours une lumière qui s’allume dans ma tête et qui me dit : WARNING, qu’est-ce qu’il entend par petit et rien de très compliqué? Soit que le client connait vraiment le web ce qui est rarement le cas ou bien justement, il croit connaître ça et que pour lui, rien n’est vraiment complexe (vous savez le genre de propos qui laisse pratiquement sous entendre : «Ben voyons, mon neveu de 12 ans fait des sites web et il dit que c’est facile! »).

Je lui fais donc un prix assez bas puisqu’il m’avait mentionné que son budget était également limité et aussi parce que j’ai plutôt tendance à avoir des contrats plus techniques ces temps-ci. Un contrat de design va faire du bien. Le client me réécrit que le prix est plus élevé qu’il aurait pensé et me demande s’il serait possible de baisser le prix. Ah bon… Pourtant mon prix n’était pas élevé. Je lui propose un compromis. Je baisse votre prix, mais vous afficher un lien vers mon portfolio en bas de votre interface. Le client décide finalement de laisser tomber puisque pour lui, c’est encore trop élevé. Quelles conclusions dois-je tirer de tout ça? Mes prix sont trop élevés? Honnêtement, je ne crois pas. Je sais ce que je vaux et je ne suis pas excessif. Ce scénario se répète souvent auprès d’amis designer ou autres personnes travaillant dans le domaine du web. Il m’amène souvent à croire que nous ne sommes pas pris au sérieux dans notre métier. Pour moi, il y a 2 types de client : le client X et le client Y.

Le client X reconnaît que nous avons une ou plusieurs expertises. Il sait que nous travaillons forts pour nous améliorer et que nous tentons chaque jour de ne pas perdre le fil d’un domaine qui est en constante évolution.

Et il y a le client Y… Ce même client qui ne connaît pas vraiment le web et ne nous prend pas au sérieux. Le client Y essaie de nous faire croire que tout est simple et que tout est facile.

Si j’ai un problème avec mon lavabo, j’appelle un plombier car il/elle est expert. Il a des expertises. C’est loin d’être gratuit, mais lui et moi savons très bien que je ne peux pas répondre au besoin que j’ai actuellement. Je paye pour un service et je suis satisfait par la suite. C’est la même chose dans le web. Tu as un besoin. Tu cherches un/une expert et tu dois t’attendre à payer un minimum pour obtenir des services de qualité.

Tweet This Post

Et oui… me voilà qui me lance dans un blog (comme s’il n’y en avait pas assez!) traîtant principalement de ce qui tourne autour du web. Plus particulièrement le design web, HTML5, CSS3, les standards et  ce qui m’inspire dans la vie de tous les jours.

Il y a déjà un bon moment que je me disais qu’il serait temps que je crée mon propre blog. En faisant la refonte de mon portfolio, l’idée ma semblé plus claire que je devais finalement me lancer. Je dois spécifier que je le fais tout d’abord par plaisir de parler d’un sujet qui me pasionne au plus au point. Si ce blog peut moindrement apporter quelque chose à quelqu’un, ce sera déjà ça de fait.

Pour ceux qui ne me connaissent pas, je suis Simon G.  J’ose prétendre être un Designer Web ainsi qu’un Développeur CSS en me fiant aux compétences que j’ai. Je suis également un passioné des standards du web. J’aimerais finir par me recycler dans l’utilisabilité un jour ou encore devenir prof dans le domaine, mais ça, c’est quand je vais décider que j’aurai assez d’argent pour être sous-payé.

Assez pour la présentation…

Voici des liens pour en apprendre plus à mon sujet :

Mon portfolio
Mon Facebook
Mon Twitter
Mon LinkedIn

Tweet This Post