Dual Blog : DeFr's Weblog

La gestion de la transparence, vu par IE | dimanche 28 novembre 2004, 23h39

Boon, alors, au risque de passer pour un grincheux en écrivant deux posts de plaintes consécutifs, lààà, vraiment, IE m'embette, donc, je suis obligé d'en parler ici. Si, je vous assure, c'est moralement obligatoire, tout ca. Précision, oui, cela risque d'être un post relativement technique...

La situation ? Alors, vous commencez par prendre une image contenant des zones de transparence. Evidement, vous allez être embetter dès le départ avec IE si vous prenez un PNG ayant un réel canal alpha, mais bon, disons que vous utiliser un PNG avec une transparence binaire ou un GIF, pour lesquels IE reconnait à peu près la transparence. Vous pensez alors être à l'abri d'autre problème, avoir pris toutes les précautions necessaires, surtout que IE affirme supporter intégrallement le CSS 1 ? Vous n'êtes pas au bout de vos surprises...

Maintenant que vous avez votre image, avec un fond transparent, vous esperez donc voir au travers... Soyons fou, disons même que vous souhaitez pouvoir utiliser cette image avec différents font, pouvant eventuellement varier au fil du temps ? Les problèmes commencent. En réalité, il n'y a même pas besoin que la variation soit temporelle, vouloir utiliser la même image avec deux fonds de couleurs différentes suffit.

Bon, alors, d'un point de vue technique : prenez à peu près n'importe quel element, définissez à la fois une background-image et une background-color dessus en CSS, puis regarder le résultat. Ce qui est préconisé par le W3C depuis CSS1, et qui est ce à quoi on s'attend, c'est, je cite ( et je traduit après :p ) :

This property sets the background image of an element. When setting a background image, one should also set a background color that will be used when the image is unavailable. When the image is available, it is overlaid on top of the background color.

