Clearideaz, le portfolio d'Olivier Gorzalka, webdesigner sur Lille, Nord-Pas de Calais

webdesigner et intégrateur XHTML / CSS

Archive pour février 2008

Un Photoshop-like multi-plateforme

Il n’y a pas à dire, il y a eu des progrès entre la version 1.0 de Illustrator et celle sortie récemment dans le package Creative CS3. C’est un vrai plaisir de travailler avec des outils aussi aboutis. J’aimerais porter votre attention sur le logiciel Pixel de Pavel Kanzelsberger. Dans la lignée d’un Photoshop, il permet de produire des réalisations graphiques ou des retouches d’images au format bitmap (et non vectoriel). Je l’ai testé personnellement et c’est un programme particulièrement abouti. L’avantage de ce programme réside en sa compatibilité avec les différents systèmes d’exploitation. Il est installable sur Windows, Mac OSX et les différents systèmes Linux. Il permet de réaliser bon nombre de fonctions dont on ne peut plus se passer dans Photoshop tel que l’export de l’image pour le web, la découpage par tranches, les options de fusion… Il ajoute même une fonctionnalité qui serait très pratique sur le logiciel d’Adobe. À la manière d’un système d’exploitation Linux, il met à disposition plusieurs espaces de travail. Ainsi on peut multiplier les projets sans souci :) Le logiciel est encore en phase Béta et doit être publié dans sa version finale en ce début d’année.

En réponse à : Babylon Design (le trackback ne marche pas)

Viva jQuery et mon livre de chevet !

Plus je m’intéresse à jQuery et plus je me rend compte des possibilités étendues de ce framework javascript. Je suis parfois bluffé par les effets visuels qu’il peut générer. Sur Dragon Interactive, on a presque l’impression de visiter un site à base d’animations flash mais il n’en est rien. C’est l’utilisation judicieuse des fonctions fadeIn() et fadeOut() qui donne cette sensation. Bon nombre de plugins viennent ajouter à ce framework d’autres fonctionnalités de la plus intéressante à la plus farfelue. Je suis récemment tombé sur le plugin jCycle qui permet des effets de transitions d’images assez intéressants.

De part l’intéret grandissant pour cette librairie javascript, j’ai décidé de casser ma tirelire pour m’acheter le livre Premières applications Web 2.0 avec Ajax et PHP de Jean-Marie Defrance et paru aux éditions Eyrolles. Ce n’est pas un ouvrage qui traite véritablement de la bibliothèque jQuery mais il consacre tout de même deux grands chapitres qui permettent d’apprivoiser la bête. A lire donc de toute urgence ;)

Pour en savoir plus :

Construire un document XHTML

xhtml, c'est chaud !!!Le XHTML (eXtended HyperText Markup Language) est, à l’instar du HTML, un langage de balisage. Sa syntaxe est basée sur la syntaxe du XML.

Il existe différentes versions du XHTML :

  • XHTML 1.0 Strict : Il ne gère que le contenu du document et non l’affichage. C’est le type de document à privilégier.
  • XHTML 1.0 Transitional : C’est la passerelle entre le HTML et le XHTML. Il permet l’utilisation de balises liées à l’affichage.
  • XHTML 1.0 Frameset : C’est le seul type de document qui autorise les frames. Logiquement, un document accessible ne doit pas inclure d’éléments frame donc à éviter…
  • XHTML 1.1 : C’est une évolution du XHTML 1.0 Strict avec quelques balises qui ont été implantés ou modifiés.

Lors de la construction d’un document XHTML, il est important d’avoir à l’esprit que ce n’est pas l’apparence du site qui engendre le balisage mais bien le contenu de ce document.

Pour l’élaboration d’un document type, nous prendrons le XHTML Strict 1.0 comme référence. Nous ne gérerons que le contenu. Exit les propriétés d’affichage tels que bgcolor, color ou encore size. Nous éviterons, de ce fait, de placer l’attribut (tout à fait valide) style= »" qui insère dans le document des propriétés CSS. Cela se fera dans une feuille de style externe. Le XHTML nécessite de se mettre en conformité avec certaines règles :

Lire la suite

Mon livre de chevet du moment

120225075168_transcendercss_tnActuellement je lis Transcender CSS, un livre d’Andy Clarke qui est l’un des designers web les plus doués. Il participe notamment au groupe de travail du W3C et à déjà publié des articles sur le fameux site A List Apart. C’est LE livre que j’attendais depuis longtemps. Cet ouvrage, très illustré (j’adore…), traite du webdesign à l’aide des feuilles de style CSS. Ma partie préférée concerne l’élaboration d’un design web à l’aide d’une grille (c’est d’ailleurs ce que j’ai utilisé pour le design de ce blog…). Andy Clarke évoque également les micro-formats, les règles de base d’accessibilité. Le point de vue de l’auteur est parfois discutable mais je pense que Transcender CSS peut être considéré comme une référence en terme de publication sur le graphisme web via CSS. Un livre à mettre donc entre toutes les mains des webdesigner.

Les standards selon la firme de Redmond

Un IE sous acide :)En lisant un article très intéressant de Marc Hertzog sur le futur navigateur de Microsoft, je me suis aperçu que Microsoft n’était décidément pas prêt de changer. Même si, dans l’article précédent, j’ai (quelque peu) défendu le fait qu’il faille continuer à développer pour IE, je m’aperçois qu’encore une fois, le futur IE va semer le trouble dans la conception web. Bien qu’il soit déjà reconnu pour être le premier navigateur Microsoft à respecter strictement les standards du web, cela ne se fera pas à n’importe quel prix. Il faudra, en effet, spécifier au navigateur qu’il devra basculer en mode standards à l’aide de cette balise méta :

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Microsoft a voulu, une fois de plus, de se démarquer des autres navigateurs en imposant sa syntaxe. Pourquoi devoir signaler au navigateur qu’il s’agit d’une page respectant les standards? De plus, je trouve particulièrement indécent de renseigner dans l’attribut « content » les initiales du futur Internet Explorer. Microsoft serait donc le pionnier en matière de standards du web? On m’aurait menti?

Internet Explorer reste la référence

Des vaudoux s'en seraent pris à Internet ExplorerInternet Explorer fait l’objet de nombreuses critiques, on l’accuse de tous les maux, on le dénigre. Et pourtant, force est de constater que nous en sommes totalement dépendant lors du travail d’intégration web. Je suis souvent stupéfait des débats suscités par le navigateur. Je suis la plupart du temps amusé de lire par-ci par là des billets d’humeur d’intégrateurs se demandant sur leur blog si l’on doit continuer de développer pour Internet Explorer. D’autres vont jusqu’à affirmer qu’il ne faut plus prendre en compte Internet Explorer parce qu’il ne respecte pas les standards.

En règle générale, ces discussions ne mènent pas loin et suscitent beaucoup plus de réactions que de véritables réflexions sur la question de fond. Selon moi, elle ne devrait même pas se poser surtout si l’on doit réaliser un travail d’intégration sur un site de grande ampleur. S’il s’agit d’un site personnel ou expérimental, libre à celui qui le décide de ne développer que pour les navigateurs respectant les standards. Autrement, on ne peut pas priver les 70 % des personnes utilisant le navigateur de la firme de Redmond.

Lire la suite