( extrait de http://www.w3.org/TR/REC-CSS1#background-image, soit en traduction : cette propriété défini l'émage de fond d'un élement. Lorsqu'on définit une image de fond, il est necessaire de préciser aussi une couleur de fond qui sera utilisé dans le cas ou l'image ne sera pas disponible. Lorsque l'image est disponible, elle est dessinée au dessus de la couleur de fond.

Au global, réellement ce à quoi on s'attend : si on définit une couleur de fond, et que l'image possède des zones transparentes, on s'attend à voir cette couleur à travers les zones transparentes. IE semble ne pas suivre cette logique, préferant ne pas mettre de couleur de fond là ou est située l'image, nous faisant voir ce qu'il y a sous l'élement considéré. Traduction pratique ? Sur ce blog, sous IE, la catégorie selectionné n'est pas du tout affichée comme elle le devrait. Au lieu de mettre du gris dans tout le fond de la cellule, seules les parties non recouverte par l'image ont un fond gris, ce qui n'est pas des plus esthétiques.

C'est d'autant plus un problème que la seule solution de substitution simple est de créer différentes images pour les différents fonds, ce qui augmente assez considérablement le poids total de la page à charger d'une part, et n'est absolument pas flexible d'autre part... J'vois bien une ou deux autres solutions à tester, mais j'aurais réellement préféré pouvoir m'en passer

P.S. : C'est passé dans l'indiférence générale, mais des tags plus sémantiques ont été mis en place, entre autre une <ul> pour la liste des liens et une <dl> pour les sections et leurs contenus

Edit : Ce post a fait l'objet de la publication d'un errata, dont je vous prie de tenir compte avant toute citation éventuelle de ce post

Tags : aucun
260 - Un p'tit commentaire ? (6)

Des ( pseudos ) sujets de contrariété ^^; | mercredi 24 novembre 2004, 23h17

Quelques trucs m'embettent plus ou moins en ce moment ;-) Tout d'abord, Kevin commence à m'amener à me demander pourquoi j'ai implémenté les trackbacks s'il n'en fait pas quand il parle de mon post ^^; Certes, le post en question se contente de dire que j'ai perdu la tête, à cause de mon post précédent, donc j'suis pas totalement sur que ce soit un commentaire constructif, mais, quand même ^^; S'il faut réellement que je revienne dessus, disons que c'est pas réellement la partie de ma personalité que je consigne dans un format destiné à rester graver dans le temps comme un post de blog, le réservant plutot à des discussions dans lesquels je pars parfois trèèès loin, c'est toutefois une partie intégrante de moi, et donc, les lecteurs en sont maintenant informés : oui, en étant totalement sobre, sans avoir consommé la moindre substance considéré comme hallucinogène, je peux partir trèèès loin.

Un sujet de contrariété nettement plus sérieux, c'est la décision du CRI de Centrale Nantes d'avoir fermé plus ou moins tous les ports sur les connexions à partir des PCs de la résidence. Je suis déja pas fan de l'idée que les résidents ne peuvent pas se connecter à l'exterieur du reseau de Centrale de 8h à 18h pour reserver la bande passante aux batiments administratifs, mais dernierement, parait-il à cause d'abus, tous les ports ont été fermés sauf le 80 ( pour pouvoir surfer plus ou moins ), le 21 pour le FTP, le 25 et 110 ( pour les mails ) et eventuellement un ou deux autres pour https et une récuperation sécurisée des mails. A mon humble avis, une telle mesure est à la fois inutile et, en allant un peu plus loin, absurde. Inutile, parce que de nos jours, le HTTP Tunneling permet plus ou moins de faire n'importe quoi à partir du port 80 ouvert, donc comme la mesure est supposé intervenir suite à des tentatives de script kiddies d'exploiter le réseau de la résidence, qui connaisse très probablement la technique du HTTP Tunneling aussi, j'vois pas en quoi ca va réellement aider le problème.

On me retorquera peut-être que ca permettra de limiter l'accès du grand public de la Rez aux réseaux P2P... C'est probable, mais je me demande si le jeu en vaut réellement la chandelle. Parce qu'entre autres, les conséquences sont le blocage de logiciel parfaitement légaux ( impossibilité d'utiliser des clients normaux pour MSN, AIM, ICQ etc ), certains très visibles pour des personnes n'ayant jamais piraté quoique ce soit depuis leurs PCs. Pour l'utilisateur avancé, c'est encore pire : impossibilité d'utiliser cvs pour mettre à jour des codes sources, impossibilité de se connecter à des serveurs https sur des ports qui ne seraient pas les standards, impossibilité d'utiliser VNC pour acceder normallement à un PC distant pour debugger un eventuel problème, ou administrer une machine... La liste est longue, et ce blocage bloque de nombreuses fonctionnalités cadrant pourtant completement avec le contrat d'utilisation du réseau spécifiant à la base que ce dernier est destiné à être utiliser à des fins pédagogiques et / ou de recherche.

Accessoirement, il me semble aussi que d'après la Charte Informatique, je suis actuellement dans l'illégalité car je n'ai pas le droit de poster des commentaires sur les services de l'école sans préciser des tonnes de chose, entre autre que m'exprime en mon propre nom etc. Je prends le risque :P D'autre part, le serveur hébergeant defr.org est aux Etats-Unis, j'suis pas expert en matière de loi américaine, mais j'pense qu'ils auront du mal à me poursuivre là-bas...

Tags : aucun
259 - Un p'tit commentaire ? (1)

Entre poissons et renard de feu, sur quoi blogger ? | mardi 23 novembre 2004, 22h38

Disclaimer : Ce post n'a pas été écrit sous l'emprise de l'alcool, ni d'aucune substance hallucinogène. Il reflète juste une partie de ma personalité que je reserve habituellement à mes conversations en ligne... Be afraid

A la recherche d'un sujet digne de faire l'objet du post quotidien, je me dirigeais tranquillement vers la solution de facilité que représente un post sur Fx quand Ethelle ( qui n'a pas de blog, mais bon, ca va venir un jour j'suis sur ^^; ) m'a mis au défi de faire un post sur les poissons rouges... Sujet certes passionant, mais toutefois assez difficile à aborder en lui-même. Je pourrais essayer de vous expliquer comment vous servir des poissons rouges comme navigateurs internet, mais, là encore, je ne suis pas tout à fait sur d'être apte aux domaines necessaires à une telle utilisation ( si quelqu'un connait un poisson branché internet, j'veux bien qu'il me le présente ! ).

Cependant, un défi, il est obligatoire de le relever quand il est de ce type là ^^; On va donc vous faire un petit comparatif entre les poissons rouges et le renard de feu de notre navigateur favori, Firefox ^^. Tout d'abord, un point important saute aux yeux : ils ont la même couleur. Certe, certains diront que notre renard est un peu plus orange que rouge, mais, en réalité, réellement, les poissons rouges ne sont que rarement rouges, du moins, de ce que j'en connais. De même, une analogie peut se trouver rapidement au niveau des couleurs de l'environnement : dans le About, le renard de feu entoure le globe terrestre fondamentalement bleu, comme l'eau des poissons ( du moins, quand elle est pas trop sale... )

Cependant, une différence se fait jour par le biais de l'analogie précédente. En effet, le poisson est situé à l'intérieur de son bocal ( sauf quand le chat d'Ethelle fait des siennes :p ), alors que notre renard est situé à l'extérieur du globe. Alors que le poisson est obligé de subir les actions extérieurs, le renard essaie donc de proteger notre monde, d'un danger finalement pas si difficile à identifier pour les lecteurs assidus qui connaissent mon opinion sur IE

De plus, le renard est modulable, et peut s'adapter facilement à son environnement par le biais d'un nombre important d'extension, lui fournissant des capacités aussi diverses que de se tenir informer de l'ensemble des informations disponibles par le biais de flux RSS, d'analyser les pages qui lui sont transmises grace aux nombreux outil fournis aux developpeurs, ainsi que des tonnes d'autres possibilités. Le poisson rouge, limité par son corps matériel et son code génétique, ne peut lui s'adapter qu'au fil des générations, risquant à tout moment une épidemie.

Enfin, et en restant dans la génétique, il est impressionant de constater que notre renard est consitué de telle facon que chacun puisse se prendre pour une divinité, et modifier fondamentalement son hélice d'ADN. En réalité, il existe d'ailleurs plusieurs renards, différents peu, mais tout de même différent, au code altérés subtilement par diverses personnes. Là encore, la nature matérielle du poisson rouge est un handicap, rendant immuable sa génétique. Certains me diront que les scientifiques arrivent maintenant à modifier génétiquement certaines espèces, mais à mon humble avis, cela continue de rester plus expérimental qu'une science bien maitrisée. D'autre part, là encore, une modification génétique du poisson doit être étudier sur plusieurs générations, alors que celle de notre renard prennent effet immédiatement, et restent en tout temps reversible.

A mon humble avis, la seule conclusion logique pour ce post est donc d'exprimer la supériorité indubitable du renard de feu... D'autant plus qu'il peut aussi être super mignon !

Tags : aucun
258 - Un p'tit commentaire ? (2)

Administration : complète ou presque | lundi 22 novembre 2004, 23h03

Tadam, ce post est le premier ayant suivi une phase complète de maturation : création d'un brouillon, édition de ce brouillon pour le completer, puis postage sur le weblog ^^; Il pourrait sembler étonnant que j'ai pris autant de temps pour coder une administration, alors que c'est générallement d'un modèle de simplicité pour un weblog... C'est parce que plutot que j'ai décidé de me lacher niveau technologique sur cette administration, fondamentalement déstiné à mon utilisation personelle, et pour laquelle je peux donc très officiellement déclarer : j'en ai rien à faire que ca passe pas avec IE.

J'ferais peut-être des screenshots et / ou une version statique de démonstration, mais en attendant, j'peux déja vous informer que graphiquement, c'est assez proche de la feuille de style Somatic pour le blog : normal, puisque j'me suis inspiré de mon administration pour la réaliser ^^; J'ai, dans cette administration, voulu mettre l'accent sur plusieurs choses, essentiellement :

• La diminution du nombre de chargement de la page necessaire : traditionnellement, le remplissage d'un formulaire se traduit par la necessité d'envoyer la page au serveur, et d'attendre la réponse. Générallement, chacun n'est pas trèèès long, mais au global, le temps consomé n'est quand même pas totalement négligeable. Ce problème a été résolu par l'utilisation en JS de XMLHttpRequest, permettant d'envoyer des requetes sur le serveur et d'obtenir la réponse sans rechargement de la page : plus de problème d'interface utilisateur constament en train de se recharger ^^;
• L'affichage uniquement des informations utiles à tout instant : lorsque je veux ecrire un nouveau brouillon, je n'ai pas besoin d'avoir la liste de tous les posts déja postés d'afficher, et je n'ai pas non plus besoin d'avoir un formulaire pour éditer chacun des brouillons quand je veux simplement voir la liste de ceux qui ont déja été écrits. Là encore, un peu de JS permet d'afficher dynamiquement seulement les informations necessaires, tout en conservant à porter de main les informations temporairement inutiles mais qui pourrait finalement s'averer interessante. Ainsi, si je veux parler d'un post déja écrit, mais donc je ne me souviens plus du titre, je peux parfaitement cliquer sur la zone "Posts publiés", en avoir la liste instatanément, trouver celui que je veux, puis recliquer sur "Brouillons" et recommencer à écrire. Temp total de l'opération : 2 à 3 secondes, soit la durée qui aurait été necessaire rien que pour faire un aller retour vers le serveur traditionnellement... sachant qu'avec des implémentations traditionnelles, il y en aurait probablement deux ou trois ^^;
• Une séparation sémantique : les couches d'informations ( soit le XHTML ), de présentation ( soit le CSS ) et de comportement ( soit le JS ) sont complétement séparé. Normallement, il devrait même y avoir une dégradation plus ou moins gracieuse dans le cas ou le JS n'est pas activé sur le navigateur du visiteur, sauf que comme ce n'est jamais mon cas, j'ai pas réellement testé si c'est le cas ^^;

Et, le point sur lequel j'ai réellement essayé de me concentrer, c'est honnetement de me faire plaisir dans la réalisation de cette administration dans le but ( l'espoir ? ) que cette dernière m'attirerait ainsi par la suite, et m'inciterait donc à poster ^^; Pour le moment, l'expérience n'est pas totalement concluante, mais l'effet reste positif à priori, puisque mine de rien, je poste tout de même assez régulierement ^^ Et les jours ou je n'ai pas posté ces derniers temps, c'est réellement parce que je programmais sur l'administration et que n'ayant pas vu le temps passé, je n'avais plus le temps de poster, ou du moins pas le temps si je souhaitais avoir un temps de sommeil décent ^^;

Tags : aucun
257 - Un p'tit commentaire ? (1)

De la vie d'un geek | samedi 20 novembre 2004, 22h46

Bon, alors, mes screenshots ont partiellement mais pas entierement répondu à une des demandes que j'avais eu au moment ou j'ai recommencé à poster, concernant le retour de la partie sur les configurations de mes PCs / les logiciels que j'utilise ^^; Doonc, j'vais les mettre dans ce post, et accessoirement me servir de ce post aussi pour en faire après un copier/coller, parce que non, je vais pas écrire deux fois la même chose juste pour l'plaisir ^^;

Tout d'abord, information de base, j'ai en ce moment trois PCs en fonctionnement, un à Plaisir, un à Nantes et un portable... Par conséquent, z'allez avoir droit à trois configurations materielles... D'un point de vue logiciel par contre, j'me débrouille pour utiliser principalement des logiciels cross-platform, donc, ca ne varie pas ou peu suivant la machine.

• PC de Plaisir : Athlon XP 2600+, carte mère Abit à base de nForce 2, 1Go de RAM, carte graphique nVidia GeForce 4 Ti 4200, bi-écran : un CRT de 19 pouces et un LCD de 15 pouces, deux disques dur pour une capacité totale de 120Go. Linux Gentoo
• PC de Nantes : Athlon XP 2600+, carte mère MSI à base de chipset SIS, 512 Mo de RAM, carte graphique nVidia GeForce 5700 LE, bi-écran : un LCD de 17 pouces ( Belinea 10 17 35 acheté le 18 novembre ^^ ) et un LCD de 14 pouces, 80Go de disque dur. Dual boot Windows XP / Gentoo
• Portable : Athlon XP 1400+, 384Mo de RAM, carte graphique intégré, écran 15 pouces, 20 Go de disque dur. Windows XP

Ce ne sont pas des machines riddicules, mais pas non plus ce qui se fait de plus puissant en ce moment. Cependant, pour l'utilisation que j'en ai, ils sont assez bien adaptés ^^. Pour ceux qui se demanderais ce que le portable fait sous Windows, erm, je pense le mettre très prochainement sur Ubuntu en fait, mais je n'ai pas encore pris le temps de réaliser l'opération. Elle devrait néamoins se faire sous peu à priori

Niveau logiciel, Gnome 2.8 pour l'affichage sous Linux, Firefox pour la navigation sur le web, Thunderbird pour les mails ( quoique moins depuis que j'ai une adresse GMail ), Gaim pour la discussion en ligne multiprotocole, et enfin SciTE pour l'édition de texte / codage et vous avez mon kit de survie me permettant de travailler sur à peu près n'importe quel PC ^^

Sans transition ( comment ca j'me prends pour un présentateur de JT ? ), parce que j'vois pas comment j'pourrais trouver une transition entre les deux sans y passer un peu de temps, j'informe officiellement le lectorat que même si ca va être trèèès mauvais pour mon emploi du temps, j'crois que j'vais m'offrir pour mon anniversaire Tales of Symphonia sur GameCube, et eventuellement aussi Final Fantasy : Crystal Chronicles... J'suis en école d'ingénieur, faut bien que j'en profite nan ? ^^; Mais bon, l'impact réel risque d'être en fait limité, puisque ce sont des jeux GameCube, et que j'ai pas de TV à Nantes. Je suppose qu'il doit exister des adaptateurs permettant d'afficher un truc supposé sortir sur une prise Peritel sur un écran de television, mais j'ai des doutes sur leur bon fonctionnement je dois dire. Toutefois, l'enquete mériterait d'être mené, parce qu'au cas ou, ca pourrait quand même être sympa de jouer sur mon 'tit 17 pouces LCD à un sympathique jeu GameCube... Cependant, l'expérience que j'ai de la TV regarder sur un écran de PC n'est pas des plus tops, fondamentalement parce qu'on est beaucoup plus proche d'un écran d'ordinateur que d'une television, et que par conséquent les défauts ressortent nettement plus lorsqu'on demande un affichage en plein écran.

Tags : aucun
256 - Un p'tit commentaire ? (3)

Dual Blog - Maintenant avec des trackbacks ^^ | jeudi 18 novembre 2004, 23h22

Kevin ayant ouvert Kisscoolblog, avec des trackbacks du au choix de DotClear, il fallait donc pour maintenir la parité que j'implémente les trackbacks sur ce blog aussi ^^; Ca a été fait en moins d'une heure, mais c'est pas tellement testé pour le moment, d'ou le post actuel entre autre, histoire de mettre un trackback depuis ce blog vers l'extérieur ^^

Accessoirement, j'informe mes aimables lecteurs que les informations sont définitivement plus à jour, puisque contrairement à ce qui est marqué, je n'ai plus 18 ans mais 20 depuis z'aujourd'hui, faudra donc que je me décide à mettre tout ca à jour... Et en parlant d'anniversaire, je me suis fait un cadeau en la matière d'un petit écran plat 17'' à 13ms de temps de réponse, et un contraste décent. Me voila donc avec une config bi-écran dans le studio de Nantes, et donc de nouveau une productivité normale ^^

Tags : aucun
255 - Un p'tit commentaire ? (4)

Outrageant ? | lundi 15 novembre 2004, 23h20

Kevin, quand j'lui est appris que je me dirigeais vers la rédaction d'un petit post pour respecter mon intention de poster tous les jours, m'a dit qu'une telle résolution sera choquante, voir outrageante, donc, j'espere que j'vais pas causer trop de crise cardiaque ;-)

Tout d'abord, précision, mea culpla, il manque des alt-tags sur les deux images du post précédent, ce qui rend probablement la page invalide... Ca serait trèèès rapidement réglé si j'avais réellement reprogrammé dans son intégralité mon administration, mais c'est pas le moment encore, donc, je ne peux pas ( ou du moins, pas facilement ) éditer mes posts précédents. Dès que j'aurais developpé ce qu'il faut pour ca, le post sera édité et la page redeviendra valide, ca ne devrait normallement pas être très long.

J'ai fini hier dans le train Da Vinci Code, dont on m'avait dit pas mal de bien, et je dois avouer que le suspense laisse scotcher au livre ( ce qui n'est pas des plus original, même si c'est déja bien ) mais que surtout même moi qui n'ait pas une tendance inné à me rendre particulierement dans les musées serait incité à m'y rendre pour voir les différents tableaux auxquels il est fait allusion dans le livre, ce qui relève presque de l'exploit. Affaire à suivre, je vous tiendrais informer si j'm'y rends réellement ^^

Accessoirement, Zelda : The Minish Mask n'est vraiment pas mal du tout, voir est tellement prenant que j'fais pas grand chose d'autre de mes journées en ce moment... M'enfin, il semble relativement court, avec un peu de chance, j'vais retourner à ma vie normale dans une semaine ^^;

Et comme Kevin encore et toujours voudrait pouvoir lire ce post avant d'aller se coucher et que là tout d'suite, j'sais plus tellement ce que j'voulais rajouter, j'crois que j'vais conclure là-dessus. Eventuellement, dans le post de demain, un compte-rendu des soutenances de stage des eleves de 3^eme années auxquelles j'aurais assisté si elles retiennent réellement mon attention ^^

Tags : aucun
254 - Un p'tit commentaire ? (89)

Oui, un post par jour, exactement... | dimanche 14 novembre 2004, 13h40

Bon, exactement, p'tet pas tout à fait, j'vous l'accorde, mais vous voyez, c'est pas completement ma faute. En fait, c'est beaucoup beaucoup plus facile de poster régulierement pendant les vacances que pendant les périodes scolaires, où je n'ai en fait accès au Net de mon studio qu'à partir de 18h -_-; Du coup, j'ai pas mal de trucs à écrire, mais pas le temps pour le faire, donc, j'vais profiter de mon ch'tit week-end pour faire une mise à jour ^^;

Tout d'abord, depuis le week-end dernier j'ai des captures de mon environnement Linux qui sont en ligne sur defr.org, mais que j'ai toujours pas lier dans un post, dooonc, il serait temps d'le faire :

Dans la version propre au démarrage...


... et avec quelques fenetres ouvertes

Comme vous pouvez le constater, les dates indiquées confirment que j'ai pris les screenshots il y a un certain temps... Et aussi que comme annoncé précédement, studio.defr.org a un layout près à être lancé, il manque juste la motivation pour rajouter un peu de contenu dedans. Ca devrait arriver, mais, comme toujours avec moi, mon problème est un manque chronique de temps pour faire tout ce que je voudrais.

Et en réalité, le temps disponible n'est pas réellement en augmentation en ce moment, principallement parce que Nintendo a choisi de sortir Vendredi 12 novembre son dernier Zelda sur GameBoy Advance, ce qui en lui-même est déja très mauvais pour l'emploi du temps, mais qu'en plus, ca m'a fait me souvenir que j'avais encore jamais réellement joué à Final Fantasy : Tactics Advance mentionné dans le ToDo de ce blog, et, réellement, c'est pas mal du tout du tout !

Accessoirement, la semaine passée a été relativement bien remplie d'un point de vue scolaire aussi, ce qui est un autre facteur d'explication pour mon absence de post : l'évaluation finale en Communication le Lundi, un quizz en Energetique le Vendredi, et d'autres trucs pas particulierement cool dans la même veine... Heureusement, ca devrait être nettement plus sympa la semaine prochaine, donc, j'ai bon espoir de pouvoir me tenir à mon idée de poster tous les jours...

... Du moins, si les esprits tentants de m'entrainer dans Dofus en m'assurant que c'est pas si addictif que ca ne sont pas en train de me mentir éhontement.

Tags : aucun
253 - Un p'tit commentaire ? (4)

Somatic, amelliorée pour IE | vendredi 05 novembre 2004, 19h24

Boon, alors, sous l'immense demande populaire ( si si, j'sous assure, j'ai bien vu les regards sceptiques : mouais, c'est vraiment pas beau avec ce cadre gris ), et étant donné que quand même, IE supporte les PNG avec une transparence binaire, même s'il ne sait absolument pas gérer un canal alpha, j'ai pris mon courage à deux mains et transformer toutes les images de Somatic ( après avoir vérifiée qu'il n'y avait pas de perte de qualité... ) des jolis PNG 32 bits qu'ils étaient en PNG tout aussi joli 24 bits qu'ils sont maintenant, avec toutefois l'avantage de désormais passé partout ^^;

Par contre, pour une raison totalement indéterminée, cette opération a entrainée une augmentation de la taille des fichiers, pas énooorme, mais pas totlaement négligeable non plus, j'dirais dans les 20 Ko en plus au total... Faudra que j'vois s'il y a pas moyen d'optimiser ca un peu plus

Ah, et accessoirement, les curieux regardant la syntaxe de mes posts auront constatés que je recommence ( depuis l'arrivée de Somatic ) à utiliser des <i> , alors que je les évitais scrupuleusement depuis la version 10, utilisant des <span class='i'> à la place... Il y a deux raisons à cela : tout d'abord, ca n'a pas disparu du XHTML 1.1, et c'est plus court, donc ca doit vouloir dire qu'on peut les utiliser sans risque... Mais la vraie raison, c'est que pour moi, ces tags, au dela du fait qu'ils mettent le contenu en italique, comporte un sens sémantique : un complexe mélange entre <strong> qui mettrait en valeur, mais aussi parfois pour souligner une approximation, ou quelque chose dans c'genre là

Tags : aucun
252 - Un p'tit commentaire ? (1)

Somatic - Nouvelle feuille de style pour le blog | lundi 01 novembre 2004, 12h14

Le nouveau design, dans les navigateurs décents

En inspiration directe de l'apparence de mon administration, voici pour vous et en exclusivité une nouvelle version de Dual Blog, déstinée à remplacer Olive Verde qui commence réellement à dater un p'tit peu... De plus, Olive Verde n'est pas réellement dans l'esprit du design actuel du collectif, et pas non plus dans l'esprit de l'OS que j'utilise principallement en ce moment, raison de plus pour que ce ne soit plus la feuille de style par défaut ^^;

Dans le détail ? Des icones de David Lanham pour The IconFactory, dans l'esprit somatique, c'est à dire avec des formes destinées à s'adapter à l'humain, pour changer. Niveau CSS, pas de révolution, j'aurais préféré ne pas avoir à positionner les icones avec du position:absolute; mais je ne pouvais pas réellement faire sans si je voulais avoir le rendu que j'avais en tête sans modifier la page XHTML, ce qui est la base du jeu dans le cas ou on ajoute une AltSS ^^; Les curieux ayant été voir le code auront remarqués que j'ai quand même modifié un chouia le JS, de facon à n'avoir qu'une seule section visible à la fois... J'aurais pu m'en passer, mais, j'sais pas, j'aimais pas vraiment le résultat, ca pouvait prendre un peu trop d'une place qui devrait quand même être en priorité accorder aux posts ( surtout que les miens sont générallement pas vraiment court ^^; )

Les utilisateurs d'Internet Explorer auront pu constater une différence entre la capture d'écran et ce qu'ils voient réellmement : fondamentalement, les cadres gris autour des icones proviennent de l'absence de support du canal alpha des PNG du poids mort que constitue IE... J'ai pas vraiment trouvé de solution qui permette d'avoir correctement la transparence sur IE pour des images préciser par un background-image:url('...') en CSS, et les icones sont vraiment moins jolies dans la palette des 256 couleurs du GIF, donc, je ne peux que vous recommander de changer de navigateur. Pour plus d'informations, erm, Browse Happy vous fournit des raisons précises sur pourquoi vous ne devriez pas utiliser IE, et Get Firefox vous permet même de changer de navigateur pour avoir le p'tit Firefox que vous avez pu voir dans ma capture d'écran en quelques clics. M'enfin, pour Firefox, maintenant, je vous recommanderais plutot d'attendre le 9 Novembre, date de sortie prévue de la version 1.0 ^^

Tags : aucun
251 - Un p'tit commentaire ? (3)