Une fois n'est pas coutume, le petit projet dont je parlais était très égoïstement pour moi tout seul : cela fait presque 8 ans que j'ai refondu ce site, et curieusement, l'interface d'administration que j'avais faite à l'époque n'a pour ainsi dire pas bougé.
Son côté extrêmement spartiate… mais très pratique (rapide, léger et sans fioriture) m'a permis de tenir à jour ce site de manière efficace, comprenez par là que cela ne me prenait pas trop de temps. Entre Noël et maintenant, je me suis amusé à la refaire en utilisant le frameworkjQuery Mobile, sorti en version finale le 16 Novembre 2011.
Plutôt qu'un long discours, voici une petite salve de captures d'écran :
| |
| |
Autant le dire : je ne suis pas à la base un fanatique des frameworks… néanmoins, je reconnais qu'après un essai de jQuery Mobile sur un projet concret, je suis très agréablement surpris par le résultat. Je ne cache pas que mon idée était surtout d'utiliser cette interface sur mon iPad.
Les points forts de jQuery Mobile sont les suivants :
C'est relativement simple à apprendre, hormis quelques éléments de syntaxe, les divers éléments s'utilisent très simplement, en tout cas, je n'ai rien trouvé d'extrêmement complexe à l'utilisation,
le rendu du design est plutôt bon, pas besoin de se soucier de paramétrer beaucoup de choses pour avoir un résultat très satisfaisant, beaucoup de choses sont prises en charge automatiquement (chargements, transitions, etc.),
un très bon point : très peu de styles à ajouter ou redéfinir, j'ai dû ajouter quelques petites bricoles, et encore, ce n'était pas de l'ordre de l'impératif. Le rare cas échéant, il est assez aisé de les surcharger.
Les formulaires sont plaisants et assez simples à travailler, sans pour autant perdre en fonctionnalités.
Et détail important, ça fonctionne diablement bien, que je le teste sur iPad, iPod, Firefox ou Chromium, le résultat est homogène et fonctionnel.
Au passage, je me suis amusé à ajouter quelques balises d'HTML5 (les formulaires et la sémantique), la géolocalisation en page d'accueil, un cache manifest pour un mode hors-ligne, et je compte bien ajouter d'autres bricoles du genre.
Bref, jQuery Mobile colle tout à fait à la définition que je me fais d'un framework : réellement se simplifier la vie dans un cadre donné, et non pas reporter l'apprentissage d'un langage sur un framework (dans ce cas, je préfère apprendre le langage plutôt que le framework, question de point de vie).
Autant j'étais sceptique quant à la réelle utilité d'utiliser un framework pour du web mobile, autant jQuery Mobile a levé ces doutes pour montrer sa puissance et sa simplicité. Je ne peux que vous recommander de l'essayer !
Voici une bonne pratique que je regrette de voir souvent oubliée… y compris par moi-même parfois.
Si dans vos intégrations CSS, vous avez un bloc qui comporte une image de fond, comme par exemple sur ce site #bandeau via :
background: url(top.jpg) 0 0 no-repeat;
Et si ce bloc contient du texte, ayez ceci à l'esprit : si l'image ne se charge pas pour n'importe quelle raison, le texte qui va être dans ce bloc sera sur la couleur de fond héritée. Si vous n'avez pas indiqué de couleur de fond, il est possible que la couleur héritée pose un problème d'accessibilité.
Voici l'exemple sur mon site, simulé avec Firebug :
Comme vous pouvez le voir, le contraste n'est vraiment pas fameux.
C'est d'autant plus énervant que c'est très simple à régler, il suffit de spécifier la bonne couleur de fond dans la règle CSS qui appelle l'image de fond de votre bloc. Dans mon cas :
background:#EEEBDA url(top.jpg) 0 0 no-repeat; (j'ai juste rajouté une couleur de fond)
Si je reprends l'exemple sur mon site, simulé avec Firebug :
Comme vous pouvez le voir, c'est bien meilleur ainsi.
Pensez-y : c'est très simple à prévoir, et cela peut éviter de fâcheux désagréments.
Feu mon grand père avait une expression qui m'a toujours interloqué étant petit : quand il entendait quelqu'un dire « on », il disait :
« On », pronom imbécile, définit celui qui l'emploie.
L'expression était livrée telle quelle, sans service après-vente, de but en blanc. J'avoue que je n'en voyais pas le sens réel, si ce n'est que dire « on » le faisait râler.
Environ 25 ans après, au hasard de discussions avec des personnes extrêmement branchées développement personnel masculin, ils me racontent dans une longue diatribe (je résume) qu'il est important de personnifier ses paroles, autrement dit, de dire « Je vais faire ça, Je compte faire ceci, tu dois faire ceci, etc. », ce que ne permet pas le « on », qui par définition est impersonnel.
Même si je ne suis pas autant branché développement personnel que ces personnes (pour qui cela tourne à l'obsessionnel, mais c'est une autre histoire), je ne peux qu'être d'accord. Et là, je me suis souvenu de cette expression. Étonnant, j'ignore s'il mettait le même sens dans sa phrase, néanmoins, il y a de quoi tiquer.
Je pourrais en tirer de longues conclusions sur le développement personnel, sur mon grand père, etc. mais je préfère juste en tirer un petit sourire…
Un peu d'humour en ce début d'année, j'ai de nouveau imaginé ce que seraient les nouvelles bonnes résolutions… des clients d'agences web, l'année précédente était un bon cru, mais cette année comporte quelques pépites :
Si j'ai une demande, et que cette dernière impacte fortement une tâche qui doit par exemple se dérouler le Mardi à 15H, je ne vous contacterai plus le Mardi à 14H55, mais plus tôt.
Je ne vous appellerai plus juste après vous avoir envoyé un e-mail pour discuter dudit e-mail, c'est une perte de temps, je sais que vous lisez vos e-mails.
Corolaire de la résolution précédente : je ne vous téléphonerai plus pour vous dire que je vous vais vous envoyer un e-mail, c'est également une perte de temps.
Non, je ne lancerai plus un site un Dimanche, je sais maintenant que vos développeurs ont une vie privée ET une vie sociale.
Corolaire de la résolution précédente : lancer un site un Vendredi en fin de journée n'est PAS une idée géniale.
Je ne mettrai plus la Terre entière en copie quand je suis énervé, car il est possible que dans votre réponse, vous mettiez également la Terre entière en copie, et si c'est moi qui ait tort, cela va me mettre dans l'embarras (et accessoirement, cela ne concerne que vous et moi).
Si je ne connais rien à un domaine, par exemple l'intégration, je n'essaierai plus d'avoir l'air malin, je ferai mes demandes en bon français, et charge à vous de traduire ça dans votre langage.
Je comprends que vous demander un petit rabais est envisageable, néanmoins, je comprends aussi que diviser votre prix par deux ou par trois impliquera de vous demander deux à trois fois moins de travail.
Corolaire de la résolution précédente : non, je ne demanderai plus un développement d'un site complexe en espérant que vous me ferez un prix ridiculement bas.
Note : c'est toujours de l'humour… nous ne sommes absolument pas parfaits non plus.
Il y a quelques années, j'ai pu mesurer l'importance de miser sur les standards du web, et surtout des standards ouverts et libres.
La société précédente qui m'employait avait son intranet, programmé avec amour par mes soins. En bon convaincu des standards, j'avais programmé ce dernier en utilisant PHP, MySQL, XHTML/CSS.
Cet intranet gérait beaucoup de choses :
plein de types de factures (et leur version imprimable via CSS),
les vacances (ça c'est le plus important),
divers processus plus ou moins complexes de feuilles de travail pour les employés, etc.
Le tout était consultable dans n'importe quel navigateur. Pour un certain confort d'utilisation, je recommandais Firefox à l'époque, entre autres notamment pour ses onglets et pour pouvoir naviguer rapidement dans des select avec de nombreux choix (on pouvait taper "Dur" pour accéder aux entrées commençant par "Dur", Internet Explorer ne permettant d'atteindre que la première lettre, donc on ne pouvait chercher qu'à partir de "D", ce qui est moins pratique).
A l'époque, j'avais également programmé un petit intranet pour un grand compte. J'avais utilisé l'ASP et Access (qu'on m'avait imposés), mais le rendu des pages était fait via XHTML/CSS.
Un matin, j'arrive à la pause café, et je vois nombre de collègues en grande discussion avec des personnes que je ne connaissais pas. Ces dernières étaient en fait responsables de l'informatique et des intranets dudit grand compte, lequel avait fait le choix pour leurs intranets du tout Microsoft, "proprio et ActiveX" comme je disais en riant.
On me présente à ces personnes comme étant le responsable des deux intranets mentionnés ci-dessus, et s'engage une discussion d'une heure assez surréaliste (je résume) :
— (s'adressant à moi) Vous devez être sous perfusion de stress ces temps-ci ! — Heu non, pas en particulier, pourquoi me dites-vous cela ? — Bin avec la migration, ça tourne à la catastrophe chez nous. — Quelle migration ??? — Bin on va passer à Internet Explorer 7, et c'est pas triste avec nos intranets. — (interloqué) Et pourquoi donc ? Ça fait un bout de temps qu'il est sorti, ça marche plutôt bien, et honnêtement ça a pas changé grand chose par rapport au 6. — Vous plaisantez ? Les intranets avec ActiveX ne fonctionnent plus correctement, on a des bugs de rendu, ça fait des mois et des mois qu'on bosse à cette migration, et on a problèmes sur problèmes ! — Ah bon ???
(à partir de ce moment, je me suis rendu compte qu'on parlait de deux mondes complètement différents)
— L'intranet dont vous vous occupez pour nous n'a pas de problème ? — Bin pourquoi voudriez-vous qu'il en ait ? Le rendu est le même, j'utilise pas ces cochonneries d'ActiveX, et ça fonctionne sur n'importe quel navigateur à partir d'Internet Explorer 6. C'est un peu plus agréable avec Firefox, mais c'est du petit confort en plus. — Vous n'avez pas de problème de rendu ? — Pour être honnête, j'ai repris le design corporate au pixel près, mais je l'ai réintégré en CSS histoire de ne pas me faire ch… suer. — Nous c'est stress test depuis des mois pour une centaine de développeurs, plein de problèmes de compatibilité… heureusement qu'on n'a qu'Internet Explorer. Quand y a un nouveau navigateur, vous faites comment pour vos intranets ? — Biiiiin… je fais pas grand chose, un rapide tour d'horizon, et tout fonctionne. J'ai eu une fois en 4 ans un problème de rendu dans les versions imprimables des factures, je l'ai corrigé en au moins… 10 bonnes minutes ! — Mais c'est pas possible ça ! — Je peux vous assurer que je n'y passe pas plus de 3 minutes en temps normal. Vu que ce sont des pages web, je n'ai pas à m'en soucier. Par acquis de conscience, je vérifie quand même pour pouvoir garantir que mes collègues puissent mettre à jour leur navigateur le jour même, mais tant qu'ils utilisent un navigateur récent, à la rigueur, je m'en fous, je sais que ça fonctionne, surtout que chacun de mes collègues utilise un navigateur différent. Et heureusement, car je suis tout seul au développement et je m'occupe d'autres trucs, vous imaginez si je devais passer une semaine à chaque fois, ça serait pas possible ! (en riant) — Etc.
Soyons honnêtes, l'échelle n'est pas la même. Quoique l'intranet que j'avais fait pour eux, même modeste, tournait sur 4 continents sans souci.
La différence était un choix de départ, j'avais fait un choix de standards libres et ouverts, ils avaient fait le choix du propriétaire avec plein de dépendances complexes.
Résultat, j'ai eu la nette sensation de voir deux mondes antagonistes ne pouvant même pas se comprendre. Là où je voyais de la simplicité et aucun problème particulier, en face des problèmes extrêmement complexes. Là où une personne suffisait à gérer le tout, en face de grosses équipes peinaient.
Et encore, je ne parle pas de la réactivité, de l'extensibilité, des prix des licences, du coût de maintenance et des autres navigateurs… et le plus drôle, c'est que j'ai ouï dire que l'intranet que j'avais fait pour eux tourne encore 5 à 6 ans après. Quant à celui de mon ancienne boite, il tourne toujours depuis plus de 7 ans.
Définitivement, je crois que les personnes responsables de ces choix devraient mesurer l'importance des standards libres et ouverts, de ce qu'ils garantissent de facto, des économies qu'ils permettent, et plus largement que leur universalité n'est pas une option à sous-estimer.
Encore quelques efforts, et une partie très ancienne de mon site va être totalement refondue… et quand je dis ancienne, je pèse mes mots, vu qu'elle était déjà là depuis le début, c'est-à-dire depuis 8 ans !
Comme cette refonte implique un changement plutôt radical et des techniques relativement modernes, elle sera présentée de manière assez exhaustive en temps et en heure.
J'ai eu le plaisir de lire "HTML5 pour les web designers", un petit livret sur les nouveautés d'HTML5 écrit par Jeremy Keith.
Le format plutôt léger (moins de 100 pages) peut paraître surprenant à côté d'ouvrages plus volumineux, néanmoins c'est un de ses points forts (le livre se lit très vite).
L'auteur aborde divers points :
l'histoire d'HTML5, en substance "comment en est-on arrivé là", avec l'échec de XHTML2, etc.,
les changements dans le balisage : les balises obsolètes, les nouveaux sens sémantiques de certaines balises existantes,
les médias riches comme video et audio sont bien abordés, Canvas l'est également mais de manière très rapide,
les web forms sont traités de manière assez complète,
dans une partie assez conséquente, la sémantique des nouvelles balises, qui est à mon humble avis le point fort du livre. Les nouveaux modèles de contenus et de segmentation de documents sont bien expliqués, les nouveautés pas si anodines que ça sont bien traitées.
Une partie finale sur la mise en place de ces nouveaux éléments d'HTML5 clôt le livre, avec de bons points à savoir.
L'auteur élude complètement les nouvelles APIs en les présentant très succinctement… et ce parti pris totalement assumé noir sur blanc est à mon avis une très bonne idée : l'auteur se concentre sur le balisage, et le fait très bien.
C'est assurément une bonne lecture pour débuter en HTML5 ou pour parfaire ses connaissances sur la sémantique d'HTML5.
Au menu : suite à une remarque sur Twitter, le choix des radio et autres select est rendu plus pratique, et j'ai ajouté l'attribut class sur les champs, que j'avais curieusement omis depuis le début du projet.
D'autres améliorations devraient être rapidement ajoutées !
Édit : tiens, premier billet posté depuis l'iPad ! Et sûrement pas le dernier vu ce que je prépare…
Amusante expérience de ce matin : je viens de tester avec succès la mécanique de la lancée d'un troll (sujet volontairement polémique) ou d'un buzz (un sujet qui va avoir un relai certain, positif ou négatif).
L'idée a été toute simple, j'ai juste indiqué sur Twitter la phrase suivante : Allez, montrons l'exemple : plus de méta description ou keywords sur mon site, une cochonceté en moins.
Immédiatement, j'ai eu plusieurs réactions, des personnes qui se et me questionnent, d'autres qui bondissent (à juste titre)…
La technique est simple, lancez :
soit un titre choc, une aberration au sens commun (Chrome est le nouvel IE6, très beau celui-là),
ou un sujet imprécis,
ou encore un sujet… sujet à interprétation,
ou un sujet ne prenant qu'un aspect en compte, etc.
Mon exemple était particulièrement parfait, faisant presque partie de tous les cas ci-dessus.
En l’occurrence, c'est vrai, j'ai supprimé ces balises de mon code. Ce qui appuie ma démonstration, vu que je l'ai fait. Ceci dit, la réalité est bien autre.
En référencement naturel pour Google, la balise méta keywords est effectivement ignorée selon plusieurs sources. Quant à la balise méta description, toujours uniquement chez Google, elle sert surtout dans certains cas dans les résultats, elle est affichée en-dessous de la page trouvée. Ce propos n'est donc valide que pour le référencement naturel pour Google. Et en toute honnêteté, je suis bien incapable de dire si c'est le cas pour les autres moteurs de recherches.
Comme me l'a vite fait remarquer Élie que je cite : Les mots-clés et descripteurs ne sont pas des trucs pour Google mais des outils de la documentation.
Je rajouterais bien : Les mots-clés et descripteurs ne sont pas uniquement des trucs pour Google…. Là, Elie montre rapidement que mon propos ne prenait en compte tout l'aspect de la question.
Désormais, avant de foncer sur un titre ravageur (Apple est mort, Google est le nouveau Microsoft, les standards du web sont le nouvel intégrisme, etc.), relativisez. Avant de relayer une info, vérifiez-la. Ou du moins, situez bien le cadre de cette information. Et admettez que le cadre peut en être limité, même si vous êtes un expert dans le cadre dont vous parlez.
Quant à la suppression de ces balises, je les ai virées effectivement, non pas pour soutenir mon propos, mais plutôt parce que leur qualité laissait franchement à désirer en l'état actuel des choses sur mon site (encore une imprécision volontaire de mon propos). Et je prie ceux que mon tweet a interpelés de m'excuser (en même temps, c'est vendredi, et c'est le jour du troll).
Au menu, je reprends une de mes premières images Terragen 2, une des plus longues à calculer à l'époque, je crois qu'il m'avait fallu plus de 1000 heures de calcul sur mon ancien ordinateur. Des surplombs, de la réflexion… et beaucoup, beaucoup de calme.
Définitivement : c'est quand même mieux en version animée !
J'avais commencé à lire "HTML5 : De la page web à l'application web" il y a un certain temps déjà, mais quelques aléas m'ont empêché de le finir rapidement. Toutefois, cet étalement dans la lecture est désormais réglé, je viens de le finir ce matin même !
Comme les auteurs Jean-Pierre Vincent et Jonathan Verrechia font dans ce livre, je vais droit au but : c'est une lecture très plaisante, riche et intéressante.
Les auteurs ont un point de vue très pragmatique sur toutes les nouvelles possibilités qu'offre HTML5, c'est à mon sens le point fort du livre : ici point de délire qui fonctionne sur un navigateur en version alpha, c'est du concret.
Le livre commence en douceur par une rétrospective de l'arrivée d'HTML5, les nouvelles balises et attaque ensuite les nouvelles possibilités des formulaires.
Jusqu'ici, vous pourriez me dire que si vous avez déjà lu CSS avancées, vers HTML5/CSS3 de Raphaël Goetter, point de grosse nouveauté… et vous n'auriez pas totalement tort.
Toutefois, il serait vraiment dommage de s'arrêter là, car à mon avis, le livre se différencie totalement de celui de Raphaël à cet instant et prend à mon humble avis son envol avec Microdata, ARIA, le livre glisse doucement vers les applications et sort de l'intégration pure.
La deuxième partie sur les API confirme cette sensation (et le titre du livre !) : Audio et Video, Canvas, Drag and Drop, File, la géolocalisation, le web déconnecté… c'est très dense et toujours vu d'un œil très pratique et pragmatique. A l'aide d'exemples très simples, les auteurs nous montrent des possibilités assez fantastiques et très prometteuses.
Le livre se finit sur un partie assez pointue sur WebSockets (où l'intérêt et la compétence reconnue des deux écrivains en matière de performances web se ressent particulièrement), et offre en annexe des fiches pratiques pour chacun des sujets abordés, une sorte de trousse à outils numérique si j'ose dire.
Assurément, si vous faites un minimum de veille technologique ou si vous vous affublez du titre de développeur Front-end, il est impensable de passer à côté de ce livre "HTML5 : De la page web à l'application web". Il se lit bien, c'est concret, sérieux sans se prendre au sérieux.
Au menu : quelques corrections tellement mineures que je ne vais pas les détailler, et surtout l'ajout du type="tel" que j'ai honteusement oublié.
Pensez-y quand vous développerez vos formulaires, les utilisateurs en situation de mobilité vous diront merci. Et les label sur les champs seront salués par les défenseurs de l'accessibilité (et tous vos utilisateurs, accessoirement).
D'autres idées d'améliorations me trottent en tête, toutefois, je suis toujours preneur de retours avisés !
Un des effets secondaires de Paris-web parmi les plus inattendus a été de pouvoir tester le fonctionnement du cache manifest que j'essayais de faire fonctionner depuis quelque temps, la faute en revenant à mon iPod touch qui n'a jamais voulu faire fonctionner le Wifi donné pour les conférences.
Si l'idée de conférences sans Wifi était au final une très bonne chose, ce n'est pas le sujet du jour comme vous vous en doutez.
J'ai été plutôt surpris de la relative simplicité pour implémenter un cache manifest. Ah pardon, j'oubliais : un cache manifest permet de stocker localement des fichiers sur la machine de l'internaute, afin de pouvoir faire fonctionner une application ou un site hors-ligne, c'est une des nouveautés apportées par HTML5.
Voici un guide rapide pour l'implémenter. Tout d'abord, il vous faut ajouter dans un .htaccess le bon type MIME, à savoir :
AddType text/cache-manifest .manifest
Ensuite, il faut créer un fichier cache.manifest, dans mon cas, je l'ai mis à la racine de mon site. En voici le contenu en trois parties :
sous FALLBACK, la page qui va être affichée au cas où on se connecte au site en étant hors ligne,
et sous NETWORK les fichiers nécessitant une connexion internet.
Dans mon cas, vous noterez que je stocke localement tous les fichiers nécessaires à la page offline.html, qui sera donc affichée si on cherche à consulter une page du site en étant hors-ligne (autrement dit, toutes les autres pages que les fichiers spécifiés sous CACHE). Le cache se met à jour dès que le fichier cache.manifest est mis à jour. Le "v12" en commentaire ne sert d'ailleurs qu'à cela.
Il ne reste plus qu'à ajouter manifest="/cache.manifest" à votre balise html :
pour déclarer le cache manifest. Dans mon cas, je me suis débrouillé pour qu'il ne soit appelé que dans une situation de mobilité (sur un navigateur de type mobile).
Seule condition pour qu'il s'active : que l'internaute soit déjà passé sur le site en mode connecté bien sûr ! Si c'est le cas, l'internaute verra la page offline.html. Évidemment, c'est un exemple relativement basique et pas indispensable pour ce site, toutefois, cela ouvre des perspectives très intéressantes pour les futures applications qui fonctionneront avec ou sans connexion.
et je m'intéresse fortement aux chargements asynchrones via RequireJS, principalement de Jquery.
J'ai fait plusieurs essais sur divers sites, et j'en tire quelques enseignements sur deux cas bien distincts.
Mon site personnel est plutôt bien optimisé point de vue performances et plutôt léger :
une petite dizaine de requêtes tout au plus pour la page d'accueil,
la CSS est chargée dans le head, quand à Jquery, le fichier est chargé en bas de page.
Je constate qu'utiliser un chargement asynchrone dans mon cas n'apporte que peu ou pas de bénéfice en vitesse de chargement : cette dernière est même ralentie, et ce quel que soit le navigateur.
Autrement dit : ne perdez pas de temps à déployer des chargements asynchrones sur des sites de ce genre, il n'y a aucun bénéfice à en tirer. Travaillez plutôt les performances avec les conseils de bases (mais toujours très valables, cet exemple en est la preuve) des trois articles d'Openweb que j'ai écrits.
Si vous doutiez du bien fondé des conseils de bases d'Introduction à la performance web, vous avez la preuve que les respecter scrupuleusement vous évite dans certains cas d'aller chercher des solutions plus compliquées.
Par contre, j'ai mené des essais sur des sites plus conséquents : plus de requêtes, Jquery et des plugins plus lourds comme Jquery UI ainsi que des pages beaucoup plus complexes.
Là, les résultats sont nettement plus tranchés : les chargements asynchrones font gagner entre une à deux secondes sans rien changer d'autre que la méthode de chargement des fichiers Javascript !
Par contre, si votre site utilise des propriétés Jquery en ligne dans votre code, du fait du chargement asynchrone, cela risque fortement de faire planter vos scripts, il faut traiter ces cas avec beaucoup d'attention. Je me retrouve également confronté au problème sur un site d'une certaine complexité, je travaille à le résoudre d'ailleurs, et je publierai dès que possible des pistes de solutions ici même.
Le site GPaley.ch a été l'occasion pour moi de gérer un site multilingue via une CSS générée dynamiquement.
Les postulats étaient les suivants :
Hors de question d'utiliser plusieurs fichiers CSS, tout doit être dans un unique fichier, et le système doit être aussi simple que possible à mettre en place et à maintenir, donc exit les LESS et autres SASS !
Hors de question de sacrifier les performances (la mise en cache doit être possible sans pour autant bugger).
Les images du bandeau dans chaque langue utiliseront les sprites CSS.
La CSS utilisera PHP pour gérer la langue.
Ce n'est pas compliqué, toutefois quelques léger écueils se sont montrés :
le bandeau peut avoir des dimensions différentes pour chacun de ses liens : par exemple, là où les textes de la navigation sont très courts en chinois, ils peuvent être très longs en allemand et nécessiter des adaptations.
les liens d'évitement qui peuvent être par exemple longs uniquement en russe et également nécessiter une adaptation, etc.
Le fonctionnement est assez simple, la CSS s'appelle donc styles.php, en voici le début :
<?php header('content-type: text/css'); ob_start('ob_gzhandler'); header('Cache-Control: max-age=31536000, must-revalidate'); // etc.
L'entête (headers) indique que le fichier PHP est bien de type CSS, et les autres permettent la mise en cache, la compression afin que les performances ne soient pas oubliées (en supposant que les fichiers PHP soient paramétrés pour ne pas être mis en cache).
L'appel à la CSS se fera ainsi : <link href="../layout/css/styles_new.php?lang=cn" rel="stylesheet" type="text/css" media="all" />
La mise en cache se fait sur le querystring, ainsi la CSS mise en cache pour la version chinoise ne viendra pas interférer avec celle de la version anglaise par exemple.
La gestion multilingue dans la CSS s'effectue par exemple ainsi : styles.php, en voici le début :
En supposant que vos images soient bien nommées selon la même logique. Autre cas :
<?php if ($lang=='en'){ ?> /* ici les coordonnées des sprites CSS pour la version EN */ <?php } elseif ($lang=='de'){ ?> /* ici les coordonnées des sprites CSS pour la version DE */ /* etc. */
Ainsi, cela permet d'adapter très simplement les blocs selon chaque langue. Comme la disposition reste sensiblement la même pour chaque langue, les adaptations sont peu nombreuses et rapidement déployées. La possibilité d'utiliser d'autres variables PHP pour les couleurs par exemple est tout à fait envisageable, même si pour cet exemple, je n'en ai pas eu le besoin.
Au final, l'ajout de nouvelles langues est très aisé, et il reste possible de faire des adaptations pour une unique langue le nécessitant.
Le système reste extrêmement simple à maintenir, ne nécessite rien d'autre que des bases en PHP (pas de framework comme SASS).
J'avoue, j'adore laisser des commentaires avec une bonne dose d'humour ou d’auto-dérision dans mes feuilles de style, mes pages, mes fichiers javascript, etc.
Déjà, ça situe bien l'état d'esprit dans lequel je me situe, ça permet de se défouler et parfois de transmettre des informations importantes. Mais surtout, quand on édite de nouveau ces fichiers, on se paie une bonne tranche de rire.
Et aujourd'hui, je viens d'en déterrer un magnifique, dans un fichier Jquery.
// effet de disparitions => transitions inverses : snoitisnart // ICI mettre les hrefs qui ne DOIVENT PAS déclencher la snoitisnart // en priant pour que ces derniers ne soient pas en doublons avec des comportements différents // sinon là, noussa avoir mal et très bobo if ( target!='_blank' && // mal mais personne ne m'écoute classe_link!='notransition' && // sert à rien, mais ça peut servir dans le futur… ou dans le passé href!='javascript:void(0);' && // ça c'est le slider jcouairy href!='#' && // ça c'est le plugin cycle href!='#navigation' && // ça c'est l'accessibilité, oui, mon intégration de base proposait qq efforts href!='#main' // qui semblent vains dans ce monde de brutes pour ceux qui naviguent au clavier ){
Héhéhé, un rien peut vous égayer une journée dans ce métier !
Mon ordinateur chauffe sa pièce et plus encore, la future animation avec Terragen 2 est en cours de calcul depuis un certain temps.
Histoire de donner quelques chiffres, la prochaine animation, ce sont 2000 images à calculer, 4 parties de 500 images rendues de front afin de réduire le temps de calcul, environ 7 Go de mémoire utilisés, et les 8 coeurs de mon Core i7 sont tous monopolisés.
Le web, c'est cooooool, c'est tendance, c'est hype, en plus, il parait que c'est facile, on trouve ce que l'on veut sur internet quand on a un problème.
Ne riez pas, je l'ai encore entendu aujourd'hui, et je l'entends assez régulièrement, même depuis mes études il y a 8 à 10 ans déjà.
Alors, je me permets de confirmer plusieurs vérités :
En effet, en tant que personne passionnée par son métier, je m'éclate comme un cochon dans la boue à faire des intégrations, à expérimenter des trucs, à apprendre, etc.
Globalement, c'est un métier très nourrissant intellectuellement parlant (je découvre plein de domaines via les sites que je fais), et très prenant.
Et effectivement, j'ai une sensation de plaisir que me confirment des événements comme Paris-web, il y a une bonne et belle énergie, il y a plein de "gens bien" dans ce domaine.
Toutefois, je constate que certains qui se lancent dans ce domaine aujourd'hui arrivent en ayant en tête que leurs maigres connaissances suffiront, que le soldat Google saura toujours les sortir d'un coup dur, qu'ils peuvent s'improviser intégrateurs/développeurs ou même graphistes/référenceurs/etc., et que le domaine est facile.
Ce mot et plus globalement cette attitude m'hérissent les cheveux que je n'ai pas sur la tête, coupe John Mc Lane oblige. Certes, des milliers de connaissances sont disponibles, et heureusement d'ailleurs. J'avoue que la période où les articles sur les standards étaient aussi rares que les embruns océaniques sur le Mont Blanc n'était pas toujours heureuse : sans faire mon vieux con, certaines choses maintenant bien documentées étaient bien laborieuses.
Néanmoins, et même si vous faites des sites très simples – et encore, la simplicité reste à définir, mettez des contraintes de performance, d'accessibilité, de référencement, etc. – , je pense vraiment que si vous souhaitez en faire votre métier, cette attitude est à proscrire très rapidement, sous peine de sévère déconvenue.
Un exemple me vient en tête, une personne est embauchée à mes côtés, se présentant comme intégrateur et doué en matière de CSS. Il me pose à plusieurs reprises des questions, auxquelles je réponds bien volontiers, je lui conseille même d'aller consulter des sites comme Openweb, Alsacréations, Pompage ou encore la partie CSS de Mammouthland, qui sont à mon sens des références pour la personne souhaitant apprendre et progresser.
Seulement, je constate que c'est un bricoleur du dimanche n'ayant même pas les bases. Si j'excuse bien volontiers le manque de connaissance (il est impossible de tout savoir, moi le premier je ne fais pas exception), je n'excuse vraiment pas celui qui ne cherche pas à combler ce manque. Encore plus quand il est manifeste, comme dirait mon cache.
Alors, oui, toute personne peut devenir quelqu'un de très fort dans un ou même plusieurs domaines du web, les connaissances sont là, et il y en a beaucoup à apprendre et même à (ré)inventer. Mais vous imaginez une seconde que cela peut se faire… sans effort ?
Toutes les personnes que j'estime être très compétentes dans divers domaines du web (allez sur les 4 sites cités ci-dessus, ou allez voir les personnes que je suis sur Twitter) ont passé, passent et passeront des heures, des journées, des années à apprendre et mettre en pratique des tonnes de connaissances, des savoir-faire, des compétences.
Alors oui, comme ce sont des personnes passionnées, il est difficile de voir les monstrueux efforts fournis, vu que ces passionnés ne voient pas cela comme une contrainte et n'en parlent pas en ces termes. Reste que ces compétences ne sortent pas de nulle part.
Définitivement, je pense que travailler et s'investir dans le web est possible toute personne motivée. Mais vraiment pas pour n'importe qui.
Le premier utilise les mediaqueries pour une version smartphone, Jquery pour de petits effets de fondus ainsi qu'une webfont.
Le second a la particularité de proposer 5 langues (français, allemand, anglais, russe et chinois), l'unique CSS étant générée via PHP afin de gérer l'aspect multilangue qui impacte l'intégration.
Petit amusement pour ma part, ce fut mon premier site en chinois. :)
Je reviendrai d'ailleurs sur cet aspect dans un futur billet, je pense que plusieurs points pourront intéresser les intégrateurs.
J'ai pour la première fois eu le plaisir d'aller assister à l'événement Paris Web 2011. Je pourrais faire une longue explication sérieuse de pourquoi cet événement est incontournable… néanmoins, je vais aborder cela d'une manière un peu différente.
Paris web, c'est le seul endroit où en moins d'une journée :
vous voyez Daniel Glazman qui court après un plateau de desserts,
Élie Sloïm vous lance un amical "salut Nico" au détour d'un changement d'amphithéâtre,
Antony Ricaud, après sa conférence sur le fonctionnement d'un navigateur, vous dit "mais tu aurais du dire qui tu étais, tu aimes Firefox toi !"
Sophie Drouvroy vous explique les vertus d'un sous-titrage pour les malentendants et vous met au détour d'une question… en situation où c'est vous qui avez besoin d'accessibilité,
vous profitez d'une discussion très intéressante sur la qualité web avec Delphine Malassingne, etc.
Tout cela et plus encore, avec un niveau et une concentration de compétences au mètre carré qui ferait baver d'envie n'importe quel DRH (ceux cités ci-dessus et tant d'autres, la liste serait très longue si je souhaitais être exhaustif) qui ne se prennent pas une seconde au sérieux. Je pourrais bien parler des conférences et des ateliers dont je me suis délecté, le tout avec un staff qui gère ça aux petits oignons, mais ce billet ferait deux bons kilomètres de long.
Pour avoir organisé plusieurs événements, en général, l'organisation n'existe pas quand tout marche (normal, ça marche) et est fustigée en cas de pépin, là, je peux bien leur dire et leur redire : ils ont assuré comme des bêtes, c'est de l'excellent boulot, réglé comme une symphonie.
Si vous n'avez pas compris pourquoi je citais autant de monde (et j'en oublie tellement), c'est parce que cet événement est avant tout une formidable rencontre de personnes passionnées et habitées, orchestrée de main de maître par des gens non moins passionnés. En tant que passionné du web, c'est un régal digne de l'ambroisie.
En tant que passionnés du web, nous adorons la technologie, mais définitivement, c'est l'humain qui est au centre de tout cela. Si vous en douteriez, allez faire un tour à Paris-Web, vous verrez que ce que l'on retient, ce sont les gens.
Histoire d'avoir de saines lectures et pensées pour le week-end, je vous propose plusieurs outils/liens concernant l'accessibilité des sites internet :
WCAG Contrast Checker, une extension Firefox qui vous permet de vite voir si vos contrastes de textes sont suffisants,
Colour Contrast Checker permet également de vérifier les contrastes de couleurs, et mieux, de trouver une solution grâce à une interface pour choisir vos couleurs.
Vischeck permet de simuler plusieurs déficiences visuelles sur des images ou des pages web. Instructif !
J'entends souvent sur l'accessibilité des phrases à l'emporte-pièce, style :
l'accessibilité, on s'en fout,
ça n'arrive jamais,
ça ne sert à rien, etc.
Curieusement, je suis à première vue mal placé pour parler d'accessibilité :
je n'ai pas de handicap cognitif ou physique (enfin, quelques soucis de dos, mais je m'en sors pour utiliser une souris),
j'ai une vision correcte (quoi que… mais passons),
je ne suis pas daltonien,
j'ai une très bonne ouïe,
Etc.
Autrement dit, je n'ai pas de raison particulière de me plaindre des problèmes d'accessibilité des sites… et POURTANT ! Il m'arrive de me retrouver en situation de handicap, et force m'est de constater que des sites pas trop mal conçus me sauvent la mise.
Voici quelques exemples de handicaps :
Fin de journée difficile au travail, je regarde quelques sites le soir chez moi. Il m'arrive de devoir surligner les phrases car mes yeux fatigués et mon écran très lumineux ne laissent pas de place aux contrastes trop faibles. Ajoutez à cela que mes yeux se fatiguent de plus en plus vite (je bouffe de l'écran à longueur de journée), j'imagine que les lunettes ne sont pas loin.
Mise à jour de mon site personnel sur mon ordinateur, ma souris sans fil tombe en panne de piles. Pas de souris ni de piles de secours, et mon site est planté. Me voilà forcé de naviguer au clavier. Et là, je peux vous assurer que j'étais très content que mon interface d'administration soit correcte sur ce point.
Il m'arrive au travail de faire quelques opérations au clavier, notamment sur les formulaires à rallonge au travail. Je peux vous assurer qu'un ordre de navigation normal, ou qu'un select qui ne soumet pas un formulaire sur un onchange est grandement appréciable.
Bricolage sur internet sur mon iPod Touch au soleil… malheureusement, une forte luminosité et des reflets intempestifs viennent gâcher ce moment agréable. Heureusement que le texte foncé sur fond clair limite le problème. Et les textes pas trop minuscules sont appréciés, car mes yeux sont toujours fatigués. Sans compter que mes gros doigts ont du mal à tapoter sur des liens minuscules. Et mon dieu, qu'est-ce que le lien qui permet de revenir en haut de la page est pratique, rappelez-moi de le mettre partout où je peux.
Bref, ce ne sont que quelques exemples parmi plein d'autres (imaginez l'utilité des sous-titres quand votre gamin hurle et que vous souhaitez écouter une vidéo), mais ils montrent bien que l'accessibilité apporte des bénéfices à tous… et pas toujours à qui on pense.
Firefox 7 est sorti hier, j'ai déjà fait la mise à jour sur mon lieu de travail et à la maison.
Mise à jour sans souci, le point le plus remarquable est la consommation mémoire en très nette baisse. Je vais apprécier au travail, vu que j'utilise Panorama avec en général 7 à 8 groupes d'onglets, chacun comprenant facilement 6 à 10 onglets. :)
Ombre se lance, son site va être servi en application/xhtml+xml, bon courage !
Si cette ligne semble anodine, je puis vous assurer qu'elle a de fortes répercussions sur la façon dont va être codé votre site, car si servir son site en classique text/html ne pose que peu de contraintes, le servir en application/xhtml+xml met des contraintes extrêmement fortes :
Votre code doit être bien formé (syntaxiquement parlant), sinon les navigateurs modernes comme Firefox afficheront une erreur de parsing XML… et n'iront pas plus loin !
Si votre site utilise les balises HTML5, je vous invite à (re)lire Pour migrer mon site vers XHTML5, j'ai détaillé tous les problèmes éventuels.
Plus gênant, IE dit le mal nommé ne supporte pas les sites servis ainsi (jusqu'à la version 9 qui le supporte enfin), il existe bien une astuce pour le faire fonctionner, mais c'est très imparfait.
Il y a plus simple : il est possible via PHP de détecter si l'agent utilisateur accepte les sites servis en application/xhtml+xml, voici la méthode :
Le principe est simple, si l'agent utilisateur supporte ce mode de rendu, alors j'envoie les bons entêtes (headers), et j'affiche le prologue XML… qui une bonne fois pour toutes, ne sert que si on sert son site en application/xhtml+xml !!! (pitié, arrêtez de le mettre, je le vois encore sur des sites que je reprends au travail, ça ne sert à rien pour 99% des sites) Dans le cas contraire, je sers le site en classique text/html.
Si vous voulez voir la différence, éditez la source de cette page sur Firefox, et ensuite sur IE8 par exemple. Vous verrez que la ligne du prologue disparait avec IE8.
Si vous utilisez HTML5, les métas ne changent pas, <meta charset="utf-8" /> marchant dans les deux cas. Avec HTML5, la détection se fait directement via les entêtes, et non plus via les méta-tags.
Dans le cas contraire, par exemple un bon vieux XHTML 1.0, on peut reprendre la même logique pour afficher le bon méta-tag :
Ainsi, vous ne pénaliserez pas trop les utilisateurs d'IE8 et inférieurs. Si j'osais un trait de cynisme totalement assumé… ils le sont déjà bien assez avec ces vieux navigateurs.
Lors des changements de version de Firefox, il arrive que des extensions soient incompatibles. Toutefois, le passage à la version 6 a montré une chose : souvent les développeurs ont déjà prévu une version compatible, toutefois, elle n'apparaît pas sur sa page sur addons.mozilla.com… enfin, pas directement, car elle n'a pas été vérifiée par Mozilla.
Pensez-y lors de la prochaine mise à jour : allez sur la page de votre extension, et jetez un œil tout en bas, dans "Informations de version", et vous avez le lien tout en bas "Voir toutes les versions". Là, vous trouverez probablement une version déjà compatible, c'est ce qu'il m'est arrivé avec une extension lors du passage à la version 6 de Firefox, et avec Yslow lors du passage à Firebug 1.8 : une version compatible existait déjà, il suffisait juste de savoir où chercher.
Sinon, pensez aussi à voir si vos extensions sont déjà prévues pour les prochaines versions. Si je prends l'exemple de Firebug, je peux voir qu'il est déjà compatible avec les 2 prochaines versions. C'est un gage de sérénité, et pour moi un critère important de choix d'une extension.
Autre outil très pratique, vous pouvez créer une collection d'extensions sur addons.mozilla.com. C'est utile pour suivre vos extensions favorites, leur compatibilité, etc. ou même une collection d'extensions d'une autre personne.
Si vous jetez un oeil à la collection de mes extensions favorites, vous noterez que beaucoup sont déjà compatibles avec les versions suivantes de Firefox. Autant mêler l'utile à l'agréable.
L'autre jour, je me suis confronté à quelques curiosités/expérimentations en Flash (une fois n'est pas coutume) et en HTML5 (deux fois ne sont pas coutume). Autant le préciser ici, mes connaissances en Flash sont très très limitées.
Un client me demande d'avoir un .flv (vidéo format flash, que je lis via un player flv) sans la barre de défilement de la vidéo. Après quelques essais infructueux, je décide d'ouvrir ce fichier flv sous Flash CS4 histoire de voir si ce dont ce dernier est capable d'en faire.
Surprise agréable, en quelques minutes, j'arrive à convertir mon .flv en un classique .swf, hormis Flash CS4 qui n'est pas capable d'ajuster la taille de la scène au moment de l'import (ce qui me parait pourtant être du bon sens), il faut juste la spécifier avant de faire glisser le fichier .flv sur la scène.
Une partie du problème était résolue, mon animation se lançait automatiquement sans la barre de défilement propre à la lecture d'une vidéo .flv. J'ai juste dû ajouter le paramètre loop dans le code ci-dessus pour éviter une lecture en boucle, inadaptée dans mon cas.
Seulement, le contenu en question devait pouvoir fonctionner sur iPad… et ce dernier n'est pas ami avec Flash (flv ou swf, même combat). Je décide d'utiliser la balise vidéo d'HTML5 en contenu alternatif de l'animation flash.
Curiosité, j'ai un gros problème de son décalé… après investigation, je m'aperçois qu'il ne faut surtout pas utiliser l'attribut autoplay sur la balise video, car sous Firefox, ce dernier lit le Flash et la balise video, avec un léger décalage (!).
Du reste, comme l'iPad désactive l'attribut autoplay par défaut (merci Apple pour le respect des standards, vite oubliés quand ils vous gênent), aucun regret.
Au final, grâce à quelques ruses combinant vieilles méthodes et très récentes, je trouve une solution parfaite à mon problème. Moralité : osez !
Jeune kikou-lol, tu me permettras de te tutoyer pour la peine.
Même si ton profil Facebook est fermé à tes non-amis… comment ça, jeune kikou-lol, ton profil Facebook ne restreint pas l'accès à tes photos ? Bon dans ce cas, vérifie dans "paramètres de l'album", dans le champ "confidentialité", sinon je ne peux rien pour toi.
Ceci dit, même si ces dernières ne sont restreintes qu'à tes amis Facebook, n'oublie pas que les photos que tu y publies sont publiées… sur Internet. Elles peuvent donc être récupérées : même si c'est peut-être compliqué pour un débutant — et encore ! (une capture d'écran est à la portée du premier idiot venu) — , je peux le faire en 2 secondes montre en main (Firebug, inspecter une élément, etc.).
Le lien que je sortirai n'aura pas les limites de ton compte Facebook. Et les images pourront potentiellement être reprises par n'importe qui, et n'importe où.
Certes, il y a une probabilité très relative que ma marmotte se retrouve sur un site de terroristes du Front de Libération de la Marmotte, mais ta tronche quand tu te bourres la tête ou quand tu fumes un pétard peut se retrouver n'importe où.
Est-ce que ça te parait invraisemblable qu'un de tes amis, pour te faire une blague potache ou juste en rigoler, le poste sur son blog ? Je n'y vois rien d'étonnant ou d'impossible pour ma part.
Et si quand on recherchait ton nom… Google amenait vers cette page ? Toi qui aimes qu'on commente tes photos, j'imagine que tu es sensible à ton apparence : alors imagine ton futur chef de là-où-tu-auras-envie-de-bosser, qui décide on-ne-sait-pas-pourquoi, de te googler… et qui tombe là-dessus. Si personnellement, je ne crains pas qu'on trouve mes marmottes, une photo compromettante de moi serait plus gênante.
De plus, va savoir pourquoi, ce sont les photos compromettantes qui ont le plus de succès ! Principe de Google, plus il y a de liens vers une page, plus Google la considère comme pertinente. Imaginons que ce soit la seule page qui parle de toi, la probabilité qu'on tombe dessus n'est pas nulle.
Cela te paraît invraisemblable ? Alors je te raconte une histoire certifiée vraie. Quand je faisais mes études en SRC, des copains se sont tapé un délire en faisant un calendrier où ils posaient nus. Le tout avait bien faire rire la promotion, c'était bon enfant et pas méchant pour deux sous, il se passe quelques semaines, et un fou rire généralisé passe dans la salle informatique. Un des malheureux participants s'était retrouvé sur un site d'annonce de rencontres gay entre hommes âgés et moins âgés. Il n'avait rien contre ce genre de ce site, mais de là à y figurer, il y avait une nuance.
Fais toujours une analogie avec le monde réel, mettrais-tu une photo de toi sur le mur de ta maison ?
On est bien d'accord, jeune kikou-lol : c'est crétin, tu ne fais rien de bien méchant, et dans un monde idéal, on n'aurait pas à devoir payer pour quelques bêtises pas bien méchantes. Mais c'est un risque potentiel, maintenant tu ne pourras pas dire que tu n'étais pas au courant.
Les études de cas de sprites CSS de chacun de ces tutoriels sont totalement différentes, et celui sur Openweb bénéficie… d'un peu plus d'expérience et de retours d'expérience de ma part dans le domaine, étant plus récent.
Et le sujet qui fâche, les extensions et la compatibilité ? Et bien, grosse (et bonne surprise) surprise chez moi, ma collection personnelle d'extensions en comportait une seule ne fonctionnant pas. Drame ? Non, l'auteur a déjà publié un correctif d'HTML Validator. Trouvé et téléchargé en 10 secondes, toutes mes extensions sont donc compatibles.
Bref, aucune raison de ne pas essayer cette nouvelle version de Firefox, cette version 6 est une réussite !
Voici une mini-revue de presse, au menu, une expression régulière, de la vidéo et de l'accessibilité, du web mobile, des performances et un peu de détente !
des formations aux soins via vidéos et conseils contextuels (il est possible de les visualiser en plein écran), et notamment via l'utilisation de la balise vidéo de HTML5, cela permettant d'utiliser le site sur iPad et consorts (les vidéos sont également au format WebM au cas où),
de nombreux effets Jquery (apparitions de contenus, fondus, menus déroulants, etc.) pour une interface dynamique et légère,
un système de gestion de contenu pour pouvoir piloter les catégories et les vidéos aisément,
et bien sûr beaucoup de CSS pour mettre tout cela en forme.
Bref, l'occasion de dépasser et de vite oublier l'ancienne version flash de ce projet !
Le projet est prévu pour fonctionner en trois langues au final, pour l'instant, les versions anglophone et francophone sont déjà en ligne.
Dernière innovation de Google, ils proposent désormais Page Speed Service (un service qui optimise votre site), et à ce titre, proposent une comparaison via Web Page Test.
En bon curieux, je fais quelques essais sur mon propre site, histoire de voir ce que ces optimisations peuvent donner. Mes suiveurs l'auront d'ailleurs vu sur mon profil Twitter.
Surprise, sur plusieurs mesures (8 en tout), une seule m'indique que ce service améliore la vitesse de chargement de mon site, et de manière assez négligeable, 87 ms. Les autres mesures m'indiquent que mon site se charge plus vite, parfois avec des écarts non négligeables, plus de 400 ms de plus sur un chargement de 530 ms ! (presque le double)
Mon but n'est pas de critiquer le service, mais de rappeler un principe qu'on oublie parfois : se former, travailler et chercher la qualité peut permettre de faire de sérieuses économies :
de temps de conception,
de services nécessaires pour améliorer votre site,
de coûteux audits le cas échéant,
et de temps de mises à jour ou de maintenance.
La qualité a peut-être un prix (autant pour le développeur/intégrateur que pour les clients), mais les économies qu'elle permet de faire peuvent être étonnantes. Soyons honnêtes, la qualité pour la qualité n'est pas nécessaire et le site parfait n'existe pas, mais quand cette qualité est le socle d'un travail, elle amène de nombreux avantages.
Quelques exemples des bénéfices d'un travail de qualité : il y a quelques jours, j'ai dû produire une version smartphone d'un site en très peu de temps (autant de part ma disponibilité que le budget, les deux réduits). L'intégration ayant été plutôt bien faite (pas par moi d'ailleurs) et le site n'étant pas trop compliqué, en une demi-journée (tests compris) le site complet était adapté. Tout le monde est content (employeur, employé et client).
Un autre client se fait démarcher par une personne pas totalement honnête qui lui explique qu'il faut avoir un bon score de performances web pour être bien référencé (ce n'est pas faux, mais présenté comme étant le seul critère primordial de référencement, il ne faut pas exagérer, les référenceurs apprécieront le raccourci). Cette personne appuie sa démonstration avec divers outils… qui confirment que le site en question n'a pas du tout de problème de performances. Le commercial repart, mon client pourtant novice en la matière est hilare.
Autre exemple, un projet prévu pour être uniquement affiché en ligne doit avoir une version hors-ligne. Le code XHTML étant bien conçu, une rapide adaptation du moteur PHP permet d'extraire la base de données et de produire des pages statiques, le DVD du site en version statique est prêt rapidement. Le client, content et stupéfait de la rapidité (comprenez du budget et de la réactivité), décide de nous confier deux autres projets semblables.
Elle est pas belle la vie au pays de la qualité web ?
Il est des gens que vous oubliez dès qu'ils sortent de votre champ de vision.
Il est des gens dont vous vous souvenez le soir.
Il est des gens dont vous vous souvenez la semaine.
Il est des gens dont vous vous souvenez des mois durant.
Il est des gens dont vous vous souvenez des années durant.
Et il est des gens qui vous font changer votre façon de voir les choses. Non pas par la force brute, mais par la force, la beauté et la puissance de leur personnalité.
Ce soir, je rends hommage à une femme qui fait partie de cette catégorie, avec qui j'ai eu l'immense plaisir et l'honneur de travailler sur un long projet, de ceux qui vous font douter d'y arriver, tellement le niveau est placé haut. Et pourtant, de ceux qui vous intiment l'idée que vous devez le faire, que vous ne devez pas laisser le train passer et sauter dans le wagon.
Parce que vous allez souffrir, parce que vous n'allez pas compter les heures, mais parce que vous irez au-delà de ce que vous avez fait, parce vous pourrez y mettre toutes vos tripes et vos connaissances, parce que vous ferez des choses dont vous n'imaginiez pas être capable.
Une anecdote parmi tant d'autres : imaginez un intégrateur dont la spécialité n'est certainement pas la création sous Photoshop, et imaginez une femme extraordinaire, les deux côte à côte, face à un écran. Les deux ont juste une base d'un graphisme de site, l'un sait se débrouiller sous Photoshop sans être graphiste, l'autre a une énergie phénoménale et plein de bonnes idées. Les deux se renvoient la balle, font des propositions, ont des idées qui rebondissent, s'inspirent, le tout dans un bouillonnement joyeux, foisonnant, studieux, étonnant, un ping-pong d'idées, où vous ne jouez pas contre un autre joueur, mais avec un autre joueur.
Je savais utiliser Photoshop, elle avait les idées et l'énergie. Au final, en deux heures, le graphisme est là, nous sourions de cette séance créatrice, et le tout se finit par un "topons-la", un "clac" de nos deux mains, de ceux qu'on ne fait que quand il s'est passé un moment génial.
Il y a bien d'autres anecdotes toutes aussi savoureuses, ce projet ayant duré 3 mois, et au final, il reste le plaisir. Le plaisir d'avoir partagé des choses, le plaisir d'avoir partagé des idées, de s'être enrichi humainement, d'avoir fait quelque chose dont on est fier.
Ce soir, je rends hommage à Floriane Briefer, qui est allée rejoindre les anges il y a quelques jours. J'ai pu travailler sur un projet fantastique, à savoir le site de l'Institut Briefer, PNL Coach. Plus que le projet en lui-même, je retiens vraiment la personne, et sa philosophie de vie étonnante de générosité, de curiosité intellectuelle, de travail, d'énergie, qui vous donne juste envie d'être meilleur.
Je vous le dis du fond du cœur Floriane et avec le plus grand respect : merci.
Ceux qui me suivent sur Twitter m'auront sûrement déjà vu m'étonner de la rapidité et de la facilité d'adaptation d'un site aux smartphones via les média-queries.
Autant le dire, cette technique, que j'utilise d'ailleurs sur ce site dans le skin actuel, a beaucoup d'avantages :
Si tant est que le code soit bien structuré et bien stylé, c'est rapide, il m'arrive régulièrement d'adapter des sites en une demi-journée de travail, tests compris.
Cela évite de tout réintégrer, on ne fait qu'adapter une CSS déjà développée.
Les résultats sont particulièrement bons pour un investissement assez modique : quelqu'un de rompu aux CSS n'aura pas de gros problème à utiliser les média-queries.
Toutefois, en retour d'expérience, je vois quelques mauvaises pratiques qui peuvent agacer et faire perdre du temps dans l'utilisation des média-queries, en voici une liste non-exhaustive.
Bannissez à tout prix les styles en ligne, ces derniers étant prioritaires sur les CSS externes, point de salut pour votre média-query !
Si vous pouvez éviter les hacks CSS, autant le faire, car certaines peuvent être pénibles à réadapter via média-query.
Évitez les sélecteurs trop chargés dans votre CSS principale, style #madiv ul li a span : ce n'est pas limitant en soi, mais juste une perte de temps, il faudra que vous répétiez ces mêmes sélecteurs à rallonge dans votre média-query. Dans ce cas, Firebug sera d'une aide précieuse pour récupérer ces sélecteurs à rallonge.
Attention aux positionnements absolus un peu trop exotiques : il faut penser à garder un flux qui a du sens !
Histoire de gagner du temps, je prévois toujours une classe .noprint avec un display:none; pour la version imprimable, l'équivalent pour mobile est envisageable : une classe .nomobile vous permettra de cibler les éléments non utiles. Idéalement, si votre structure est bien faite, vous n'en aurez même pas besoin. Mais sait-on jamais…
Vous ne remarquez rien ? Ces conseils sont déjà valables pour une intégration classique mâtinée de performance, j'espère que je ne fais qu'enfoncer des portes ouvertes avec ces points.
En méthodologie, j'utilise une technique très simple : votre média-query doit se présenter sous une forme ressemblant à :
@media only screen and (max-width:640px){/** ici les propriétés à adapter **/}
Au lieu de ça, utilisez :
@media screen{…}
Et modifiez votre CSS à la volée, vous créerez votre version smartphone directement dans votre navigateur favori. Inutile de vous dire qu'avec le duo Firefox et Firebug, c'est redoutablement efficace.
Si vous avez du mal, mettez un width:480px; à votre body, même si cela est assez imparfait au final (idéalement évitez les dimensions en pixels, préférez les pourcentages), cela vous permettra de voir comment se comporte votre site dans de plus petites dimensions. Même si la largeur du body est fixée en pixels, continuez en pourcentages ou en em, ainsi vous aurez moins de mal à laisser tomber les valeurs en pixels plus tard.
Une fois les propriétés adaptées (exemple, les items de votre bandeau sont empilés au lieu d'être côte à côte, les blocs inutiles sont cachés, etc.), enlevez le @media screen{...}, remettez votre média-query et testez sur un vrai smartphone. En général, il n'y aura pas de très gros souci, que des adaptations.
Avec un petit peu de pratique, tout peut aller très vite… et vous ferez comme moi à chaque adaptation, vous vous surprendrez de la rapidité, de la puissance et de l'efficacité des média-queries !
J'ai eu le plaisir pour mes 30 printemps de faire le tour du Mont Blanc en hélicoptère. Majestueux, incroyable, les superlatifs me manquent pour décrire ce que j'ai eu l'immense plaisir de contempler.
En résulte non pas une, non pas deux, mais trois galeries de photographies :
Bref, après l'avoir pris sous toutes les coutures dans plusieurs galeries de photographies, cette fois les photos ne sont pas prises de loin, mais sur place, dans le massif du Mont-Blanc !
Une nouvelle tendance (notamment sur Twitter) m'agace un petit peu : depuis quelques temps fleurissent des articles assez assassins sur Firefox, et ce en général, avec l'argumentaire Chrome c'est mieux.
Honnêtement, je reconnais que Firefox est perfectible, comme toute chose d'ailleurs, Chrome n'est pas exempt de défauts lui non plus. Ceci dit, je pense qu'on peut aisément dire que les deux sont de bons navigateurs, ils sont assez modernes, respectent plutôt bien les standards, etc.
Toutefois, il y a quelque chose qui me recroqueville les artères : j'ai vraiment du mal à comprendre l'intérêt de déployer une énergie colossale à décrier quelque chose… au lieu de vanter les mérites de celle qu'on lui préfère. C'est plus facile ? Plus à la mode ?
Surtout que je pourrais critiquer Chrome aisément, en toute bonne foi partisane, mais je préfère dire plutôt :
pour le respect de ma vie privée,
pour son système de groupes d'onglets qui m'est proprement indispensable au boulot,
Histoire de fêter le cap des 3 000 000 de visites franchi il y a peu, je prépare non pas une, ni deux, mais trois galeries de photographies d'un site exceptionnel… visité de manière exceptionnelle.
Un indice, il a déjà été pris en photo de nombreuses fois dans les galeries.
Juste le temps pour moi d'en trouver (du temps), et ces trois galeries seront en ligne, les photos sont déjà prêtes.
Et bien, c'est désormais chose faite : le site vient de tourner les 3 000 000 de visites depuis sa refonte, c'est-à-dire depuis le 20 Avril 2004.
Pour mémoire, le dernier cap (2 000 000) avait été franchi il y a un peu moins d'un an et 4 mois, le 7 Mars 2010 pour être précis.
A l'origine, il y avait :
3 CSS alternatives, il y en a maintenant 25 ! La dernière a d'ailleurs été ajoutée il y a peu,
moins de 10 réalisations web à mon actif, j'en ai plus d'une cinquantaine à mon actif maintenant,
2 billets… en 7 ans et 3 mois, j'en ai écrit 1394,
aucun commentaire, maintenant, il y en a 1664 !
Bref, cela dépasse tout ce que j'imaginais pour une simple refonte… et le plus amusant, c'est cela :
7 ans après, je ne vois pas de raison d'arrêter, et je suis persuadé que les 7 prochaines années vont amener autant de nouveautés que les 7 passées, et peut-être même bien plus encore !
Firefox 5 est sorti il y a quelques jours (le 21 Juin pour être précis), c'est la première version depuis le passage au cycle de développement accéléré.
En grand amateur de ce navigateur (et en très grand amateur de ses extensions), je l'ai rapidement installé sur mon ordinateur à la maison… la première réaction à chaud n'était pas fameuse : si le passage de la version 3.6 à la version 4 m'avait vraiment impressionné, pas de grande révolution qui saute aux yeux pour cette version.
Et le sujet sensible : beaucoup d'extensions incompatibles. Dont certaines assez critiques pour le développeur/intégrateur web que je suis. Je reconnais que les premières pensées qui me sont venues à l'esprit n'étaient pas très agréables, et j'ai remis cette mise à jour à plus tard sur mon poste de travail.
Seulement, c'était sans compter sur la réactivité des développeurs des extensions, la réactivité typiquement Twitterienne, et également l'inénarrable Monique Brunel, dite @webatou.
Je sais que cela a pris 5 jours, mais même si le net cultive l'instantanéité, 5 petits jours pour migrer pleins d'extensions et améliorer même ce dont je disposais, je trouve que la performance est excellente !
J'ai donc pu découvrir et je vous recommande entre autres :
Fang Screen Reader Emulator, qui vous émule la lecture d'une synthèse vocale, vous aurez des surprises en voyant votre contenu ainsi modifié !
WAVE Toolbar, qui vous aidera à évaluer l'accessibilité de votre site web,
WCAG Contrast Checker, très pratique pour vérifier que les contrastes des textes soient suffisants.
Assurément, une mise à jour au final très bénéfique (même si je pense qu'on a plus une version 4.2 qu'une 5.0), et un message pour Mozilla : soignez bien votre navigateur, mais soignez encore plus vos développeurs d'extensions.
des adaptations pour une version smartphone (via media-query… mais pas uniquement),
des effets Jquery (sliders, fondus, etc.) chargés sélectivement selon si on consulte une version desktop ou smartphone, et ce afin de ne pas ralentir cette dernière,
quelques formulaires utilisant les nouveaux types et attributs HTML5 (placeholder, required, les champs de type url, email, etc.),
Bref, l'occasion de mêler beaucoup d'ingrédients d'un site web moderne de façon simple et élégante.
Une réalisation particulièrement intéressante et agréable, l'équipe de CSM étant très dynamique et sympathique ! Je me permets d'ailleurs de saluer amicalement Charlotte, toujours agréable et prompte à nous régaler de sa bonne humeur. :)
J'avais pour habitude de télécharger la version mp4 depuis ma chaine Youtube (étant l'auteur, j'ai cette possibilité) et de produire les autres formats (WebM et Ogg Theora) avec Miro video converter. Toutefois, je viens de constater que la version mp4 de Youtube ne convient pas à l'iPhone ni à mon iPod touch.
Seule solution simple trouvée : utiliser Miro Video Converter pour générer une version mp4 optimisée pour iPhone, cela solutionne le problème pour ces smartphones.
Si vous n'avez jamais essayé ce logiciel, je vous invite à le faire, je n'ai pas trouvé de meilleur concurrent à ce dernier… ni de plus simple.
Ainsi, vous pourrez briller en société en utilisant la balise video de HTML5.
Autant les sites servis en text/html ne sont pas forcés d'avoir un code parfaitement valide, autant les sites servis en application/xhtml+xml doivent l'être de facto : rappelons qu'un site servi en application/xhtml+xml doit nécessairement avoir une syntaxe valide, sinon les navigateurs vont afficher une erreur de syntaxe XML au lieu d'afficher la page.
C'est le cas de ce site, j'avais fait ce choix il y a quelque temps, afin de ne plus avoir à y penser : vu que je suis forcé de produire du code valide pour que les pages s'affichent correctement, je ne passais plus du tout de temps à vérifier mes pages au validateur… vu qu'elles s'affichaient bien !
Et bien quelques bouts de code ne passaient pourtant pas au validateur, et ce même si le site s'affiche bien sur n'importe quel navigateur moderne (qui supporte application/xhtml+xml donc).
<link rel="up" href="" /> <link rel="section" href="" /> etc.
Ce système était parfaitement valide en XHTML classique, certaines extensions en faisaient même un rendu particulièrement sympathique.
Autre exemple, pour commenter, vous devez rentrer un nombre en guise de mini-antispam, ce champ utilise le type number… et le champ de type number ne supporte pas les attributs size et maxlength.
Qu'on s'entende bien : la plupart des erreurs de validation que je cite ne sont pas gravissimes.
Toutefois, certains attributs et certains mécanismes sont obsolètes en HTML5, pensez à vérifier si vous avez un doute, le validateur HTML5 (sur lequel se base celui du W3C) peut toujours vous aider.
Le web évolue vite, même très vite, la recherche de qualité et d'innovation prend une part importante dans cette évolution. Reconnaissons-le, depuis quelques années, l'évolution du web est plutôt bonne : des standards puissants et relativement simples, beaucoup de nouveautés, etc.
Toutefois, dans ce foisonnement, je constate quelques aberrations qui justifient… ce genre de billet.
Deux exemples me viennent à l'esprit, mais ils sont loin d'être exhaustifs :
Performances web
Certains sites mettent en place des chargements différés via Javascript, afin d'accélérer le sentiment de vitesse de rendu, ou la vitesse de rendu proprement dite.
Si l'intention d'améliorer les performances est louable (moi le premier, je suis ce domaine avec beaucoup d'attention), il faut quand même faire attention à ne pas baser tout sur ce genre de systèmes sans aucune solution de repli.
Les conséquences d'une quête de performance non-sensique peuvent être catastrophiques si aucune solution de repli n'est prévue :
Des pertes de contenus par exemple quand Googlebot vient indexer votre page, ce qui implique des pertes de référencement !
Si l'internaute n'a pas Javascript activé et que le site ne prévoit pas ce cas, point de salut, là, il y a tout simplement perte de visiteurs.
Bref, la quête absolue de performance est contre-productive.
Frameworks CSS
LESS est une extension du langage CSS, qui permet l'utilisation de variables, des fonctions, etc.
Il y a quelque temps sur Twitter, je vois un exemple d'un site utilisant la syntaxe LESS. Très bel exemple d'ailleurs, je suis surpris agréablement par un graphisme chatoyant.
Je désactive Javascript et là surprise, aucune CSS, je me retrouve avec le contenu du site sans style ! Le code HTML était pourtant très bien structuré (pas de perte de référencement dans ce cas), mais aucun stylage de secours si Javascript est désactivé, c'est surprenant ! J'imagine qu'une balise noscript aurait solutionné le problème.
Comme toute chose, ce ne sont ni LESS ni les chargements différés qui sont de mauvaises choses, c'est l'utilisation maladroite qui en a été faite. Au risque de froisser les ayatollahs qui lisent des articles à temps perdu sans s'y confronter, je suis le premier à reconnaitre que le site (non trivial) parfait n'existe pas. Et je ne vais pas nécessairement blâmer les concepteurs, le manque de temps et/ou d'expérience, la difficulté de maintenir parfois un niveau de qualité élevé et tout simplement des choix délibérés occasionnent parfois des surprises.
Toutefois, l'ébullition constante du domaine ne doit pas occulter une réflexion simple à avoir en implémentant diverses choses : est-ce que je ne perds pas l'essentiel en ajoutant une fonctionnalité ?
Un site rapide mais impossible à référencer, un site joli mais difficile à lire, un site techniquement avancé mais inconsultable sur une part non négligeable de visiteurs… c'est intéressant techniquement ou artistiquement, mais on oublie l'essentiel : l'accès à l'information.
Si un grand plaisir est toujours là quand je fais une intégration CSS (et heureusement, vu que j'en ai fait mon métier !), le précédent billet présentant cette nouvelle CSS ne montre que le résultat final.
Comme Jojo me l'a aimablement demandé, voici quelques écueils plus ou moins difficiles et divers choix qui se sont présentés à moi.
iPad et positionnement absolu
Pour positionner les liens d'évitement, j'ai coutume d'utiliser ce genre de positionnement :
position:absolute; left:50%; margin-left:-470px;
Ce qui consiste en clair à venir mettre le bloc au milieu de la page (50%), et à décaler vers la gauche de la moitié de la largeur du contenu. Cette technique a ses avantages et ses inconvénients. Un des principaux est sur les résolutions inférieures à la largeur du contenu, cela risque de faire disparaître le bloc en question, ce dernier sortant de la fenêtre.
Que ne fut ma surprise en voyant que sur l'iPad, le contenu est trop décalé à gauche, alors que la résolution de ledit engin est de 1024 pixels, ce qui est supérieur à la largeur du contenu.
Un problème de viewport ? Honnêtement, je n'ai pas encore trouvé de raison, j'ai été obligé de contourner le problème via un centrage plus classique avec margin-left:auto;margin-right:auto; et une bidouille sur le bloc suivant (le faire remonter).
CSS Compressor
Pour minifier la CSS, j'utilise CSS Compressor. L'utilitaire marche bien et permet de gagner quelques précieux Ko, notamment en compression maximale.
Toutefois, en utilisant Opera Dragonfly, l'excellent utilitaire inclus avec la dernière version d'Opera, j'ai constaté que quelques erreurs de rendu CSS étaient signalés. En bon perfectionniste, je commence à chercher à les résoudre.
Grosses surprises :
@charset "UTF-8"; a été bouffé au passage (pas trop grave),
les règles indiquant les liens externes (voir plus bas) ont également été bouffées,
plus inquiétant, ma media-query a été rendue non fonctionnelle, des caractères utiles ont été enlevés !
Bug ? Bref : obligé de reprendre quelques notations, faites attention à certaines minifications, elles sont à contrôler avec beaucoup de soin !
Liens externes
Comme indiqué dans le billet précédent, les liens externes sont indiqués par une petite flèche. Cela se fait via :
a[href^="http://"]{ padding-right: 14px; background: url(data:image/gif;base64… no-repeat right; /* je coupe pour des raisons de lisibilité */ }
Tout cela marcherait parfaitement… si des URL absolues (complètes) ne pointaient pas vers d'autres pages de mon site (obligatoire sur les news, le RSS prenant sa source dans ces contenus) : bref, des pages intérieures étaient signalées comme étant des pages externes.
Donc obligé de prévoir d' autres cas pour contourner ce petit problème :
A noter, CSS Compressor a également tendance à être un peu trop agressif avec ce style de notations, surveillez bien vos minifications.
Filtres ou patches pour IE extrêmement lents
Il existe bien quelques filtres propriétaires ou diverses extensions HTC pour générer les box-shadow utilisés sur les images. J'ai bien fait quelques essais, l'effet est correct… toutefois, j'ai pu constater un temps inacceptablement long (plusieurs secondes) pour l'affichage des photos dans les galeries sous IE : comme un effet dispensable ne doit pas prendre le pas sur les performances et le confort de navigation : exit lesdits filtres !
Trouver la limite d'utilisation des media-queries
Au début, je comptais faire une version adaptée aux plus hautes résolutions via media-query, mais je suis vite revenu sur cette fausse bonne idée : cela aurait impliqué de surcharger les images et aurait nécessité quelques requêtes HTTP supplémentaires : en soi, ce n'est pas dramatique.
Comme l'idée était que les images utilisées pour les smartphones et la version classique soient les mêmes et comme je songeais sérieusement à mettre cette CSS par défaut, j'ai préféré éviter de trop complexifier. Bien m'en a pris, le poids d'une consultation d'une page a diminué de moitié, et c'est confirmé par Web page Test et Yottaa, qui me gratifie d'un Yottaarific sur certaines pages…
Les trois précédents billets l'annonçaient imminente, et c'est désormais chose faite : la nouvelle CSS est en ligne, c'est la 25ème CSS alternative du site.
Et pour la peine, elle est même mise par défaut. Si vous ne la voyez pas, vous pouvez aller sur la page des CSS alternatives pour l'activer.
Les améliorations sont relativement discrètes, mais pourtant très présentes, voyons un peu ce qu'il se cache sous le capot.
Design
La disposition est somme toute classique, je reviens à un texte foncé sur fond clair, le bandeau et le pied de page prennent une petite touche de fraicheur avec du vert et quelques images. Une police de caractère bien plus douce nommée "Century Gothic" vient embellir le tout pour ceux l'ayant sur leur ordinateur, sinon un classique Verdana prend le relai.
"Nouvelles" technologies
CSS3 a été utilisé pour plusieurs aspects :
transitions permet le petit effet de fondu quand on survole un lien et le petit effet de zoom sur les images des galeries de photographies ou de mes réalisations web (par exemple),
box-shadow permet d'avoir les ombrages sur les images,
text-shadow permet d'avoir les ombrages sur les liens survolés,
border-radius est utilisé pour arrondir les coins des champs des formulaires et les cellules de l'unique tableau du site (devinez où !),
Jquery a été utilisé pour mettre un peu en valeur les infobulles des balises abbr, et sera probablement utilisé pour continuer d'enrichir le site après coup.
XHTML5 était déjà utilisé pour certaines balises comme nav, etc., désormais les formulaires l'utilisent via des input de type email, number, url, l'attribut required quant à lui permet d'afficher nativement un message d'erreur sur les navigateurs le supportant, pour aider l'utilisateur distrait.
Smartphones & print
Une seule CSS est utilisée pour la version imprimable, et une media-query permet d'adapter le site aux petits écrans des smartphones. Vous pouvez voir cette adaptation en redimensionnant votre fenêtre.
Cette version utilise les mêmes images pour le bandeau et le pied de page, l'affichage en est toutefois adapté via des dispositions légèrement différentes.
La version imprimable utilise la règle @media, qui permet d'avoir tout dans un seul fichier CSS.
Performances web
Plusieurs points ont été travaillés pour obtenir de bonnes performances :
comme indiqué ci-dessus, exit les 3 CSS, tout se fait dans un seul fichier,
des data-URL remplacent certaines images non critiques pour le design du site et permettent d'économiser quelques requêtes HTTP,
beaucoup de propriétés ont été factorisées et les notations ont été les plus compactes possibles pour alléger la CSS,
cette dernière a été minifiée au passage, afin d'économiser encore 1 ou 2 Ko,
bien sûr, la mise en cache et la compression sont toujours d'actualité,
le fichier javascript est chargé en pied de page,
moins d'images ont été utilisées, les fichiers sont moins nombreux, au final, le site utilise moins de requêtes HTTP et pèse moitié moins lourd que l'ancien design, que j'avais pourtant bien optimisé !
Mise en valeur d'autres aspects
De nouveaux (et d'anciens) aspects sont mieux mis en valeur :
la balise code a un style qui la rend beaucoup plus reconnaissable parmi le texte,
les liens externes sont enfin signalés par une petite image, le tout est fait via CSS,
la mise en gras ressort beaucoup mieux qu'avant,
la balise pre obtient un vrai style digne de ce nom, histoire de mieux la mettre en valeur.
Dégradation élégante ou amélioration progressive ?
Et bien, cela dépend du point de vue !
En toute franchise, je n'ai pas trop limité ce redesign en le regardant IE… le but est quand même de se faire plaisir.
Néanmoins les améliorations qui échappent à ce dernier ne sont pas critiques. J'ai bien essayé d'utiliser divers patchs pour afficher les nouvelles propriétés CSS3, mais ces derniers sont parfois extrêmement lents (j'y reviendrai dans un autre billet expliquant les écueils de conception), et quoi qu'on en dise, même si c'est agréable, ce n'est pas indispensable pour naviguer sur le site. Cette nouvelle CSS s'affiche bien sous IE, et c'est quand même l'essentiel.
Comme je le dis parfois sur Twitter, vous voulez des effets modernes ? Et bien utilisez un navigateur moderne.
Ce futur redesign devient de plus en plus concret :
l'adaptation aux smartphones est terminée (je suis même surpris de la relative facilité d'adaptation, moins de 100 lignes dans ma CSS et moins de deux heures de travail pour tout adapter, c'est diablement efficace),
quelques optimisations de performances pour tout le site sont mises en place au passage via ce redesign,
les premiers essais de performances sont très intéressants, le nouveau design est plus léger, utilise moins de requêtes HTTP,
l'iPad m'a également causé quelques soucis qui sont désormais réglés.
J'ai fait quelques essais de polices d'écritures, mais rien n'a transcendé les premiers choix.
Il me reste la version imprimable et les derniers tests. Et oui, tout sera dans la même CSS via l'utilisation de la règle @media.
Et bien, cette future CSS avance vraiment bien, la version classique est déjà prête (je navigue d'ores et déjà avec). Il reste la version pour petit écran et pour l'impression.
Au menu sont donc bien confirmés :
des media-queries,
Jquery,
CSS3, notamment transitions, box-shadow, text-shadow, border-radius…
Et se sont invités en plus :
des Data-URL pour économiser quelques requêtes HTTP,
divers ajouts de type progressive enhancement.
Une chose est sûre : cette CSS sera destinée aux navigateurs modernes, les navigateurs anciens comme Internet Explorer 6 et 7 ne profiteront pas de certaines propriétés.
Néanmoins la simplicité reste à l'ordre du jour : les divers effets seront très discrets, et la présentation sera somme tout très simple.
Ce ne sont que les statistiques de ce site, cela n'a aucune valeur de vérité absolue, toutefois, cela donne une idée.
La bonne nouvelle du vendredi : le recul d'Internet Explorer se confirme.
La version 6 est à 3,5% (tant mieux, vivement qu'elle soit à 0),
la version 7 est à 5,5% (cf commentaire ci-dessus),
environ 10.1% pour le 8 (là, je suis un peu plus tolérant),
et la version 9 affiche un timide 2,3%.
Firefox reste en position de leader toujours à hauteur de 40% (38,1 pour être précis) des visites, toutes versions confondues. Curiosité, j'ai déjà des Firefox 5.0 (ok, la prochaine version en bêta), 6.0 (ok je sais que c'est en alpha) et 7.0 (??!!).
Safari récolte 17,7% des visites (je suspecte la version adaptée aux smartphones d'y être pour quelque chose). Chrome décolle enfin dans mes statistiques à 13,8%… Mozilla affiche un étonnant 7,6%.
Malgré ses qualités, Opéra reste à 0,6% des visites… en éternelle lanterne rouge des navigateurs modernes.
Reconnaissons-le, quand on est dans le métier, les concepts de sites dynamiques, d'intégration (X)HTML/CSS, de surcouche Javascript/Jquery, c'est facile… mais pour le client lambda, c'est un joyeux mélange de chinois traditionnel saupoudré de patois araméen… de quoi en perdre son latin.
Or, si en tant qu'intégrateurs, développeurs et tout simplement professionnels du web, nous souhaitons mieux faire comprendre :
les aléas de la conception web,
la logique de conception d'un site,
des choix qui s'offrent aux clients,
et plus largement notre métier (!),
il faut savoir vulgariser ou le cas échéant choisir une métaphore bien percutante afin de se faire comprendre. Même si les puristes diront que la comparaison est parfois un peu à l'emporte-pièce, une métaphore bien choisie permet souvent d'éviter un long discours incompréhensible et de faire passer avec brio une idée, le client sera content d'avoir saisi les enjeux et notre bon sens.
A cet effet, trois métaphores sortent du lot : la maison, la voiture et le coiffeur. En voici quelques exemples :
Cas numéro 1 : comment faire comprendre qu'il faut commencer par l'administration du site, alors que le client n'en voit pas l'intérêt ou veut se concentrer sur le graphisme ?
— Cher client, concevoir votre site, c'est comme concevoir une maison, il faut commencer par les fondations, la base de données, ce sont les fondements de la gestion de votre site.
Variante : — je sais que pour votre maison, la couleur des pièces est importante, toutefois, il faut d'abord créer les fondations (la base), ensuite les fonctions des pièces (les parties de votre site), après nous les construirons (les pages), le coup de peinture (le look) viendra en dernier !
Vous pouvez même expliquer que la surcouche Javascript est un peu comme la domotique de sa maison, mais restez simple !
Cas numéro 2 : comment faire comprendre qu'un serveur rapide est important ?
— Cher client, imaginez que votre site soit votre prochaine voiture. Nous allons vous fabriquer une voiture moderne, qui consomme peu et qui est rapide, mais vous ne voudriez pas mettre de l'essence ou de l'huile de mauvaise qualité dedans, cela l'empêcherait de bien fonctionner !
Vous pouvez ajuster le discours et varier la métaphore selon les facteurs limitants : — Vous ne mettriez pas des pneus de 2CV sur une Porsche ? (serveur, accessibilité, celle-ci est multi-usages)
— Mais pourquoi voudriez-vous mettre de l'électronique peu sûre sur une mécanique parfaitement fiable et robuste ? (effet Jquery totalement dispensable par exemple)
Cas numéro 3 : comment faire comprendre la différence entre temps de réalisation et délai de réalisation, et le cas échéant remettre aimablement le client à sa place ?
— Cher client, votre coiffeur fera votre coupe de cheveux en une heure. Toutefois, si vous vouliez qu'il vous coiffe de suite, il y a de grandes chances que son planning soit déjà complet et qu'il ne puisse le faire de suite. (et accessoirement vous n'êtes pas seul sur la Terre)
— Cher client, quand vous allez chez le coiffeur, vous lui dites quelle coupe vous souhaitez avoir… mais vous ne lui dites pas quels ciseaux utiliser ? (mais laisse-moi intégrer ce site comme je l'entends !)
Ces métaphores sont vraiment indispensables, même imprécises, les idées passent bien. N'oubliez pas qu'aussi technique votre métier soit, savoir le vulgariser est preuve d'une très grande maitrise… vos clients sauront apprécier.
Les mythiques coins arrondis de CSS3 ont souvent créé des soucis aux intégrateurs, notamment à cause d'Internet Explorer 6, 7 et 8. En a résulté de nombreux hacks, détournement, techniques plus ou moins réussies via Javascript afin d'émuler ce comportement sur ces navigateurs.
Une technique consiste à indiquer avec les préfixes vendeurs la propriété border-radius et à la répéter sans lesdits préfixes, pour le jour où la propriété puisse fonctionner sans ces derniers (ce qui est le cas pour les dernières versions de Firefox par exemple), ce qui nous donne donc :
La technique ci-dessus est une extension HTC, il suffisait de rajouter la dernière ligne dans l'exemple, et de mettre le fichier border-radius.htc dans le bon répertoire, et tout marchait bien sous IE.
J'ai bien dit "marchait". J'ai récemment dû reprendre un projet qui avait utilisé cette technique, et que ne fut ma surprise quand sous Internet Explorer 9, l'affichage était complètement cassé !
Après investigation, il apparait que ce dernier n'appréciait pas du tout behavior:url(border-radius.htc);. Si les trois premières lignes suffisent à faire nos coins arrondis sous IE9 et les autres navigateurs, évidemment, cela ne marche plus sous les versions inférieures à IE9.
La seule solution consiste donc à utiliser les commentaires conditionnels pour créer une autre CSS destinée à IE8 et inférieurs :
— I don't deny it, I love CSS. All the things they said are true. And much much more. I love CSS and I need to have it all the time. I like to have CSS with strangers. I like having CSS at home… Or sometimes in taxi. And you, would you have some CSS, just me and you? — I'm sorry Nicolas, but you mean… sex, right? (CUT!) — No, CSS! Hey, what did you expect?
Il arrive régulièrement que vos clients vous demandent de mettre à jour un site à un moment donné, que nous allons appeler "la date X".
Même si vous essayez de leur faire comprendre qu'il n'est pas forcément dramatique que le site ne soit pas à jour à minuit pile pour une virgule qui change — certaines demandes sont légèrement exagérées… je doute que les japonais soient connectés entre minuit et 8H sur le site de l'amicale des boulistes d'Auxon-Dessus et soient impactés par une information non mise à jour des dates des prochains tournois — certains cas sont justifiés (conférence de presse, etc.).
Loi de Murphy oblige (évidemment, c'est du vécu), la demande à la date X tombe toujours à un moment qui ne faut pas :
sur votre week-end de 3 jours ou vous n'aurez pas de connexion,
en plein stress avec 12 demandes urgentes à gérer en même temps,
quand votre connexion internet vient de planter,
lors du changement d'année, manifestement, les développeurs et intégrateurs n'ont pas de vie sociale et vivent devant leur ordinateur, tout le monde le sait bien.
Heureusement, PHP est là pour vous sauver la mise, votre week-end, votre vie sociale ou votre fête de fin d'année.
Si le changement doit être opéré par exemple entre le 04 et 05 Mai 2011, il vous suffit de le prévoir ainsi :
<?php if (date("Y-m-d")<'2011-05-05'){ // ici l'ancien contenu } else { // ici le nouveau contenu } ?>
Toutefois, ce n'est parfois pas suffisant, certains clients demandent que le contenu soit très exactement mis en ligne le 05 Mai à 5H55 et 55 secondes, car le chiffre 5 porte bonheur.
Dans ce cas, il faut envisager l'utilisation de la fonction time. Premier réflexe à avoir, faites un <?php echo time(); ?> afin d'afficher l'heure de votre serveur. Ce dernier va vous afficher un timestamp, soit le nombre de secondes écoulées depuis le 01/01/1970. Vous pouvez vérifier sur Timestamp.fr que ce chiffre correspond bien à la date et l'heure du jour, sans décalage. On va partir de l'idée que c'est bon pour l'exemple.
Ensuite, toujours sur cette page, vous indiquez la date où la Terre va basculer car LE site va être mis à jour, si nous reprenons notre exemple, il y a une très forte conjonction Soleil/Pluton/Mère Denis/Japet le 05 Mai à 5H55 et 55 secondes, ce qui génère le timestamp 1304567755. Le code se voit ainsi modifié :
<?php if (time()<'1304567755'){ // ici l'ancien contenu // avant la conjonction astrale } else { // ici le nouveau contenu, // à la seconde près } ?>
Ainsi, vous éviterez des ulcères… autant pour vous que pour vos clients. Ces derniers vous féliciteront d'ailleurs pour votre réactivité parfaite et votre grand professionnalisme.
C'était le tutoriel indispensable en PHP pour rendre vos clients heureux.
Défi Relevé Thomas ! (oui, je sais c'est facile, mais pas de HTML5/CSS3/Jquery, c'est quand même difficile)
Si la page affiche des caractères de ce type : "�", les données sont au format ISO, et le navigateur les affiche en pensant avoir affaire à de l'UTF-8.
Si vous voyez des choses du genre un petit carré avec des chiffres dedans, les données sont en WINDOWS-1252, et le navigateur les affiche en UTF-8.
Pensez à bien vérifier :
Le codage des fichiers (sans BOM bien sûr !), le meta charset et le header envoyé par Apache (pour ce dernier, modifiez-le via PHP, la configuration d'Apache ou un htaccess),
vos bases de données (le codage et l’interclassement), et les méthodes de lecture de ces dernières (SET NAMES 'utf8'; souvent oubliée celle-là),
et si les données proviennent de l'extérieur, pensez à utf8_encode et utf8_decode.
Si vous ne voulez pas oublier quelque chose en route (dans vos bases de données, dans vos interfaces d'administration, etc.), utilisez une phrase du genre « L’inutile et l'horrible test a été fait… »… deux types d'apostrophes, les accents, ça aide à vite voir où les problèmes les plus courants peuvent se situer.
Soyons honnête, HTML5, CSS3, etc., toutes ces choses sont très biens, certains proposent d'enrichir ces standards, mais ce ne sont que des fondements. Il manque un, que dis-je, LE standard de communication, que ce soit :
avec les clients,
avec son patron,
avec ses collègues,
avec ses proches (même si le cadre de ce standard est plutôt voué à un environnement professionnel),
etc.
Après une élaboration entre collègues (d'autres y ont déjà pensé, mais nous le passons en production intensive depuis plusieurs jours), je constate qu'une utilisation précise de HTML5, sur lequel cette proposition de standard est basée, permet de faire passer une idée relativement complexe et/ou difficile (à formuler, à énoncer) de manière très simple. Ce standard serait hautement extensible de par sa grande simplicité, et extrêmement modulable.
En exclusivité mondiale, il a été baptisé l'URL-idea.
Comme toutes les grandes idées, le concept est simple : une URL = une idée.
Il n'y a pas à proprement parler de limitation, mais on se tiendra à un protocole aussi léger que possible. L'URL doit avoir un fort impact sémantique, tant par l'adresse que par le contenu, l'idée est bien d'avoir une accessibilité maximale, universelle je serais tenté de dire.
Même si le concept peut paraître simpliste, il permet avec une idée forte de faire passer toute une gamme de communications, c'est réutilisable à l'infini, peu coûteux, facile à produire, et cela répond à un réel besoin.
Voyons des exemples concrets :
Cas pratique souvent rencontré, vous avez fait votre intégration/interface d'administration/etc., et le client n'y arrive pas ou constate des dysfonctionnements : comment dire votre incompréhension ?
Sans aucun doute, je suis sûr que l'URL-idea sera bientôt autant utilisée que les tweets ou l'HTML5, ces standards étant extensibles à l'infini, et surtout ils résolvent tant de problèmes.
Léonard de Vinci disait : la simplicité est la sophistication ultime. Je suis sûr qu'il aurait apprécié et utilisé l'URL-idea.
Surprise ce matin sur Twitter, je vois que ce retour est cité dans une newsletter de la librairie Eyrolles (j'ignore d'ailleurs comment il s'est retrouvé là).
Supposons que votre site utilise une media-query pour adapter votre site aux smartphones. Logiquement, on peut supposer que vous décidiez d'utiliser le méta viewport.
Supposons maintenant que dans ce cas, vous spécifiez une taille pour la largeur pour les smartphones, par exemple :
Faites attention, l'iPad utilise le méta viewport, et spécifier une largeur à laquelle s'adapter peut totalement faire planter certains types de positionnement sur l'iPad !
Ce dernier a une résolution de 1024 pixels de largeur, mais il prend en compte le viewport, si ce dernier est fixé à une taille plus basse, certains positionnements peuvent totalement foirer. Typiquement, left:50%; et margin-left:-450px; pour centrer un contenu de 900 pixels de large, cela ne marche pas si le viewport fait 640 pixels.
Idéalement, laissez le viewport s'adapter aux dimensions de l'agent utilisateur :
En ce début ensoleillé de week-end, voici une rapide revue web de la semaine avec divers articles intéressants sur le développement web, HTML5 et tous leurs amis :
Les commentaires conditionnels bloquent le téléchargement sous Internet Explorer, un article anglophone qui constate une énième curiosité d'Internet Explorer… qui se résout de manière encore plus curieuse, en mettant un commentaire conditionnel vide en haut de vos métas… j'ai constaté la différence sur mon propre site (180 millisecondes). Non, ne cherchez pas à comprendre, c'est Internet Explorer !
Rajout de dernière minute : Tous des gros cons ? : ne vous fiez pas au titre un peu vulgaire, c'est un très bon article sur le piratage, l'offre légale et diverses considérations sur le sujet.
Il y a 8 ans, soit en 2003, j'étais pris d'une intuition : cette nouvelle façon de créer des sites, qui me semblait avoir comme premier avantage d'être déjà bien plus propre que les tableaux et comme second avantage de me permettre d'avoir plusieurs présentations (il fallait bien commencer quelque part), il fallait que je me l'approprie.
En a résulté divers essais, la folie du validateur (même avec du tag soup, c'était mieux que rien), les premières prises de tête quand sur mes premières réalisations, il fallait casser les mauvais automatismes.
Et il y a 7 ans, soit en l'an de grâce 2004, et ce jour pour jour, sortait la base de ce site. Si vous en voulez la preuve, vous pouvez lire : Enfin, j'y suis arrivé. Donc déjà, comme on est jamais si bien servi que par soi-même, bon anniversaire !
Curieusement, comme je l'indiquais dans un billet précédent, j'étais à des lieues de penser que cette base serait toujours là des années après… et je peux vous assurer que 7 ans en matière de web, c'est une longue période. Étonnamment, je n'ai pas pris cette base en défaut jusqu'à présent. Même si :
j'ai pu ajouter de nombreuses choses à cette base,
les techniques d'intégration ont progressé et beaucoup évolué,
de nouveaux enjeux sont apparus, comme le web mobile,
des sujets sont devenus plus importants, comme la performance web,
les fondements, la séparation structure/présentation, le contenu sémantique, etc. n'ont jamais été pris en défaut… même si je n'imaginais pas une seconde avoir à gérer certains aspects il y a 7 ans.
Je n'imaginais vraiment pas quand j'ai refondu ce site
pouvoir jouer avec une surcouche Jquery (quel nom bizarre !),
utiliser le méta viewport (c'est quoi cette chose ?),
faire des sprites CSS (on boit un coup ?).
Non, mon idée était d'avoir un code plus propre, et d'avoir plusieurs présentations !
Moralité : putain, 7 ans ! Quel chemin parcouru.
Et surtout si vous hésitez à vous lancer, suivez votre instinct… si vous n'avez pas d'autre idée que de faire les choses mieux, vous ne risquez pas grand chose.
Au menu, la boucle affiche non plus les 1024 premiers caractères, mais 10 fois plus… et au passage, j'ai un peu optimisé les performances de cette page. La compression de la page la fait passer de 1,21 Mo (!) à 82 Ko, ce qui est particulièrement appréciable.
Autant le dire, j'attendais beaucoup de ce livre : les critiques en étant très bonnes, j'attendais clairement un niveau élevé… et à l'image du code valide de mon propre site, je peux être très dur en matière d'exigence. Même si le précédent « CSS2 – Pratique du design web » était bon, en tant qu'intégrateur non débutant, j'étais un petit peu resté sur ma faim (n'en déplaise à l'auteur).
Curieusement, ce livre a réussi pour ma part plusieurs exploits. Le premier est de me faire lâcher un bouquin passionnant sur une de mes passions favorites, la mythologie. Le second a été de se faire dévorer par ma gente personne en moins de deux jours. Seuls Harry Potter, La Maison Corrino et le Seigneur des Anneaux et quelques rares ouvrages peuvent s'en vanter.
Le troisième, et pas des moindres, a été de totalement répondre à mes attentes, et même de les dépasser.
En bonus, il arrive à balayer une idée qui s'était ancrée dans mon esprit, qu'aucun livre parlant d'intégration n'arrivait à rivaliser avec les sites internet spécialisés : même si j'adore le contact du papier d'un livre, le web est quelque chose de très mouvant, et mes dernières lectures n'arrivaient pas à se hisser au niveau des informations que l'on peut trouver sur internet… et surtout à la fraicheur de ces dernières.
Raphaël Gotter signe là un véritable tour de force :
Arriver à garder un œil tourné vers l'avenir et toutes ces technologies prometteuses,
Garder un pied dans la réalité du métier, je le pratique depuis des années, et ce bouquin est vraiment parlant, l'auteur sait de quoi il parle et connait le métier, je retrouve exactement dans ce livre l'étendue de mon quotidien au travail,
Enfin, il arrive à condenser une véritable mine d'informations en 380 pages… et ce de manière agréable : c'est toujours bien écrit, aéré, plaisant à lire.
Pour parler du livre proprement dit, soyons clairs : à mon humble avis, il ne s'adresse pas aux débutants, ou alors, extrêmement motivés.
Il aborde de très nombreux sujets :
CSS 2.1 utilisable en production,
la gestion et la méthodologie de projet,
le positionnement CSS (classique et avancé),
la résolution d'erreurs,
HTML5 et CSS3 bien sûr (avec des contenus conséquents),
le web mobile,
CSS et les messageries (une de mes bêtes noires même si j'en fais quotidiennement),
les versions imprimables via CSS, etc.
Il montre par là l'étendue du savoir d'un bon intégrateur (oui, c'est vraiment un métier pour ceux qui en douteraient encore !)… et au passage, Raphaël Goetter confirme son statut de maître en la matière.
Bref, si vous ne l'avez pas encore compris, c'est un must-read que tout intégrateur digne de ce nom doit posséder.
En conclusion, je lui lance une petite private joke : Raphaël, définitivement, tes id ont de la class !
Bien que satisfaisante, cette méthode ne m'a pas transcendé non plus, et j'avoue que faire tout cela uniquement pour le seul navigateur qui ne tolère pas les nouvelles balises… c'est un peu trop d'effort pour un navigateur qui nous en demande déjà bien assez !
Aujourd'hui, c'est le CSS Naked day. Cela se termine le 10 Avril.
Où est passée la présentation ?
Pour savoir pourquoi les feuilles de style sont désactivées sur ce site Web, visitez le site CSS Naked day.
Cette idée assez rigolote consiste à faire comprendre l'importance des standards bien utilisés, en l'occurrence, vous pouvez voir là que le contenu du site reste accessible et disponible, même si la présentation est désactivée, autrement dit, la structure et le contenu ne disparaissent pas si on enlève la présentation.
Pour ceux qui ne tiendront pas, vous pouvez aller faire un tour sur la page des CSS alternatives pour réactiver un skin.
J'ai été contacté par un SRC qui, en me demandant quelques conseils, s'étonnait de la presque surqualité de certains aspects de mes sites, dont ce site.
Même si ce dernier a souhaité rester anonyme, je vais lui répondre, car ce sujet de la qualité me semble important… pour ne pas dire indispensable.
En effet, je ne peux qu'être d'accord sur certains points qu'il a évoqué : avoir des pages systématiquement valides point de vue HTML, pousser loin certaines optimisations de performances, et d'autres aspects plutôt abscons (politique P3P, la navigation via les balises link)… et je conçois en tant que professionnel que faire de la surqualité n'est pas une bonne chose quand le temps est compté : je me vois pas par exemple imposer à un client de servir son site en application/xhtml+xml... certes son site sera valide (j'ai les moyens et les connaissances pour le faire), mais les mises à jours seront extrêmement compliquées pour lui car le site devra être obligatoirement valide juste pour s'afficher. Si j'apprécie d'avoir un code valide, je ne peux imposer de telles contraintes à un client qui n'est pas un développeur web et qui ne tire aucun intérêt d'une telle contrainte.
Toutefois… si je n'ai qu'un conseil et je vais te tutoyer pour la peine : si tu n'as pas de contrainte de temps, pousse la qualité aussi loin que tu le peux, si tu as le temps et l'envie. Pourquoi ?
Déjà, je peux t'assurer qu'il est plus facile de baisser ses habitudes de qualité que de devoir les augmenter… autrement dit, pour le dire plus vulgairement, il est plus simple de faire/récupérer du code de *mer..* quand on a l'habitude d'en faire du très propre, plutôt que de produire/reprendre du code de très haute volée quand on a l'habitude de faire de la *mer..*. Même si je suis le premier à pester contre un site fait avec des tableaux, ce dont je n'ai plus l'habitude, j'en bave bien moins qu'un habitué des tableaux qui doit reprendre une intégration HTML/CSS (ça j'ai pu le constater un bon nombre de fois).
Autre point important, si le marathonien doit s'entrainer… il en va de même pour l'intégrateur. Je ne vais pas te le cacher, on va te demander de travailler toujours plus vite et, je te le souhaite, de devoir faire toujours mieux. Et les projets risquent de se complexifier. Si tu n'es pas rompu à ton domaine, tu feras en une semaine ce qu'une personne entrainée est capable de faire en 2 jours. Si c'est acceptable pour un débutant, cela le sera moins pour quelqu'un qui est supposé avoir de l'expérience. Certes, j'ai fait mes 24 CSS alternatives parce que cela m'amusait… mais aussi pour tester et apprendre. Et surtout pour ne pas me retrouver démuni le jour où un projet énorme ou totalement nouveau me tombe dessus. J'exagère ? Il y a 5 ou 6 ans, faire une version Smartphone optimisée performances, c'était presque de la science-fiction. Qui sait ce qu'on va pouvoir faire dans 5 à 6 ans ? Pour être vraiment efficace, il n'y a pas de mystère : pratiquer, pratiquer et pratiquer.
Un autre point qui me semble encore plus important… prendre l'habitude de faire de la qualité… permet tout simplement de savoir en produire (plus) aisément. Des exemples : faire un site conforme, savoir produire un site conforme au RGAA, accessible, performant… ça ne s'improvise pas. C'est un long apprentissage. Certes, il y a beaucoup de ressources pour apprendre, mais entre les lire et les mettre en application, il y a une différence. Loin de moi l'idée de me fâcher avec ceux qui savent mais qui ne pratiquent pas, mais intégrer toutes les belles paroles en milieu professionnel en standard, c'est un réel défi quand on n'a que très peu de temps pour faire les bons choix.
Je l'ai déjà déjà dit et je le répète : la qualité… a la qualité d'être facile à améliorer, et d'être facile à faire évoluer. Regarde mon site :
ajouter une version Smartphone a été assez aisé,
utiliser des media-queries est facile (je travaille d'ailleurs sur une prochaine CSS qui en utilisera),
changer son code en HTML5 a été plutôt facile.
Et pourtant, quand j'ai refondu ce site il y a 7 ans, ces techniques n'existaient pas et j'étais à des lieues de penser qu'elles existeraient un jour.
Enfin, je peux t'assurer qu'il est satisfaisant intellectuellement parlant de produire de la qualité, d'améliorer… bref, de bien faire son travail. Je pense que c'est même indispensable d'être fier de son travail… aussi modeste soit-il. Et cela aide à durer, à se faire plaisir.
Au menu, l'extension Page Speed se voit complétée par certains aspects de Web Page Test, et propose même d'analyser les performances de la même page vue depuis un ordinateur classique, et vue depuis un terminal mobile.
Comme ces terminaux mobiles sont ceux qui ont le plus besoin d'optimisations de performances, cette option est très intéressante. Si vous faites un test des performances d'une page de mon site avec Page Speed online depuis les deux points de vue, vous pouvez voir que les petites différences entre la version mobile et classique de mon site se voient à l'analyse : certains fichiers CSS non utiles à la version mobile ne sont pas chargés par exemple. En résulte un score de 99/100 pour la version mobile, et un 94/100 pour la version classique.
Bref, encore une très bonne initiative à saluer... et à utiliser de toute urgence.
NVDA est un outil libre de synthèse vocale, il permet entre autres de restituer les contenus d'un site internet à une personne mal-voyante ou non-voyante.
Vous pouvez consulter le site francophone de NVDA afin de l'essayer, l'installation est facile, et cela vous permet de tester et de comprendre ce que cela implique pour la conception d'un site internet (vu que c'est cela qui m'intéresse, ne le cachons pas !).
Essayez donc de naviguer au clavier sur un site avec les yeux grands fermés, vous vous poserez peut-être de saines questions !
Histoire de préparer la prochaine CSS, le code du site a été légèrement revu et amélioré. Effet Chambé-Carnet oblige, j'améliore un peu l'accessibilité du site.
Au menu :
des attributs title inutiles dégagés, remaniés dans le cas où ils ne l'étaient pas (inutiles),
une dé-br-isation pour préférer des p un peu "plus mieux biens",
les liens des news ont été revus pour être plus "parlants", les liens "permaliens" ont été dégagés d'ailleurs car redondants,
quelques attributs lang="en" ont été ajoutés, ainsi que quelques bricoles par ci par là.
Ce n'est pas encore terminé, mais le plus gros du boulot est fait.
Un nouveau tome de la bande-dessinée Léonard est un génie est sorti récemment, et s'intitule "Génie du Stop".
Si vous aimez l'univers de l'inventeur au tromblon, foncez ! C'est un excellent cru qui vous fera rire aux éclats, la force est avec les auteurs si j'ose dire.
J'ai le plaisir de naviguer avec Firefox 4 depuis quelques heures... et autant le dire, c'est une tuerie, de la bombe, encore un coup de maître de la Fondation Mozilla.
Autant le développeur web qui ne sommeille que très peu en moi peut se satisfaire des nouveautés HTML5 (entre multiples autres ajouts), autant l'amateur d'animations faites avec Terragen 2 peut se réjouir du support de WebM pour la balise video (qui permet une bonne qualité et des fichiers moins lourds), mais c'est surtout l'utilisateur que je suis qui se réjouit des nouveautés et de la qualité du logiciel... et des très bonnes idées pour améliorer mon quotidien.
Je vous explique le problème au travail : de parfois trop nombreux onglets rendaient mon Firefox difficilement utilisable avec un maximum d'efficacité : le temps de trouver le bon onglet, etc. J'avais bien essayé des extensions qui limitaient ce problème (qui mettent des couleurs aux onglets, etc.), mais aucun système ne m'avait donné une totale satisfaction.
Or là, avec :
Panorama qui me permet de grouper mes onglets et d'éviter cette surabondance (via Ctrl+Maj+e),
la possibilité d'épingler mes onglets récurrents (comme Gmail, Twitter),
et l'option "aller à l'onglet" ("Switch to Tab") qui me permet de switcher rapidement entre les groupes d'onglets créés par Panorama,
C'est du pur bonheur. Si j'ajoute à ça les performances revues à la hausse, l'interface bien conçue, les extensions majeures déjà TOUTES compatibles (Firebug, Yslow, Page Speed, HTML Validator, etc.), disons-le tout haut :
Ce long cycle de versions bêta est enfin terminé, la Release Candidate semble être la bonne.
Soyez prêt à changer de navigateur le 22 Mars, ou comme moi à le mettre à jour !
Espérons que les extensions vont suivre, la dernière mise à jour majeure (la 3.6) s'était faite sans aucun souci pour les extensions, je croise les doigts pour que cette agréable surprise se reproduise...
Petit coup de gueule du jour : régulièrement, lors des élaborations des cahiers des charges des sites internet, j'entends "nous voulons Drupal/Typo3/Wordpress, etc."
Loin de moi l'idée de cracher sur ces systèmes, ce n'est d'ailleurs pas le sujet de ce coup de gueule.
Mais disons-le franchement : si la décision est un choix rationnel (après avoir défini les besoins), je n'ai rien à redire... mais j'aimerais arrêter d'entendre ça avant même qu'on sache de quoi on parle en matière de site internet.
- Bonjour, pouvons-nous parler de vos besoins en matière de site internet ? - Nous voulons Drupal/Typo3/Wordpress/etc.
La discussion n'a pas encore commencé !
Aux décideurs, responsables techniques, etc., bref, aux personnes qui ont pouvoir de décision, je le dis, le répète, j'insiste, je persiste, et signe :
Par pitié, arrêtez d'être irrationnels, le choix du CMS, si tant est qu'il en faille un, ne se fait pas avant même de savoir de quoi on parle !
J'en profite pour tuer dans l'oeuf quelques arguments au passage :
Un CMS maison n'est pas pire qu'un autre système, tant que ces derniers répondent parfaitement à vos besoins.
Oui, on peut faire ce que l'on veut avec tel CMS ou tel autre... mais, cela ne veut pas dire que c'est aisé, adapté ou rapide pour autant.
Non, vous ne serez pas plus prisonnier d'un CMS sur mesure plutôt que d'un autre... en tout cas, n'importe quel développeur peut reprendre les miens.
Si nous vous proposons du sur-mesure, c'est bien que nous pensons que ce choix est le meilleur.
Non, 4 pages statiques ne nécessitent pas un gros CMS !!!! (rigolez pas, j'ai déjà vu ce genre de demandes)
Et corollaire des situations précédentes, quand vous allez voir votre architecte, votre chirurgien, etc. en général, vous lui dites ce que vous voulez ou ce qui ne va pas, mais vous n'allez pas lui expliquer ce qu'il doit faire ou comment il doit le faire. Pourquoi le web ferait exception ? Sans être aucunement pédant, élitiste ou désagréable, faire des sites internet, c'est un métier nécessitant beaucoup de compétences diverses et variées. Vous venez voir une agence web pour trouver toutes ces compétences (référencement, intégration, accessibilité, etc.), donc laissez ces professionnels vous guider.
J'expliquerai quelques exemples surprenants à l'occasion pour appuyer mon propos.
Edit : quand je parle de CMS, je parle bien de système de gestion de contenus au sens large. Par exemple, un module de gestion de cours de cuisine (qui gère donc les pages tout seul comme un grand) est aussi un CMS !
Cela faisait un petit temps que je n'avais pas fait chauffer mon Core i7, cet oubli passager est rectifié : la prochaine animation Terragen 2 est en cours de calcul !
Je finis de remettre un peu d'ordre dans certaines parties du code du site, et je pense que je pourrai mettre en route le prochain skin, la prochaine CSS alternative si vous préférez.
J'imagine aisément que cette CSS va offrir 3 médias (écran, impression, et pour les smartphones), et probablement d'autres adaptations via media-queries... le tout dans un unique fichier CSS, bien sûr.
Quand on parle de sites internet, bon nombre de clients raisonnent en termes de pages :
Combien de pages ?
Il faut que je puisse gérer mes pages, etc.
Si l'idée de raisonner en termes de pages n'est pas complètement idiote pour certains aspects des sites Internet - on parle bien de pages web (!) -, je trouve que l'idée est parfois génératrice de confusions, voir même de mauvais choix. Je m'explique.
La plupart des clients ayant un site... dont le contenu dépasse 4 pages (!) se posent légitimement les 2 questions que j'ai énoncées ci-dessus. Et c'est normal : il est souhaitable qu'ils puissent envisager la gestion de leur site internet. Néanmoins revient une phrase qui m'agace : il faut que je puisse gérer mes pages.
Seulement, le client moyen n'est en général ni un intégrateur, encore moins un développeur. Alors on parle de gérer le contenu des pages (on progresse). Gros problème : comment permettre au client de gérer ses pages adorées... sans pour autant transformer le site en un champ de bataille ?
Loin de moi l'idée de cracher sur des CMS qui permettent de raisonner en termes de pages... ceci dit prenons un exemple : un client lambda décide de créer de nouvelles pages :
Il confie à une personne la gestion de ces dernières,
étalons ces changements sur plusieurs années,
ajoutons plusieurs personnes pour ce faire,
supposons que ces personnes ne soient pas des experts dans le domaine...
Et en général, nous nous retrouvons rapidement avec au mieux de légères incohérences, au pire un joyeux fatras devenu proprement ingérable, de sérieux problèmes de navigation, etc.
Même dans le meilleur des cas, les légères incohérences (à l'oeil) peuvent cacher des erreurs plus graves : problèmes d'accessibilité, mauvaise utilisation de balises, problèmes de référencement, etc.
Tout cela car offrir la complète gestion des pages est souvent trop compliqué : le client n'est en général pas apte à tout gérer... non pas qu'il soit idiot, mais tout simplement car ce n'est pas son métier. Performances, accessibilité, intégration, etc... sont des domaines qui demandent des compétences, les contraintes d'un site moderne ne sont pas aisées à tenir par un novice.
Comment permettre alors au client de gérer son site, tout en gardant des contenus cohérents et une bonne qualité globale ?
A mon avis, si le site s'y prête, autant lui faire gérer son activité : une école de cuisine doit gérer ses cours de cuisine, un institut de formation gère ses formations, une boutique en ligne gère ses articles, etc.
De nombreux avantages en découlent :
Déjà il est plus naturel pour le client de gérer son activité plutôt que de pures pages web : on peut envisager une meilleure appropriation du site et de sa gestion par le client.
Le risque de "casse" diminue : pour peu que les possibilités offertes au client aient bien été définies (vive le sur-mesure), il pourra gérer son activité sans risquer de démolir la mise en page ou générer une grossière erreur sur son site. La qualité globale du site n'en sera que meilleure.
Moins grave que le point précédent, mais pas négligeable pour autant : moins de "bruit" sera généré, on sait qu'un titre sera à la place d'un titre et stylé comme un titre, etc. le client est mieux (en)cadré.
Les erreurs de navigation sont facilement évitées : c'est le moteur du site qui s'en occupe, pas le client !
Ce qui facilite le référencement naturel... atout non négligeable !
Autre avantage : cela économise le temps de gestion.
D'expérience, les clients qui ont opté pour cette approche en sont très satisfaits... surtout ceux qui n'ont que peu de connaissances dans le domaine. Moi-même, il m'est arrivé d'être mon propre client (via le Club-DVD dont je gérais l'activité), et je constate que gérer une activité est plus facile, efficace, et moins chronophage que gérer les pages du site. Curieusement, une fois le système de gestion terminé... je n'ai édité les pages que très rarement. Ainsi, on ne raisonne plus en termes de pages... et c'est une très bonne chose.
Pour conclure, j'invite les possesseurs ou les futurs possesseurs de sites à réfléchir à cette façon de penser... ce serait une erreur de croire qu'elle bride l'évolutivité d'un site, elle permet au contraire de garantir la qualité d'un site... et tenez-le vous pour dit : la qualité est facile à faire évoluer.
Une bonne piqûre de rappel de certaines règles d'accessibilité faciles à oublier, et surtout des exemples concret de navigation avec une synthèse vocale. Et plutôt que des milliers de discours, de courts exemples sont mille fois plus parlants... ayant été invité à surfer comme un aveugle sur mon propre site, j'ai été surpris de la rapidité de la synthèse vocale à me restituer son contenu... difficile à suivre !
Toutefois, j'ai pu voir l'utilité réelle de certaines bonnes pratiques, ce qui invite à redoubler d'efforts pour les intégrer au mieux... notamment, les liens d'évitement, les étiquettes des champs des formulaires, etc., les voir concrètement en action est extrêmement formateur. Pour cela, je remercie vivement Laurence Tézier.
Bref, une bonne leçon d'humilité (même si mon site n'est pas totalement mauvais de ce côté-là, il est perfectible, et je compte bien l'améliorer).
Le buffet suivant cette conférence et ces exemples a été l'occasion de faire connaissance et de discuter entre gens passionnés... et fort sympathiques. Je remercie donc l'association Chambé-Carnet qui a organisé cet événement, et chose très agréable, qui l'a rendu accessible (!), le prix étant extrêmement modique.
J'en profite en tant que développeur/intégrateur pour lancer un appel aux pros de l'accessibilité : rendez votre domaine et rendez-vous accessibles.
La plupart des intégrateurs ne demandent pas mieux que d'améliorer leurs sites. Au lieu de pointer bêtement les faiblesses, de rester dans votre donjon et de dire la sempiternelle phrase "l'accessibilité, c'est tellement plus que... (mettez ici ce que vous voulez)", donnez des exemples, soyez concrets, proposez des solutions ou des pistes d'amélioration, éduquez, partagez votre savoir, aidez-nous à comprendre où nous pouvons nous améliorer : la cause de l'accessibilité n'en sortira que grandie.
Le problème actuel de vouloir utiliser HTML5 en production est en grande partie dû à Internet Explorer : j'en discutais sur Braincracking avec JPVincent (suivez le lien), il est impossible d'avoir un site utilisant les balises HTML5 sous Internet Explorer sans Javascript, ce dernier est obligatoire pour permettre l'affichage des nouvelles balises comme nav.
Mon propre site ne dérogeait pas à la règle, un javascript en commentaire conditionnel fixait ce problème pour Internet Explorer. Autrement dit, si quelqu'un arrivait avec Internet Explorer sans Javascript activé sur mon site, patatrac !
Et curiosité, la méthode marche parfaitement... et j'ai pu la déployer très aisément. En pratique, voici la méthode :
rajouter xmlns:html5="http://www.w3.org/1999/xhtml" dans html, ce qui donne <html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">. (les éléments HTML5 utilisent leur propre namespace)
Ensuite, dans le code HTML, chacune des nouvelles balises HTML5 doit être écrite ainsi, par exemple <html5:nav>blabla</html5:nav>
Côté CSS, il faut préfixer les balises ainsi html5\:nav{display:block;}. L'antislash est obligatoire pour éviter que le navigateur pense avoir affaire à une pseudo classe comme :hover.
Important : le double namespace marche mais ne passe pas au validateur si votre document HTML5 est servi en text/html... par contre, cela marche et est parfaitement valide si vous le servez en application/xhtml+xml, coup de chance, c'est le cas pour mon site ! (je le savais que mettre cette forte contrainte me servirait un jour !)
Pour les CSS, je pensais être embêté car elles n'utilisent pas la notation nav{} (je passe directement par #bandeau{} et pas par nav#bandeau{}, pour d'évidentes raisons de séparation structure/présentation, je ne pouvais donc pas écrire html5\:nav{} et marquer html5\:#bandeau{} ne marchait pas) ... et en fait, j'ai trouvé une solution encore plus élégante et très facile à déployer sur mes 24 CSS (heureusement !).
J'utilise un reset CSS spécial HTML5 (afin de spécifier les éléments de type "bloc" et ceux "en-ligne", il m'a juste suffi de doubler ces déclarations dans ce reset ainsi : nav,html5\:nav{display:block;}... et cette modification suffit pour que les styles s'appliquent sous IE.
Résultat, avec quelques remplacements automatiques pour le code HTML, quelques copier/coller pour les CSS, mon site en HTML5 s'affiche parfaitement sous Internet Explorer, sans Javascript.
Conséquence supplémentaire très agréable : plus besoin non plus du Javascript Print Protector pour les problèmes de versions imprimables en HTML5 sous Internet Explorer, ça résout également ce problème !
Je continue de faire des tests, mais tout semble fonctionner.
Ajout : le validateur du W3C a visiblement un problème et n'accepte pas le type application/xhtml+xml, il prend donc ma page servi en text/html (ce qui génère des erreurs de validation). Pourtant, si vous testez la source générée pour Firefox par exemple, vous pourrez constater qu'elle passe parfaitement au validateur.
L'inscription est obligatoire (mais peu onéreuse), pour ma part, je me réjouis d'un événement web enfin organisé pas trop loin de chez moi... c'est pour cela que je serai de la partie. Qui plus est, ce sera pour moi l'occasion de retourner pas très loin du lieu de mes études. ;)
Le niveau a été de haute volée, je regrette de ne pas avoir pu y consacrer plus de temps... néanmoins, beaucoup de choses apprises (dont certaines assez faciles à mettre en production), et beaucoup d'autres choses à apprendre et à tester (dont certaines plus délicates à mettre en production).
A mon sens, les conclusions sont là :
Les performances web sont un sujet qui peut vite être pointu, il sera difficile de concilier hautes performances pour un site... et gestion de ce dernier par une équipe non formée à ces problématiques.
La gestion d'un site par un client novice est donc sérieusement à reconsidérer ou à encadrer.
Le gros défi sera d'industrialiser les techniques de performances... car pour l'instant, beaucoup de bricolage et de "sur-mesure", et peu de scripts... "clés en main qui fonctionnent partout". Ceci dit, c'est tout à fait normal.
Définitivement, la qualité technique d'une intégration est un pré-requis pour une démarche d'optimisation des performances... pas de résultat excellent sans un sérieux effort à la base !
Un peu d'humour en ce début d'année, on parle en général de bonnes résolutions personnelles... afin de pimenter l'exercice, j'ai imaginé ce que seraient les bonnes résolutions... des clients d'agences web :
Je comprends que si vous refusez ou déconseillez ma demande, ce n'est pas pour le plaisir de m'embêter mais bien parce que vous pensez que cette idée n'est pas possible ou pas bonne. ;)
Corolaire de la résolution précédente : cela ne sert à rien d'insister : l'idée d'il y a 10 minutes ne risque pas de devenir subitement bonne.
Autre corolaire : si je m'adresse à vous pour un conseil, c'est bien parce que vous êtes compétents dans votre domaine. Si je vous demande pour ignorer votre avis juste après, autant ne pas demander.
Quand j'ai un problème et que je souhaite que vous le "résolvassiez", je comprends que vous n'êtes pas derrière moi et encore moins dans mon esprit : je l'explique donc clairement ! :)
Le principe d'un projet est le suivant : je viens vous voir, vous analysez mon besoin et nous choisissons ensemble une solution adaptée à mes besoins. Je ne viens donc pas vous dire que je sais déjà comment faire : déjà c'est inutile de vous consulter. Ensuite... pour le dire clairement, vous connaissez en général mieux votre métier que moi.
Corollaire de la résolution précédente : j'arrête avec l'argument "j'ai entendu que Drupal/Typo3/Trucbidule faisait tout, donc je veux Drupal/Typo3/Trucbidule." Faisons une analogie : avec un rouleau-compresseur ou un tank, on peut écraser tout... mais est-ce vraiment le moyen le plus adapté pour écraser une mouche, casser un sucre, ou aplatir une pâte à tarte ? Qui plus est, le choix de la solution se fait APRES l'analyse de mes besoins. Pas avant.
Travailler sur un site prend du temps, donc je vous enverrai les contenus avant la date limite. Et si possible pas en fin de journée... le jour même. Promis ! :)
Je ne confondrai plus "temps pour faire une tâche" et "délai pour faire une tâche".
Corolaire de la résolution précédente : si vous me donnez un temps de 2 jours et demi pour faire quelque chose, je ne vous demandrai pas où vous en êtes 3 heures après. Surtout si entre temps je vous envoie une tonne de modifications à faire sur autre chose. ^^
Vous aimez les sites beaux, moi aussi. Je n'enverrai plus une image ridiculement petite en portrait en espérant que vous l'agrandirez en paysage et qu'elle sera belle. A mon grand dam, les miracles ne sont pas votre apanage. Quoique. ^^
Trépigner, faire l'enfant gâté, mettre la Terre entière en copie d'un Email, ou vous insulter (voir les 4 en même temps) ne sont pas des méthodes qui m'attireront votre respect... J'ai, et c'est normal, le droit d'être exigeant... pas d'être désagréable.
Note finale : c'est de l'humour... nous ne sommes pas parfaits non plus.
Une fois n'est pas coutume, voici quelques liens concernant l'optimisation des performances de vos sites, on commence avec les images :
Yahoo Smush it vous permettra de diminuer le poids de vos images, si vous utilisez Yslow, vous pouvez l'utiliser de manière automatique dans l'onglet "Tools". Très pratique et efficace !
PNG Optimizer comme son nom l'indique vous permettra d'optimiser vos images au format PNG
Web Page Test permet d'analyser vos pages de manière poussée, c'est très formateur et intéressant.
Yottaa permet de voir comment votre site se charge depuis divers points du globe, et vous propose divers points d'améliorations.
Chez Google, l'outil Webmaster Tools propose également quelques pistes d'optimisations et donne une idée des performances de vos sites.
J'ai suivi quelques conseils et fait quelques optimisations sur la version iPhone et sur la version par défaut de mon site, et les améliorations sont significatives : j'arrive à presque un 100 sur 100 avec Page Speed par exemple.
Je viens d'expérimenter les Data-URL dans la CSS par défaut (ND) du site. En pratique, ce système permet de mettre du contenu directement en ligne dans votre code, ici dans mon cas dans la CSS.
Pour convertir vos images, vous pouvez utiliser cet outil : Convertisseur en Data URLs. Cette technique est adaptée pour des images très petites.
Pour l'exemple, j'ai choisi l'image de fond du skin ND, ce qui donne dans la CSS : (j'ai coupé le long bout de code histoire d'être lisible) background:#000 url(data:image/gif;base64,R0(...)w==) repeat; au lieu de : background:#000 url(pattern_136.gif) repeat;
Ne cherchez pas une économie de poids avec cette technique, en général, le code généré est plus lourd que l'image : dans mon exemple, l'ancienne image pesait 232 octets, le code généré pèse lui 334 octets, avec la compression DEFLATE, il est réduit à 296 octets (évidemment, ces chiffres de compression sont à relativiser, c'est pour donner un ordre d'idée).
Par contre, cela économise une requête HTTP, donc c'est bien pour les performances web au final.
Là, vous me dites : "c'est génial, et pourquoi ne généralise-t-on pas cette formerveilleufantasmidable technique ?"
Très simple, Internet Explorer ! Les versions inférieures à la version 8 ne supportent pas cette technique. Je déconseille donc de l'utiliser si vous visez un rendu équivalent sous les différentes versions d'IE. A noter, IE8 supporte cette technique, mais les Data-URL ne doivent pas dépasser les 32 ko, sinon, point de salut.
Attention, ne croyez pas qu'Internet Explorer 7 les supporte... IE 8 en mode de "compatibilité IE 7" les affiche, mais IE 7 tout seul ne les affichera pas. D'autres images du skin auraient pu bénéficier de cette technique, mais je préfère me cantonner à l'image de fond, elle est moins importante pour le design, ainsi, les personnes navigant sous IE 6 et 7 n'auront pas de dégradation trop prononcée du graphisme.
Cela permet, en combinant cette technique avec celle des sprites CSS, de charger la totalité du graphisme ND via 5 images seulement (titres compris).
EDIT : afin de clarifier, car j'ai vu plusieurs bêtises sur le sujet : pour la mise en cache de ces images, comme le code de ces images va être mis soit dans vos CSS soit dans votre code, la mise en cache sera fonction de la mise en cache du fichier qui les contiendra. Exemple, si votre CSS est mise en cache et que la Data-URL est insérée dedans, l'image générée sera mise en cache. Par contre, si la Data-URL est insérée dans une page qui n'est pas mise en cache, effectivement, votre image générée ne sera pas mise en cache.
Voici un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette fois, je vous présente ma première grosse animation avec Terragen 2, nommée "Slave", en hommage à la musique qui l'accompagne ("le Coeur des Esclaves" de Verdi).
Les tendances ont pas mal varié... Firefox reste en position de leader toujours à hauteur de 40% des visites, toutes versions confondues.
Le premier fait marquant est Internet Explorer, qui descend à 22% toutes versions confondues. La version 6 et 7 sont à 5%, environ 12% pour la 8... et la version 9 fait une entrée remarquée à 2%... pas mal pour une version encore en développement.
En troisième place et autre surprise, Safari récolte 21% des visites. Chrome décolle à 9% dans mes statistiques... Mozilla quand à lui est à 5%.
Malgré ses qualités, Opéra reste à 2% des visites... en éternelle lanterne rouge des navigateurs modernes.
Encore une fois, ce ne sont que les statistiques de ce site, cela n'a aucune valeur de vérité absolue.
J'ai eu le plaisir de pouvoir intégrer le nouveau graphisme du site de la société Optimum Sélection, société spécialisée dans la recherche, la sélection, le conseil et le placement en personnel qualifié. Les présentations sont faites.
L'occasion a été intéressante, l'idée était de créer une version classique (sur une base de 900 pixels de large), une version optimisée pour smartphones, et une version imprimable... mais avec un seul fichier CSS, histoire de compliquer légèrement les choses (et surtout d'optimiser les performances du site, autant diminuer le nombre de fichiers CSS si cela est possible).
Pour ce faire, les propriétés de la version classique ont été créées, et les propriétés des deux autres versions ont été ajoutées via @media print et via une mediaquery pour la version smartphone @media screen and (max-device-width: 640px).
Le tout n'est pas extrêmement difficile, si on prend de bons réflexes comme :
Une structure particulièrement bien étudiée : trois présentations vont se baser sur cette structure...
et deux de ces trois présentations vont se baser sur la première (seules les propriétés devant être changées selon le média sont adaptées... autrement dit, ne lésinez pas vraiment sur l'analyse de votre structure.
Avoir une idée précise des éléments et de leur devenir selon le média est très utile, par exemple, le logo de la version print est réutilisé pour la version smartphone. Dans ce cas, ainsi, vous pouvez dire à votre graphiste d'adapter les dimensions en fonction de ces deux médias.
Avoir un ordre de structure cohérent : si la tentation est facile de se laisser aller à une structure un peu arrangeante avec l'intégration de la version de 900px de large, je constate qu'au final, on retombe plus facilement sur ses pattes en ne faisant pas trop de concessions sur la structure. Autrement dit, comme on dit en anglais, be strict to be cool (soyez strict au début pour être plus tranquille ensuite).
Bref, ne partez surtout pas de l'idée que c'est trop compliqué ou pénible, c'est un exercice de style (si j'ose dire) plutôt amusant et ma foi, un petit challenge assez formateur.
Bien sûr, c'est d'autant plus aisé si vous êtes déjà au courant avant d'attaquer votre intégration... qu'une version smartphone va se baser dessus.
Curieusement, on pourrait penser que cela nécessite beaucoup de temps, il n'en est rien. En prime, cela améliore les performances de votre intégration... donc que demande le peuple ?
En attendant de trouver une solution pour la mettre à disposition sur le site (sans faire exploser ma bande passante, l'export final pèse environ 970 Mo), elle est consultable sur Youtube : Mars Render HD.
Je me demandais bien ce que cela pouvait impliquer... maintenant que je vois cela plus concrètement, j'ai des chiffres pour vous donner une idée
Terragen 0.9 calcule image par image, et sauvegarde un fichier au format Bitmap. Un fichier en 1920x1080 pixels de ce format pèse 6 Mo. Et 25 secondes d'animation en non compressé pèsent donc... 3,5 Go ! L'intégralité de mon dossier qui contient les fichiers bitmap, plus les vidéos, plus le montage final... pèse la bagatelle de 140 Go (!!).
Terragen 0.9 étant mono-threadé (il ne tire pas parti des processeurs ayant plusieurs coeurs comme le mien), j'ai dû lancer plusieurs calculs en parallèle pour réduire le temps de calcul. Je suis donc arrivé à avoir 6 calculs lancés en parallèle, mon core i7 a bien été mobilisé, et côté mémoire, pas moins de 6 à 7 Go étaient occupés pour les rendus les plus lourds lancés en parallèle.
Oubliez Bink qui est très bien adapté pour assembler des animations moins lourdes, il n'arrive pas à gérer des fichiers aussi importants. Virtual Dub est largement préférable.
Côté montage, la HD nécessite pas mal de ressources... et c'est plutôt long à faire (il faut une certaine patience, vu que les fichiers sont extrêmement lourds... et les prévisualisations sont tout sauf fluides !).
Ceci dit, je suis plutôt content du résultat : redécouvrir cette animation avec une qualité proche du Blue-Ray est un plaisir qui valait largement la peine !
Notre père Tim Berners-Lee, que ton nom soit sanctifié, que le HTML soit fait. que la séparation structure/présentation vienne.
Donne-nous aujourd'hui nos intégrations, pardonne nous nos quelques divites, tout comme nous pardonnons aux autres la classite, ne nous soumets pas à la tentation des tableaux de présentation, mais délivre-nous du Mal d'Internet Explorer 6.
Car c'est au web sémantique et aux CSS qu'appartiennent l'avenir du web bien fait, pour les siècles et les siècles... c'est-à-dire quand HTML5 sera une recommandation officielle. Ajax.
Force m'est de reconnaître que son auteur, Elie Sloïm, réussit là un petit tour de force : arriver à condenser et synthétiser Opquast dans un petit format de mémento... soit une quantité colossale de points importants de la qualité des sites internet.
C'est bien présenté, simple d'utilisation et très riche côté informations. Sans aucun doute, un must have que tout développeur/intégrateur web un brin soucieux de la qualité des sites doit avoir dans sa bibliothèque... et devrait apprendre par coeur tant qu'à faire.
Qui plus est... j'ai une version dédicacée collector signée de la blanche main de son auteur, na !
Vous entendez certainement parler d'un sujet à la mode si vous vous intéressez un tant soit peu au développement de sites internet, à savoir les performances web.
Les performances web, késako ? Je vais essayer de vulgariser au mieux.
C'est un sujet plutôt large, mais grosso modo, c'est la rapidité d'affichage d'une page web, et plus largement, d'un site internet. Cela peut sembler stupide, la première réaction si je ne réfléchis pas : pourquoi faire ça, on a tous une connexion ADSL maintenant.
Bien évidemment, ce n'est pas aussi réducteur que cela... cela reviendrait si je fais une analogie peut-être plus parlante à dire "pourquoi je devrais avoir une voiture qui consomme 6 litres aux 100 km, alors que j'ai un réservoir de 60 litres ?". Je suppose que l'analogie vous fait sourire... car déjà l'essence coûte cher, et globalement, on peut apprécier de polluer moins et de moins avoir à faire le plein souvent, car cela prend du temps.
Bref, la mode est à l'optimisation des pages, et ce, pour plusieurs raisons :
La rapidité d'affichage est importante, en général, l'internaute apprécie de ne pas attendre pour consulter vos pages,
si cet internaute est en situation de mobilité (il consulte un site sur un Smartphone par exemple), avoir une page qui s'affiche rapidement est très appréciable (surtout si la connexion n'est pas aussi bonne que sur un ordinateur),
c'est un des critères de qualité pour le référencement,
et accessoirement, cela peut vous permettre de diminuer le poids du trafic émis par votre site (ce trafic n'est pas gratuit).
Etc. les avantages sont très nombreux.
Seulement, optimiser une page... ça revient à quoi ? Il y a plusieurs approches. Prenons les plus évidentes et les plus simples à mettre en oeuvre.
On peut déjà se dire qu'en envoyant moins de fichiers, cela prendra moins de temps pour les afficher. Ce qui semble logique, pourquoi utiliser 5 fichiers, si deux suffisent ? Là, on peut, si c'est possible, fusionner nos fichiers javascript et nos feuilles de styles. Idem pour les images, on peut tout mettre nos images dans une seule et même image, ou du moins les regrouper pour diminuer le nombre de fichiers. Cela s'appelle minimiser les requêtes HTTP .
On peut également se dire que d'envoyer des fichiers moins lourds améliorera la vitesse d'affichage. Là, on est dans l'évidence. Plusieurs méthodes :
Déjà un code léger et efficace... pas besoin de dire "pour le li qui est dans la liste bidule qui est comprise dans machin"... s'il suffit de dire que "tous les li de la liste bidule doivent être ainsi". Idem pour le HTML, pas besoin de 4 balises div si une seule est nécessaire.
Idem pour les images, pourquoi utiliser une image de dimensions supérieures qu'à l'affichage sur le site ? Et autant les optimiser.
Ensuite, on peut dire qu'on peut supprimer tout caractère non nécessaire, cela s'appelle "minifier" un fichier.
Et enfin, on peut se dire que si l'on pouvait compresser ces fichiers entre l'envoi du serveur et l'arrivée au navigateur... c'est possible, on appelle cela la compression GZIP ou DEFLATE.
Ainsi, les fichiers auront bien été réduits point de vue poids.
Après, on peut également se dire que les fichiers qui seront utilisés plusieurs fois par le site et qui ne changent pas (par exemple l'image de mon bandeau), cela serait bien d'indiquer que ces derniers n'ont pas changé, et qu'il n'est pas nécessaire de les renvoyer. Cela s'appelle mettre en cache les contenus.
Ensuite, on peut se poser la question légitime d'avoir un serveur rapide... afin d'envoyer rapidement ces données. L'idée étant aussi que le serveur de bases de données soit rapide également... et surtout utilisé à bon escient. A quoi bon sélectionner tous les champs d'une table, si seulement quelques uns sont nécessaires ? Là, c'est de l'optimisation côté serveur.
En tout cas, voila déjà un bon début... qui peut déjà prendre pas mal de temps à mettre en place, car cela peut impliquer beaucoup de changements. Je reviendrai sur le sujet plus tard !
L'idée est simple, il faut optimiser une page tirée du site de la FNAC, généreusement prêtée pour l'occasion. Tous les coups sont permis (ou presque), mise en cache, allègement du poids du code, optimisations de la CSS, compression Deflate, etc.
J'en profite pour signaler un billet de très grande qualité sur le sujet, par l'incontournable Jean-Pierre Vincent (Vincent, c'est son nom :) ) sur son site : Concours de Performances web sur Braincraking.org, qui donne déjà quelques pistes intéressantes.
Une initiative à suivre... et je vais essayer d'y participer, histoire d'apprendre des trucs et autres astuces !
Ce qui est bien avec HTML5, c'est que j'arrive à faire rejoindre plusieurs de mes centres d'intérêts, concevoir des sites avec mes animations avec Terragen 2 par exemple, via la balise video, mais pas seulement.
Une idée un peu saugrenue utilisant les media-queries m'est venu à l'esprit hier, et après quelques essais, j'ai obtenu un résultat correct.
Ce qui est encore plus agréable, c'est que cet effet ne sert strictement à rien (enfin, à première vue, j'imagine aisément que d'autres auront une meilleure idée ou sauront la magnifier). Inutile donc indispensable.
Pour voir cette idée de manière concrète : un effet inattendu via Media-query. Il vous faut une résolution supérieure à 1100 pixels pour en profiter, et bien évidemment, un navigateur supportant les mediaqueries (comme Firefox)... et une souris.
Certains d'entre vous auront peut-être remarqué que sur la page d'accueil, un des petits pictogrammes a changé.
L'image WAI-AA a été changée en un "WAI-ou pas". Ce trait d'humour dont le pH tire légèrement en-dessous de 7 fait suite à une remarque dure sur la forme d'un expert en accessibilité (je le laisse se nommer s'il le désire en commentaire, je ne suis pas là pour tirer à boulets rouges sur quelqu'un… déjà ça se règle en privé, et ensuite, ça ne fait pas avancer le schmilblick).
Même si le fond de sa remarque est juste, la forme a été quand même désagréable, dure… et ce en public.
Bref, cet aparté étant posé (et j'insiste pour que vous compreniez bien que la suite n'a rien à voir avec cet aparté, c'est juste une association d'idée totalement personnelle), ce sujet m'interpelle et m'en rappelle un autre, les ayatollahs des standards (remplacez standards au choix par CSS, sémantique, accessibilité, etc.).
Vous connaissez (et je vais faire du populisme version web en forçant volontairement le trait) surement le cas, ces personnes qui du haut de leur donjon viennent pointer LE point faible de votre site avec une suffisance hautement désagréable, qui n'y mettent pas la forme, qui ne se mouillent pas… et pire qui n'amènent qu'un problème et pas de solution. Ce sont vraiment des gens insupportables (fin du populisme).
La question que je me pose et que j'invite à vous poser, c'est : quel en est l'objectif ?
Montrer qu'ils sont plus forts ou qu'ils savent plus de choses ? Malheureusement, cela existe, et grand bien leur en fasse. On est tous le con de quelqu'un d'autre.
Montrer que la personne incriminée a mal fait ? Ok, et ça apporte quoi ? Lancer une guerre ?
Ou faire progresser le domaine et/ou la personne ? C'est plus louable déjà.
Seulement, comment faire bien progresser le domaine ? (vu que les deux premiers points ne m'intéressent pas)
Prendre en compte son travail et/ou ses efforts avant de l'ouvrir, c'est bien.
S'assurer que la personne est déjà encline à comprendre qu'il y a un problème, c'est aussi un bon début.
Pointer les faiblesses est utile, le fond est important.
Ne pas oublier que la perfection n'existe pas, c'est bien.
S'assurer de faire comprendre les faiblesses et les enjeux, c'est important.
Mais la forme aussi, il ne faut pas la négliger. Un message cordial, c'est agréable.
S'assurer de faire comprendre sa démarche, c'est bien.
Amener une solution est également très utile.
La faire comprendre, c'est mieux.
Ou amener la personne à trouver une solution, c'est bien aussi.
Je fais le faire simple, je n'aime ni les donjons (c'est trop difficile)… ni le populisme (c'est trop facile). Et quoi qu'on en dise, penser aux différents aspects cités ci-dessus, c'est quand même pas si compliqué que ça.
Est-il si difficile d'imaginer qu'en se comportant comme un ayatollah, on puisse être pire que ce que l'on dénonce ? Et totalement contreproductif, en supposant que l'on veuille faire progresser un domaine.
A méditer.
EDIT : afin d'être plus léger, rappelons la sage pensée : un grand pouvoir implique de grandes responsabilités.
Voici une humeur que j'avais envie de partager aujourd'hui.
Nous sommes fin 2002, je suis encore à l'I.U.T Services Réseaux de Communication à l'Université de Savoie à Chambéry, et notre gentil professeur Serge Hélies (que je salue au passage) nous annonce qu'en tant qu'étudiants de 2ème année, nous allons devoir créer notre site personnel, et que nous allons être notés sur ce dernier.
Histoire de situer, nous sommes encore à l'époque où utiliser des tableaux de présentation et même des frames ne choquait pas.
Seulement, je me suis dis que ce petit site pourrait être autrement mieux, et j'avais envie de faire quelque chose qui ne s'était jamais vu. Seul problème, je n'étais pas un graphiste de génie (Photoshop 6 - oui, nous en étions à la version 6 - était particulièrement dur pour moi), et je n'avais pas d'idée géniale de graphisme. L'émulation aidant - la concurrence allant être rude (il y avait de bons flashistes) - j'ai cherché une idée "bien à moi".
Et je me suis dit : vu que ça va être dur pour toi de trouver un graphisme qui va faire l'unanimité, pourquoi ne pas laisser ce choix... à celui qui surfera sur ton site ? Autrement dit, l'idée d'un site personnel dont on peut changer l'apparence était née. Et là... comment faire un délire pareil ?
Précisons quelques points afin que vous compreniez le contexte :
Le CSS Zen Garden n'existait pas à l'époque, il est sorti en Avril 2003 !
Les sites comme Openweb n'existaient pas encore.
Les frames commençaient à montrer leurs limites, mais pour être honnête, les tableaux étaient encore très utilisés.
Voici la réflexion que j'ai eue à l'époque :
Faire quatre sites complets ? Hors de question, pas le temps, et je vais présenter 4 fois la même chose. Je ne veux pas changer ma source, y a que les images qui doivent changer.
Flash ? Non j'aime pas ça.
Et si j'utilisais des frames, c'est surtout les quelques images de présentation qui vont changer pour le bandeau. Ok. Donc il me faut un tableau unique de présentation qui marche pour tous les skins.
Après avoir trouvé quelques tutoriels Photoshop (effets d'eau, de feu, de glace, etc...) et une sévère prise de tête pour pondre un code unique qui permettait de changer l'apparence du site (en tableaux !!!), j'ai pondu un site avec des tableaux de présentation, et dont on pouvait effectivement changer l'apparence. Bon, les différents skins étaient très proches - pour ne pas dire identiques - du point de vue de la mise en page, mais l'idée de base était là, même si l'accouchement s'est fait dans la douleur. Je me souviens que plusieurs amis m'avaient dit de laisser tomber cette idée farfelue.
Je dois reconnaître que mon idée m'avait laissé un goût franchement amer :
Déjà, le résultat n'était pas à la hauteur de mes espérances.
Ensuite, c'était franchement une monstrueuse prise de tête.
Et les designs étaient vraiment très proches.
Et surtout : comment est-ce possible qu'une idée aussi simple soit aussi dure à réaliser ?
Quelques mois se sont écoulés, nous sommes en 2003. Des sites comme Openweb ont fait leur apparition, j'ai commencé à essayer de rendre valide mon code, et mes premiers sites valides arrivent aussi. Entre temps, un copain m'avait envoyé un lien vers le CSS Zen Garden, avec un "t'as vu, ils ont eu la même idée farfelue que toi". Une réalisation après, je décide de refondre mon site, pour atteindre le code de base de ce site. Etc, mon CV et mes réalisations racontent le reste.
Bref, cette idée somme toute simple m'a emmené vers une manière totalement différente de concevoir des sites (les standards du web), m'a amené à tester des mises en pages différentes (les 24 CSS alternatives de ce site), et continue de me permettre d'explorer diverses méthodes, tant pour ce site qu'en milieu professionnel (la mediaquery du dernier skin, la version iPhone, les performances des sites, etc...).
Si vous lisez un autre aspect où cette idée m'a amené, à savoir ma première publication sur Openweb, avoir plusieurs présentations alternatives, je peux presque dire que cet article a une grande saveur... autobiographique. Ce site n'est que le résultat (avec les effets collatéraux comme HTML5, le respect des standards, leurs possibilités) d'une idée un peu originale qui m'est venue comme ça.
J'en conclus donc : ne sous-estimez jamais le pouvoir d'une idée, vous ne vous doutez peut-être pas jusqu'où cette idée peut vous emmener. La mienne continue de m'emmener... et je ne sais pas où elle va s'arrêter pour être franc.
Je vous propose un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette fois, nous restons dans l'univers des fractales... et nous entrons dans l'univers de Dimitri Schkoda, qui a signé la musique. Les fractales ont été générées via le logiciel Apophysis.
Hier soir, je regardais les statistiques de mon site (en hausse, cela fait plaisir), et quelle ne fut ma surprise quand je vis le trafic du mois de Septembre : 132 Go !
Là, je relis plusieurs fois le chiffre, non il n'y a pas d'erreur, ce n'est pas 13,2 mais bien 132 qui sont bien écrits pour le mois de Septembre. Environ 10 fois le trafic moyen "habituel" du mois.
Curiosité, les pics sont situés à des dates précises :
Après épluchage, relevés d'empreintes, lunettes noires sur le nez en me tenant pas droit, j'en déduis que les coupables principaux... sont mes vidéos.
J'en déduis quelques règles à l'utilisation de la balise video :
Si je conseille d'éviter d'imposer vos choix à l'utilisateur... et à sa connexion internet en forçant le téléchargement des vidéos, je rajouterai que c'est dans votre propre intérêt de ne pas forcer le téléchargement.
Encodez vos fichiers avec soin, proposer des vidéos de bonne qualité, c'est bien, mais que votre serveur (et votre porte-monnaie, le trafic, ça se paie) tienne la route, c'est encore mieux.
Dans un cadre professionnel, si le problème de trafic généré est important : externalisez. Des sites comme Youtube ou Vimeo peuvent bien vous rendre service.
Assurez-vous que votre hébergeur tienne la route en matière de trafic offert, cela pourra vous éviter des surprises fâcheuses (fort heureusement, le mien est plutôt bon).
Et d'une manière générale, ne sous-estimez surtout pas le coût engendré par l'utilisation de vidéos hébergées sur votre site.
Là, j'avoue ne pas oser imaginer la bande passante que des sites comme Youtube peuvent mobiliser...
L'idée était de proposer une idée d'amélioration progressive... plus qu'une dégradation gracieuse (même si certaines propriétés de CSS3 ont été utilisées). Le graphisme de base est prévu pour du 800*600 px... pensons aux petits écrans !
Toutefois, si vous avez un navigateur moderne (Firefox, Chrome, Safari, Opéra) qui supporte les médias-queries et que votre fenêtre fait plus de 1200 px de large, le site charge automatiquement un graphisme adapté (qui surcharge le graphisme de base). En fait, la média-query adapte certaines valeurs et certaines images de fond sur la condition d'une fenêtre de largeur supérieure à 1200px.
D'ailleurs, si vous réduisez la taille de votre fenêtre, vous allez voir le graphisme changer directement quand la résolution sera inférieure à 1200px de largeur.
Curieusement j'ai été très surpris de la relative facilité pour implémenter cela... le concept est extrêmement facile à saisir, et les propriétés à changer ne sont au final que peu nombreuses... vous pouvez étudier la CSS pour vous en persuader, je l'ai même commentée. Le concept est très certainement généralisable pour plus de résolutions différentes. On peut aisément imaginer une version iPhone, 800*600, 1280*1024, et une supérieure à 1600px de largeur (ce ne sont que des exemples bien sûr).
Sinon, j'ai utilisé une police d'écriture exotique pour les liens du bandeau, afin d'éviter l'utilisation d'images pour chaque rollover. Les titres utilisent aussi cette police, ce qui économise le poids des images.
Quand aux propriétés CSS3, ce sont principalement des coins arrondis, des effets sur les liens (ombrages)... mon idée était qu'Internet Explorer ne soit quand même pas trop pénalisé. Quelques PNG à transparence graduelle ont également été utilisés. Je ne mentionnerai pas le fond fixe, car ce n'est pas une propriété récente !
Le code reste du (X)HTML5, juste un petit peu allégé pour la peine.
Et pour le choix de l'Egypte, j'aime tout simplement l'Antiquité et l'Egypte, et je trouve amusant de mélanger le côté civilisation ancienne et le web de maintenant (c'est un délire personnel). :)
Je vous propose un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette fois, nous changeons d'univers, c'est une animation de fractales, ces étranges images fascinantes (comme me disent bon nombre de personnes qui les voient animées)... ma première dans le genre d'ailleurs. Les fractales ont été générées via le logiciel Apophysis.
Le métier d'intégrateur web a bien évolué en cette année 2017.
Contrairement à ce que certains annonçaient, 2012 n'a pas été la fin du monde. Reconnaissons à Firefox, qui est dans le quatuor de tête des navigateurs actuellement à 35% de parts de marché d'avoir relancé une saine guerre des navigateurs il y a presque 15 ans, guerre qui a amené le web à continuer d'évoluer.
Safari 9, Firefox 7.1, Chrome 18.0 et Opéra 14 ont tous bien évolué, les techniques d'HTML6 et CSS4 sont quasiment toutes implémentées, le test Acid 5 commence à bien être respecté. Jquery 3.5 a permis de fantastiques progrès et a réussi à devenir le framework javascript par excellence là où Prototype a échoué. Les Sense-Queries ont permis de franchir avec succès des problèmes d'accessibilité de plus en plus compliqués.
Il faut dire que Firefox a gardé ses utilisateurs, la Mozilla Fondation a été un des principaux acteurs de la neutralité du net... durant la guerre des géants. Apple bien qu'ayant eu une sévère dégringolade boursière (une entreprise ne peut pas valoir 10 fois sa valeur réelle en bourse) a survécu. Google a fort heureusement continué d'innover, même s'il a un peu inquiété le monde il y a 10 ans. Heureusement, ce dernier a été (comme la Mozilla Fondation) signataire de la Déclaration Universelle de Neutralité du Net, ce qui a permis de clarifier et de garder l'idée générale des pionniers libristes. Apple a suivi. Microsoft également. Les droits privés ont enfin gagné une guerre avec cet acte historique.
Internet Explorer 11 (encore en bêta) a suivi le pas de son prédécesseur et supporte les nouveaux standards, même s'il n'est pas parfait et n'a jamais totalement repris son retard.
Les expérimentateurs à temps perdu ont étonnamment changé : avec les nouvelles propriétés permettant les lueurs internes, l'application de textures, les intégrateurs sont devenus des intégrateurs d'effets en natif. On aperçoit des expérimentations assez étonnantes... il faut dire que le PNG-z permet des effets à 3 dimensions, l'expression naviguer sur un site a pris tout son sens... curieusement, après la folie des débuts d'HTML6 où un peu tout et n'importe quoi a été fait, les effets de 3 dimensions sont surtout utilisés pour donner une profondeur aux sites... la grande mode étant un effet délicieusement rétro de scrolling comme sur les antiquités de consoles 16 bits.
Par contre, ceux qui dérouillent... ce sont les intégrateurs professionnels. Encore deux de mes amis ont abandonné ce métier, devenu proprement ingérable.
Autant les expérimentateurs du Dimanche s'éclatent avec les nouvelles possibilités, autant les personnes dont c'est le métier... ont bien souffert. Il faut dire que les cahiers des charges donnent le tournis.
Imaginez un peu : à l'ère du PNG-z, nos clients sont littéralement devenus fous, ils nous imposent de supporter des navigateurs antédiluviens. Déjà je me souviens que mes premières prises de tête avec Internet Explorer 6 (fort heureusement disparu en 2013) étaient pas tristes il y a 15 ans... mais là, on frôle la folie. Ces derniers craignent tellement de ne pas respecter la DUNN et d'être montrés du doigt.
Vous vous imaginez : on nous demande de nouveaux effets, la complexité va croissant, et... l'on doit toujours supporter Internet Explorer 7. Je veux bien croire que le crack boursier de 2014 a incité certaines entreprises à ne pas faire évoluer leur parc informatique... mais quand même, il y a des limites à la bêtise.
Les développements sont devenus impossibles :
Sur un projet développé en 7 jours, on doit rajouter 14 jours pour le faire fonctionner sur Internet Explorer 7.
Des développeurs se sont spécialisés dans ce domaine... on les surnomme les patcheurs. Le taux de suicide chez ces derniers est vraiment inquiétant. Il faut dire que les personnes ayant suivi le développement du net depuis le début... se sont fait rares.
D'ailleurs, certaines sociétés se sont spécialisées là-dedans... et sortent des bibliothèques correctives à tour de bras.
Et encore, ça n'est pas le pire. Imaginez : développer un site pour les navigateurs modernes est resté quelque chose d'étonnamment simple grâce à Jquery 3.5... mais on nous impose de faire fonctionner cela sur Internet Explorer 7, 8, 9, 10 et 11 ! Les moteurs de rendus étant tous très différents, le temps et la complexité du patchage est proprement épouvantable... allez faire fonctionner un PNG-z sur un navigateur n'arrivant déjà pas à rendre correctement nos vieux PNG24.
Il avait bien été tenté de faire passer une loi stipulant que seules les 3 dernières versions d'Internet Explorer devaient être supportées, mais les grands comptes et certains lobbies qui ne comprennent pas les enjeux ont fait échouer cette loi capitale. Le concept de dégradation élégante a malheureusement été interdit pour tout site d'entreprise.
Une mode a d'ailleurs émergé... le retro-siting, les sites à l'ancienne si vous préférez. On retrouve des sites comme ceux de la grande époque de XHTML 1 Strict... belle époque s'il en est. On appelle ces créateurs des sitosaures... c'est dire l'ironie du sort.
Cette mode cache un problème terrible : quand va-t-on pouvoir laisser le web évoluer à son rythme ? Les vieux d'ailleurs disent en souriant que de leur temps, adapter un site à la plupart des navigateurs était une discipline à la portée d'un être humain. Comment a-t-on pu en arriver à une telle dichotomie : les amateurs s'éclatent comme des gosses, et les professionnels souffrent le martyre. Je ne pense pas que le web peut continuer ainsi... on parle d'ailleurs de web bipolaire.
Je vous laisse, encore un enterrement d'un intégrateur...
P.S : ce délire n'est qu'une simple exagération d'une situation... mais j'espère qu'il vous aura fait sourire... et donné à réfléchir.
Et histoire que cette nouvelle CSS se remarque, je l'ai mise par défaut.
Au menu, des propriétés CSS3, quelques effets via Jquery, l'utilisation d'une police de caractère "exotique", quelques utilisations de la transparence graduelle de PNG, et une petite curiosité amusante pour les navigateurs modernes... que je vous laisse découvrir (plusieurs indices, le concept d'amélioration progressive, c'est écrit quelque part...).
Le tout est toujours turboréacté par le code HTML5, qui lui n'a que très peu changé.
Je vous propose un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette animation était un défi quand je l'ai créée, car personne n'avait essayé d'animer certains effets (comme le bliss ou les soleils immenses avec Terragen)... le bliss faisait d'ailleurs planter Terranim, j'ai fait la première partie sans avoir aucune idée du résultat... qui fort heureusement était bien réussi !
Au passage, je salue l'excellent boulot d'Arnaud et Florent Creux, qui ont créé la plupart de ces paysages.
Mon second tutoriel sur Alsacréations vient d'être publié, vous y trouverez un sujet déjà plusieurs fois abordé sur ce site (du côté pratique en tout cas), à savoir l'utilisation de la balise video de HTML5.
Ceux qui visitent le site l'auront peut-être remarqué, mais il existe une version Smartphone de ce site, enfin, de ce skin pour être précis (sobrement appelé iND).
Pour la petite histoire, cette version se base sur la détection du User-Agent via PHP, seul moyen pour moi de conserver l'option CSS alternative (gérable aisément).
Je viens de mener quelques optimisations sur cette version (enlever divers fichiers et quelques bouts de code non nécessaires), le score sur la page d'accueil est plutôt bon : 98/100 avec Google Page Speed.
Si vous souhaitez voir ce que cela donne, je vous invite à tester l'extension User Agent Switcher pour Firefox et à switcher sur un User-Agent iPhone.
Je vous propose un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette animation a été pendant longtemps une des plus longues à calculer qu'il m'ait été donné de faire... normal, il y a beaucoup d'eau (long à calculer), et le thème assez inhabituel - un iceberg - ont contribué à créer une animation très réussie.
Au passage, je salue l'excellent boulot de Marcello Deschino, qui a créé cet iceberg absolument superbe.
La prochaine version majeure du navigateur de la fondation Mozilla continue de se dessiner... et c'est un vrai petit plaisir à l'utilisation. Nous en sommes actuellement à la cinquième bêta.
Je l'assume totalement : ce billet peut sembler surréaliste aux aficionados des réseaux sociaux, et peut-être encore plus de la part d'un développeur web, qui comme tout le monde le sait déjà, connait tout d'Internet. Les développeurs le savent bien, quand on dit "vous savez, je ne connais pas forcément ce dont vous me parlez", on leur répond "oui, mais tu es là-dedans, tu connais".
A force de voir des développeurs poster... qu'ils ont posté des trucs intéressants sur Twitter (et aussi parce que les clients posent de plus en plus de questions sur ce dernier), je me suis dit : ça serait bien de m'y mettre.
Pour être franc, je me demandais bien à quoi pouvait servir Tweeter avant de l'essayer. Poster des micro-messages de moins de 140 caractères... quelle utilité ?
Hormis de relayer le CV de Jean Sarkozy - mince, je vais avoir de gros problèmes -, j'étais très sceptique.
Après m'être inscrit via une interface plutôt simple et avoir souscrit quelques abonnements de personnes éminentes en matière de développement web (afin de me tenir au courant de leurs Tweets), première curiosité, on me dit que je suis listé... enfin que des listes sont abonnées à mon compte. J'avais pas encore dit beaucoup de choses intéressantes, me voilà déjà suivi !
Au bout de plusieurs jours, je constate un problème... ça gazouille beaucoup, même en suivant relativement peu de personnes. Il est difficile voir très difficile de tout suivre !
Aux grandes heures de ma période Linuxienne, je suivais la board de Linuxfr, Tweeter m'a rappelé grandement cette interface, une sorte de joyeux fouillis... mais de taille bien supérieure.
La principale conclusion (cette découverte étant relativement jeune), j'y vois un très gros intérêt pratique (d'ailleurs celui qui m'a principalement décidé à m'y mettre) : beaucoup de ressources postées par d'éminents développeurs/intégrateurs/référenceurs/ce-que-vous-voulez-eurs. En quelques jours, je peux chopper autant d'informations que je veux, c'est extrêmement rapide, j'ai pu découvrir des tonnes d'articles ou de techniques très intéressants.
C'est souvent un casse-tête pour s'en sortir, soit on a un code valide, soit la vidéo est lisible sur un maximum de navigateurs... mais rarement les deux en même temps.
Toutefois, c'est tout à fait possible, mon propre site utilise d'ailleurs ces techniques pour permettre à tous les navigateurs (et surtout à l'horreur Internet Explorer 6) de lire les vidéos proposées dans les dernières nouvelles... tout en restant valide (c'est un prérequis pour mon site, car sinon, il ne s'affiche pas du tout, particularité de le servir en application/xhtml+xml oblige).
Ce service web combine l'utilisation de ces deux extensions, et permet de tester les performances de vos sites... en permettant même de comparer plusieurs pages. Je vous invite à l'essayer, c'est à voir !
Cette réflexion est totalement personnelle et n'engage que moi, toutefois je me la pose de plus en plus depuis que l'idée a germé.
Cette idée m'est venue en discutant avec un collègue, je lui expliquais que je travaillais à fond en utilisant les standards du web depuis maintenant plusieurs années.
Et la question s'est posée à moi : est-ce qu'à force d'utiliser les standards, de travailler avec, de manger standards, de *pisser* standards, on ne finit pas... tout simplement par croire que c'est acquis ? (pour tout le monde j'entends, avec le danger que cela implique)
Je reconnais que j'ai toujours eu une certaine liberté de les utiliser dans mon milieu professionnel, et donc, j'ai depuis plusieurs années, TOUJOURS fonctionné comme cela, j'ai d'ailleurs beaucoup de mal à reprendre de la soupe de tags des premiers sites. Et j'imagine ne pas être le seul à fonctionner ainsi. Et au final, je finis par me dire (je caricature)... pourquoi encore rabâcher les mêmes concepts... ils doivent être installés... vu que je suis le premier à ne plus fonctionner que comme ça et que je suis vraiment pas le seul !
N'y a-t-il pas danger ? Entre les "ultra des standards" qui ne connaissent plus que cela qui se tiennent à la pointe (et qui ne s'intéressent plus qu'à la pointe... vu que pour eux les bases sont acquises depuis des années), et ceux qui démarrent, il risque d'y avoir une sérieuse fracture, et même des risques d'incompréhensions. Sans compter tout l'éventail entre les experts et les débutants.
Et j'ai l'impression que ces bases ne sont franchement pas acquises.
Réflexion à creuser... (je vous invite à ajouter votre grain de sel en commentaire d'ailleurs)
Les tendances varient... Firefox reste en position de leader mais concède quelques points à 43,2% des visites (enfin, c'est à relativiser, lisez la suite).
Internet Explorer descend à 28,5% toutes versions confondues... la version 6, 7 et 8 sont à peu près à part égales, environ 9,5% chacune... mais qu'attendent les visiteurs pour passer au moins à la version 8 ?
En troisième place et première surprise, Safari récolte 15,3% des visites. Et plus grosse surprise encore, Mozilla fait son retour à 8,4%.
Malgré ses qualités, Opéra reste à 2% des visites... à jeu égal avec Chrome.
Grosse surprise donc, Firefox/Mozilla sont à plus de 50%, IE passe en-dessous des 30%, Mozilla nous fait un retour gagnant et Safari se pose de nouveau en challenger sérieux. (bien sûr, ce ne sont que les statistiques de ce site, cela n'a aucune valeur de vérité absolue)
Histoire de démarrer le week-end agréablement, je vous propose un nouvel exemple de vidéo intégrée grâce à la balise video de HTML5.
Cette animation est le résultat des fichiers donnés de mon tutoriel sur les animations avec Terragen 2. D'où le nom "Teacher", qui fait aussi référence à la musique de Daft Punk qui l'accompagne.
La sortie de mon article aura mis un certain temps (l'idée était en chantier depuis un bout de temps), mais cette fois c'est chose faite.
J'en profite pour remercier :
Elie Sloïm, toujours bien meilleur rédacteur que moi et animateur de la troupe,
Raphaël Goetter, qui a toujours une vision pratique des articles,
Emmanuel Clément, Stéphane Deschamps, Monique Brunel et Pascale Lambert Charreteur, toujours prompts à donner de bons conseils,
et surtout Laurent Denis, qui a particulièrement contribué à l'écriture de cet article et qui a emmené cette idée bien plus loin que ce que j'imaginais initialement.
A titre personnel, même si Openweb a quelque peu ralenti son rythme de publication, je compte bien faire tout mon possible pour que ce beau projet continue de vivre. Tenez-le vous pour dit, d'autres articles sont en cours de rédaction.
La page des galeries de photos vient d'être mise à jour : cette fois, je vous propose de découvrir un coin un peu moins connu, mais tout aussi plaisant à admirer.
La seconde petite astuce du jour : si comme moi, vous avez fixé comme contrainte de valider votre site via Validator.nu, il peut être pénible de copier-coller les URL dans le champ du validateur.
Petite astuce du jour : il peut arriver que vos clients veuillent à tout prix ce méta-tag pour leurs sites : <meta http-equiv="imagetoolbar" content="no" /> Pour information, ce méta-tag indique à Internet Explorer de ne pas afficher sa barre d'outil sur les images quand votre souris les survole.
Toutefois, il peut arriver que vos clients veuillent également des sites en HTML5... et ce méta ne passe pas à la validation (ce qui peut paraître normal d'ailleurs, vu que ce dernier est propre à Internet Explorer).
La solution pour contenter tout le monde (développeur, validateur et clients) est toute simple, les commentaires conditionnels pour Internet Explorer :
Une chose assez amusante avec le développement de sites Internet, c'est qu'on apprend plein de choses dans les domaines des entreprises dont on fait les sites.
Cosmétiques, coaching, billards, cuisine, etc. pour quelqu'un de curieux comme moi, c'est une source intarissable de domaines différents qui sont appréhendés.
Mais là, ma dernière petite réalisation m'a permis de connaitre des mots... comment dire... à replacer pour briller en société. Nul doute qu'en parlant de test d'infiltrométrie ou même d'infiltrométrie tout court (rajoutez Blower-Door si vraiment vous avez une demoiselle à impressionner), vous épaterez vos amis admiratifs de votre culture personnelle (pour la petite histoire, ces tests permettent de vérifier l'étanchéité d'une maison).
Si le sujet vous intéresse, c'est sur le site de 2F-Concept.
Histoire de démarrer le week-end agréablement, je vous propose un autre exemple de vidéo intégrée grâce à la balise video de HTML5. C'est ma première grosse animation, et bien qu'une des plus anciennes, elle reste parmi mes préférées.
C'est au passage pour moi l'occasion de tester le support de webM (le nouveau codex libre de Google implémenté sous Firefox 4.0 beta 2)... et le tout fonctionne très bien.
Même si ça n'est pas nouveau, je le blogue pour ceux qui auraient échappé à cette petite pépite. Je vous invite à y jeter un oeil à une vidéo présentant le Zen Coding, si vous ne connaissez pas. Cette méthode est très agréable et plutôt puissante pour coder du HTML.
Un court exemple, vous tapez l'expression : div#page>div.logo+ul#navigation>li*2>a[title=""]
Histoire de démarrer le week-end agréablement, voici un autre exemple de vidéo intégrée grâce à la balise video de HTML5, piochée parmi mes vidéos faites avec Terragen 2.
Je ne peux que recommander la lecture de cet article magnifique, ou s'entrecroisent avec subtilité et dans le désordre : barbe à papa, HTML5, passion et bananes flambées.
Vous y retrouverez du rire, de l'aventure, de l'amour, du suspens... et ma foi, un débloque-note résolument beau et moderne si j'en juge par les technologies employées, et des textes ciselés dont l'auteur a le secret et que la terre entière lui envie.
D'ailleurs, ce dernier peut se vanter d'être un de ceux qui m'ont donné envie de passer à HTML5.
Je l'ai essayée, et la première impression est plutôt excellente. Beaucoup de petites idées sympas pour l'utilisateur, comme étiqueter les onglets (ça va être du bonheur au bureau ça !), le "Switch to Tab", et plein de trucs pour le développeur web aussi.
Curiosité assez cocasse : il fallait, aux temps reculés ou Flash était tout puissant passer par la balise object pour insérer du flash proprement, des vidéos notamment.
Avec HTML5, même si le principe est sensiblement le même, il y a quelques changements.
Donc, la première source indique la version mp4 de l'animation (et c'est obligatoire pour l'Ipad que la version mp4 soit en tête de liste...). La seconde source indique la vidéo au format WebM et la troisième indique la vidéo au format Ogg. Les navigateurs ne pouvant pas lire le mp4 ni la version WebM nativement (comme Firefox 3.6) prendront la version au format ogg. Particularité de la syntaxe XHTML : il faut ajouter controls="controls" (et pas juste controls comme vous pourrez le voir sur certains exemples) pour avoir les possibilités de contrôle de la vidéo.
Donc, à partir de cet exemple, on peut toucher tous les navigateurs modernes (ainsi que l'iPad et l'iPhone). C'est-à-dire tous les principaux acteurs (Opéra, Chrome, Firefox, Safari)... sauf Internet Explorer.
Pour ce dernier, il faut insérer à la place de "Ici le texte alternatif !" une façon de lire la vidéo. Dans mon exemple, j'ai pris le player Youtube.
Problème, Internet Explorer 6 le mal nommé nécessite la balise embed qui est donnée... qui n'est absolument pas valide. En ajoutant un commentaire conditionnel pour cacher le code incriminé, on arrive à avoir un code totalement valide.
<video width="400" height="222" controls="controls"> <source src="/animations/Rings.mp4" type="video/mp4" /> <source src="/animations/Rings.webm" type="video/webm" /> <source src="/animations/Rings.ogv" type="video/ogg" /> <object type="application/x-shockwave-flash" width="400" height="222" data="http://www.youtube.com/v/JqkAt_s3HSE"> <param name="movie" value="http://www.youtube.com/v/JqkAt_s3HSE" /> <param name="wmode" value="transparent" /> <!--[if lte IE 6 ]> <embed src="http://www.youtube.com/v/JqkAt_s3HSE" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="222"> </embed> <![endif]--> Vous n'avez pas de navigateur moderne, ni flash d'installé sur Internet Explorer... suivez les liens ci-dessous pour télécharger les vidéos. </object> </video>
Au final, on a une solution compatible sur tous les navigateurs :
les modernes lisent la vidéo nativement (même ceux qui sont allergiques à Flash comme l'iPad),
les moins modernes ont l'alternative de la balise video, donc le plugin flash pour lire la vidéo,
et les vieux tromblons ont l'alternative du flash, donc le message explicatif.
Le tout est valide, et plutôt simple à implémenter.
Pour générer le fichier mp4, je ne me suis pas trop embêté, je l'ai téléchargée depuis ma chaine sur Youtube. Le fichier ogg a été généré avec un utilitaire très pratique nommé Wtheroa... d'ailleurs le seul que j'ai trouvé qui ne soit pas en ligne de commande.
Côté explications du code, je ferai un petit billet à part pour expliquer tout le fonctionnement.
Je constate ce soir une conséquence curieuse sous Internet Explorer du passage à (X)HTML5 pour mon site : les balises non encore implémentées sous Internet Explorer (comme header), même s'il est possible de les afficher sous Internet Explorer pour le média screen (et heureusement), ne prendront pas en compte les propriétés des feuilles de style pour le média print.
Apparemment, il existe déjà des parades, notamment, un certain IE Print Protector, un fichier Javascript à inclure.
Internet Explorer, encore un pas en avant dans la connerie...
Pour être franc, cela a beaucoup été du travail de préparation, quelques essais pour voir où cela pêchait, un peu de nouvelles balises et de nouveaux attributs… et principalement du remplacement automatique.
Côté préparation :
Mon site était déjà valide par défaut (vu qu'il était servi en application/xhtml+xml, la validation était obligatoire, sinon aucun affichage sur les navigateurs pouvant l'afficher ainsi).
Les CSS ont toutes été vérifiées afin de supporter les changements de code, par exemple que nav id="bandeau" soit bien stylé via #bandeau et non pas via div#bandeau (qui n'aurait pas marché). De ce côté-là, les changements ont été mineurs, fort heureusement d'ailleurs, vu que j'ai plus de 20 styles alternatifs à l'instant où je publie cet article.
Certaines balises ont dû être changées ou oubliées :
La balise acronym est obsolète en HTML5, elle a donc été remplacée par abbr.
Le méta-tag ICRA pose problème également, fort heureusement, on peut s'en passer en utilisant la déclaration via fichier RDF.
Toutes les entités HTML comme le célèbre gênent le parsing des navigateurs permettant l'affichage comme application/xhtml+xml… il a donc fallu les remplacer par leurs équivalents unicode comme   pour l'espace insécable.
Les spécifications de langue dans certaines balises via par exemple xml:lang="en" ont dû être doublées via lang="en", sinon le validateur W3C râle… curiosité, le validateur mobile du même W3C conseillait de ne plus les doubler (?!). Étrange contradiction.
Le méta content-type est obsolète en HTML5, dans l'idée, tout se fait via les headers, comme c'était déjà le cas pour mon site, pas de souci.
Plus facile, de nouvelles balises et attributs ont fait leur entrée :
Côté code HTML, le !DOCTYPE html tout simple, nav, article, header, footer et section remplacent avantageusement certaines div et le doctype XHTML 1 Strict.
Côté accessibilité, j'ai ajouté l'attribut role que HTML5 intègre nativement (WAI-ARIA), cela nous donne body role="document", nav id="bandeau" role="navigation", div class="contenu" role="main", footer id="infos" role="contentinfo", etc.
Quelques petits couacs à prendre en compte :
Si comme moi, vous utilis(i)ez la fonction htmlentities pour éviter que le code soit interprété dans les commentaires, oubliez-la ! Les entités HTML posent problème pour les parseurs des navigateurs si votre site est servi en application/xhtml+xml comme je l'ai indiqué plus haut. Pour ma part, j'ai solutionné ce problème en utilisant la fonction htmlspecialchars pour contourner le problème.
Il faut inclure un fichier javascript pour l'abominable Internet Explorer (8 et versions inférieures) afin de créer au préalable ces éléments dans leur DOM sous peine de ne rien afficher du tout pour les éléments utilisant les nouvelles balises. Ce n'est pas très compliqué. Pour ma part, j'ai repris celui trouvé sur Brain Cracking, que je remercie au passage pour les bons conseils qu'il prodigue !
L'extension HTML validator que j'utilise depuis fort longtemps… se vautre lamentablement à valider du HTML5 et affiche des erreurs (même si le code est parfaitement valide), il faut donc valider à la main avec les deux validateurs !
Curiosité, même si le prologue XML sur mon site indique l'encodage, le validateur du W3C conseille d'ajouter le meta charset="utf-8"… pour le cas ou votre fichier soit enregistré et consulté hors-ligne. Pas totalement idiot, même si cela fait un peu doublon.
Comme je l'ai indiqué plus haut, doubler les attributs lang via lang="en" xml:lang="en" est un peu fastidieux… le conseil était de les garder il y a quelques années, ensuite de supprimer le lang="en" pour ne garder que xml:lang="en" dans mon cas. Et là, il faut les remettre… bizarre et pas très heureux.
En conclusion : migrer un site vers HTML5 n'est pas excessivement compliqué, cela nécessite surtout un bon outil de remplacement automatique (pour les fichiers) et également quelques remplacements dans la base de données, un peu de temps pour préparer votre site, un peu de patience pour faire quelques essais qui se révèlent vite fructueux, et éventuellement de casser quelques petites habitudes (j'ai du mal à oublier le !).
Je suppose que j'ai eu le cas le plus compliqué, XHTML5 nécessitant une validation de facto vu qu'il est servi en application/xhtml+xml (sinon les pages ne s'affichent pas et on se prend une erreur XML dans la tête). Produire du HTML5 sans cette contrainte est beaucoup plus aisé. On peut considérer que j'ai surtout pris du temps pour me documenter et faire quelques essais… la migration ayant été au final assez rapide (une grosse journée de travail).
Plus que jamais, une bonne séparation structure/présentation ainsi qu'une structure solide permet d'éviter de longues et pénibles mises à jour : savoir que votre feuille de style encaissera des changements de balises sans broncher apporte une certaine tranquillité d'esprit. La qualité coûte moins de temps à être reprise.
Il y avait longtemps que le site n'avait pas eu de refonte au niveau du code, c'est désormais chose faite : le XHTML 1 Strict classique laisse la place à un code (X)HTML5.
Pour l'utilisateur, certes, cela ne change pas grand chose. Histoire de ne pas faire les choses à moitié, le site reste servi en application/xhtml+xml pour les navigateurs le supportant.
J'expliquerai sous peu les changements que cela a impliqué... certains, même s'ils n'ont pas été très compliqués, ont mis un peu de temps à se mettre en place.
Un long travail de fond m'occupe sur le site, en vue d'un changement certes pas majeur pour l'utilisateur, mais assez intéressant pour le(s) développeur(s) web.
J'espère vite arriver à voir la fin du tunnel, le travail est déjà bien entamé. Les CSS sont déjà bien rectifiées, plus qu'à s'occuper de la base de données et des fichiers.
Sinon côté animation, une ancienne animation va s'offrir une bonne cure de jouvence... enfin, si mon disque dur ne crie pas "au secours" avant la fin du calcul !
Non le site n'est pas mort, j'ai juste été totalement pris depuis plus d'un mois. Les mises à jour vont vite arriver, et les réponses aux mails laissés en attente également !
Edit : mauwz, j'écrirai un petit tuto comme tu as demandé. ;)
Firefox continue de grignoter des parts sur mon site, avec 49% des visites, toutes versions confondues.
Internet Explorer stagne à 38,6% toutes versions confondues... la version 6, 7 et 8 sont à peu près à part égales, environ 13% chacune... mais qu'attendent les visiteurs pour passer au moins à la version 8 ?
En troisième place, Safari récolte 8,3% des visites (en très légère baisse).
Malgré ses qualités, Opéra se vautre à... seulement 0.5% des visites. Il est même devancé par Mozilla, qui prend 2,5% des visites.
Bref, pas de changement majeur pour ce mois-ci, en tout cas, pas pour mon site. Je pensais que l'écran de proposition des navigateurs influencerait sensiblement les statistiques, ce n'est pas (encore ?) le cas.
Par contre, côté fréquentation, c'est en bonne forme, pas moins de 25 000 visites en moins d'un mois !
J'en parlais dans un billet précédent, c'est désormais chose faite : une CSS spéciale iPhone est désormais disponible pour le site. Si vous êtes l'heureux possesseur d'un iPhone ou comme moi d'un iPod touch, le site chargera automatiquement une CSS adaptée à un petit écran, que j'ai baptisée "iND", vu qu'elle est dérivée du skin principal.
Mes deux ordinateurs calculent déjà depuis de nombreuses semaines, et il semble que le bout du tunnel arrive enfin... encore quelques semaines, et ce sera bon !
Histoire de continuer le rafraichissement de mon site, cette fois c'est la CSS destinée à l'impression qui vient d'être copieusement remise au goût du jour, au menu :
l'ajout du logo du nouveau skin,
de nombreuses corrections de bugs dans l'impression de certaines pages,
et divers ajouts pour favoriser une impression de qualité satisfaisante.
3 extraits de Mars Render, une de mes animations sur Mars, sont passés dans l'émission Ushuaïa Nature d'aujourd'hui même, sobrement appelée "On a marché sur l'Islande".
Olympus Mons, Coprates Canyon et Mars South Pole ont été recalculées en Haute Définition pour l'occasion. :)
D'habitude, je mets l'image de fond du haut dans la div du même nom, l'image du milieu (qui se répète verticalement pour s'adapter au contenu), et l'image du bas pour le pied de page, et je positionne le bandeau de manière absolue "par-dessus" le haut de mon graphisme. En quelque sorte, je le sors des divs qui s'empilent, d'ailleurs, on appelle ces divs des éléments de type bloc (qui s'empilent les uns sur les autres, comme des blocs).
En résumé, la div cadremilieu contient toute l'interface (haut milieu et bas), et le bandeau vient se mettre par-dessus tout cela.
Pour ce skin, j'ai choisi de mettre l'image du haut de l'interface en arrière-plan de la div bandeau, de ne pas utiliser la div haut, et de mettre à la suite comme d'habitude l'image qui se répète verticalement (le cadre intérieur vert foncé), et le pied de page en bas. (je te passe les détails un peu compliqués qui me font renoncer à ma technique habituelle de positionnement, ou en commentaire)
Seul défaut de cette logique : si je ne fais rien d'autre que de spécifier cela ainsi, il y aurait d'abord l'image de haut et mon contenu ne commencerait qu'en-dessous de celle-ci... ce qui ne m'arrange pas, je voudrais que mon texte commence déjà sur une partie de l'image du haut (au-dessus de la div bandeau si tu préfères).
En utilisant le positionnement relatif, qui permet de dire : tu es dans le flux normal, entassé entre le bloc au-dessus et au-dessous de toi, mais je te positionne aux distances que je souhaite à partir de cet endroit, je peux dire à ma div "contenu" de remonter de "x" pixels sans faire de casse.
Ensuite, la ruse est d'utiliser le z-index, autrement dit, imagine que la page est constituée de "calques" (un peu comme sous Photoshop), je peux spécifier aux div d'être plus ou moins en arrière-plan ou en avant-plan. En utilisant judicieusement cette propriété, l'interface est prête.
Voilà pour l'idée générale de cette intégration CSS.
Encore plusieurs tests de routine, et une nouvelle CSS devrait arriver d'ici peu, elle est très proche de celle qui est actuellement par défaut... je n'en dis pas plus, elle sera très vite en ligne.
Jojo m'avait demandé une petite explication sur l'intégration CSS de mon dernier skin... que les gourous m'excusent si je ne précise pas tout dans le moindre détail, mais l'idée est bien d'expliquer un principe et une logique, et pas la construction intégrale du graphisme de mon site.
Jojo, tu suis maintenant ! :)
Petite explication historique de cette technique : revenons en arrière il y a... 8 à 10 ans. Les effets de rollover, ou "images survolées" en français se faisaient ainsi :
<a href="" title="" onmouseover="">une image</a>
Quand la souris passait au-dessus de l'image, ça appelait un javascript qui s'occupait de charger une autre image à la place.
Principaux défauts de cette technique : si on désactive javascript... adieu le rollover, et si l'internaute navigue par exemple au clavier... la souris ne risque pas de passer au-dessus de l'image pour déclencher l'effet. Et je ne parle même pas de la lourdeur du code, de la non-séparation présentation/structure... bref, c'était pas terrible.
L'idée est donc venue avec l'arrivée des CSS : puisque cet effet est plutôt de l'ordre de la présentation, autant le gérer dans le fichier qui est prévu... pour la présentation ! La feuille de style donc.
#id_du_lien{ background:url("fichier.jpg") no-repeat; background-position:0 0; } /** on met donc en fond l'image du lien **/ #id_du_lien:hover, #id_du_lien:active, #id_du_lien:focus{ background:url("fichier_roll.jpg") no-repeat; background-position:0 0; }
Là, c'était déjà mieux, on utilisait une propriété en quelque sorte plus naturelle, la présentation était séparée du code du lien, et en prime on pouvait cibler plusieurs comportements : survolé (hover), focus, etc.
Seul défaut de cette technique, certains navigateurs ne préchargeaient pas le fichier de l'image survolée, d'où un clignotement désagréable lors du premier survol, le seul moyen était de recourir à un préchargement via Javascript... inefficace si ce dernier est désactivé. Mieux, mais pas encore ça !
On arrive donc à une meilleure technique : l'image du lien et l'image du rollover sont dans le même fichier image (l'une au-dessus de l'autre par exemple). On s'arrange pour ne voir que le haut de l'image qui contient le lien non survolé, et quand on le survole, on décale l'image du fond.
L'illusion est parfaite, l'image est déjà chargée, on ne fait que la décaler de 50 pixels, ce qui est immédiat. Plus besoin de Javascript obstructif, le tout fonctionne sans !
Cherchons encore la petite bête... cela fait dans le cas de mon site pas moins de 10 fichiers à créer rien que pour la navigation de mon bandeau... si j'en crois les apôtres des performances des sites internet que sont les extensions Page Speed et Yslow, c'est pas encore parfait, car il faut minimiser le nombre de fichiers.
Donc l'idée est de pousser le concept de grouper les images au maximum (enfin, il faut que cela reste dans les limites du bon sens). Prenons l'image de mes liens de bandeau.
Comme tu peux le voir Jojo (tu suis ?), elle contient toutes les images des liens, et toutes les images des rollovers. Reste plus qu'à les positionner avec style (si j'ose dire) via la CSS, chaque lien affichant la même image de fond... mais décalée juste comme il faut pour donner l'illusion.
/** tous les liens = même image de fond **/ #menugauche li a{ background:url("bandeau.jpg") no-repeat; } /** décalage pour le lien CV **/ #menugauche .cv{ background-position:2px 0; } /** la version survolée utilise le même principe, mais décalée de 52 px en vertical = elle est en-dessous **/ #menugauche .cv:hover, #menugauche .cv:active, #menugauche .cv:focus{ background-position:2px -52px; }
Ainsi, on a une unique image pour tous les liens. Les titres de pages utilisent le même principe. Ainsi, je groupe pas moins de 24 images... dans 2 fichiers images.
La totalité du graphisme du dernier skin est chargée via CSS avec 6 images seulement. Je pourrais encore réduire ce nombre en groupant l'entête et le pied de page... mais le fichier résultant serait assez lourd, et le bénéfice serait très relatif.
Voilà pour l'explication du schimili... schilimi... du schmilblick !
La tendance de début d'année se confirme, Firefox grignote petit à petit des parts sur mon site, avec 48% des visites, toutes versions confondues.
Internet Explorer chute légèrement, avec 37% toutes versions confondues... dont 10,8% pour la version 6. La version 8 est en tête... mais c'est timide, seulement 14,4% des visites.
En troisième place, Safari récolte 10,8% des visites (en très légère hausse).
Opéra reste marginal... avec seulement 1,7% des visites au compteur.
D'ailleurs, à partir de maintenant, je ferai un petit topo des navigateurs utilisés à chaque fin de mois. Histoire de savoir quand Internet Explorer 6 passera en-dessous des 5% ! (entre autres)
Autant XHTML 2 a peiné pour faire son chemin... et n'y est jamais vraiment arrivé, autant HTML 5 semble remporter l'adhésion générale... alors qu'il n'est pas encore un standard officiel.
Je profite du changement de skin pour apporter bon nombre de changements et d'optimisations, je travaille depuis plusieurs semaines sur certaines d'entre elles :
Certains auront peut-être constaté une amélioration de la vitesse d'affichage, j'ai activé la compression de plusieurs types de fichiers, en résulte un téléchargement beaucoup plus rapide de divers éléments, les fichiers PHP/XHTML et CSS ont par exemple perdu 3/4 de leur poids !
J'ai enlevé les CSS alternatives, comme aucun navigateur ne se décide à mieux les supporter (en tout cas de manière permanente), cette possibilité se cantonnera à la page des skins en attendant mieux...
... ce qui permet de fortement alléger le site : environ 50 ko (compressés) et 20 fichiers de CSS alternatives de gagnés.
La page des liens a été réorganisée : des liens relatifs permettent d'accéder directement aux catégories, et les derniers liens ajoutés se retrouvent en tête de chaque catégorie.
Au passage, j'en profite pour signaler trois extensions Firefox qui m'ont bien aidé pour ce travail d'optimisation et que je vous recommande chaudement si vous ne les connaissez pas encore :
L'indispensable et incontournable Firebug, qui permet d'ailleurs de faire tourner les deux autres extensions ci-dessous.
Page Speed pour Firebug, par Google, permet de vite voir ce qui pêche sur une page et d'y remédier aisément (problèmes de cache, trop nombreux fichiers, etc.),
Page speed donne une note sur 100, et Yslow donne des notes de "A" à "F".
Pour donner un ordre d'idée avec Page Speed : le site est passé d'une note de 65 à 80/100 durant les précédentes optimisations puis 89/100 avec la nouvelle CSS et la suppression des CSS alternatives. Avec Yslow, le site est passé d'un honteux "D" à "B" durant les précédentes optimisations puis à "A" avec la dernière CSS et les CSS alternatives en moins.
Comme vous pouvez le voir si vous utilisez le skin par défaut, le site vient de s'offrir un redesign complet.
Côté technique pour les curieux, j'ai essayé de réduire au maximum le nombre d'images à charger... les éléments du bandeau (rollovers compris) ne tiennent qu'en un seul fichier image, les titres de pages sont également tous compris dans un unique fichier image.
Seule contrepartie de cette méthode, la CSS est un tout petit peu plus lourde... c'est très relatif : la CSS pèse 8 ko (2 ko de téléchargement effectif, cette dernière étant compressée à l'envoi).
Au final, ce nouveau graphisme est totalement chargé via 6 images.
Je vous invite à donner votre avis sur ce changement assez radical de design en commentaire !
Le prochain skin avance à pas de géants, plus que quelques images pour les titres, divers tests, et c'est une affaire qui roule ! :)
En fait, je navigue déjà avec, même s'il n'est pas encore terminé... à vous de deviner la querystring à activer sur la page des skins si vous voulez le voir.
Je ne parlerai bien évidemment que des navigateurs ayant une part significative des visites sur mon site... je ne vais pas parler des 0,01% de Netscape non plus !
Le grand gagnant est depuis le début de l'année... Firefox, avec 44,6% des visites. Les versions les plus utilisées sont la 3.5.7 et la 3.6... normal serais-je tenté de dire, vu que la mise à jour vers la 3.6 a eu lieu il y a peu.
Le second est Internet Explorer, avec 40,9% toutes versions confondues. 17,5% pour la version 8 (bieeeeen), 12,7% pour la version 7 (moins bieeeen), et encore 10,5% pour la version 6 (paaaaas bieeeeeen).
En troisième place, Safari (je suspecte l'iPhone d'y être pour quelque chose) truste 10,7% des visites.
Opéra a la médaille en chocolat... avec seulement 1,5% des visites.
Autant le dernier né d'Apple (l'Ipad) me faisait ni chaud ni froid (même plutôt froid d'ailleurs), autant cette présentation de Pranav Mistry sur les interfaces du futur... j'ai rarement vu quelque chose d'aussi bluffant et impressionnant.
Son système SixthSense dépasse de loin les interfaces actuelles... vous n'arriverez pas à penser à autre chose une fois que vous aurez vu cette vidéo (les sous-titres sont disponibles en français).
Coup de grâce... l'auteur annonce que ce système... sera Open source.
La prochaine animation se calcule tranquillement... environ 500 images déjà de rendues. Encore un bon paquet à faire avant la fin ! (et les nuages et l'eau, c'est long)
Notre père qui comme moi êtes sur le trône, que l'inventeur du smecta soit sanctifié, que le bol de riz vienne, que le colombin soit bien fait, dans la vie comme aux toilettes.
Donne-moi mon imodium de ce jour, Pardonne-moi de boire du coca, comme je pardonne à celui qui venter n'osera pas, Et ne me soumets pas à la tentation de manger des noix, mais délivre-moi de ce mal.
Oui, je sors... enfin, j'aimerais bien. Cette création originale a été sponsorisée par Lotus.
Hormis Page Speed qui n'est pas encore compatible avec Firefox 3.6 (ça ne saurait tarder), Firefox s'est installé comme une fleur via la mise à jour chez moi.
Au menu, de nouvelles possibilités d'extensions (via Personas, qui permet de skinner Firefox très rapidement), une stabilité et une rapidité améliorées (c'est sensible pour la rapidité), et diverses choses pour les développeurs que je n'ai pas encore pu apprécier.
Pour le présenter brièvement, PNL Coach est le site de l'institut international BrieF'R Formations®, créé par Floriane Briefer et basé à Genève. Cet institut propose des enseignements dans beaucoup de domaines :
Bref, l'occasion pour moi de découvrir de nombreux domaines très intéressants.
Cette refonte a été l'occasion pour moi :
de rassembler et de mobiliser toutes mes connaissances,
d'en apprendre beaucoup de nouvelles (Jquery notamment),
d'être le point central de nombreuses demandes (référencement, possibilités d'administrations sur mesure, etc.),
d'imaginer et de concevoir toutes sortes de solutions à divers problèmes et contraintes donnés,
de travailler à une échelle largement supérieure à toutes mes réalisations précédentes,
et de prouver qu'un site aussi riche et touffu soit-il peut être administrable de manière aisée et sur mesure !
L'idée étant que l'administrateur du site ne s'occupe que de gérer le contenu et l'activité (les calendriers, les formations, etc.), le site s'occupant en quelque sorte de "mouliner" tout cela pour permettre l'affichage de toutes ces données... tout en se parant des atours d'un site moderne : XHTML/CSS, UTF-8, etc.
Un travail de chef d'orchestre technique en quelque sorte ! Ceci dit, cette refonte assez complexe n'aurait pas été possible sans l'implication très forte de Floriane Briefer dans la conception de son nouveau site... que je salue au passage pour son dynamisme, son énergie impressionnante et pour son talent dans de nombreux domaines.
Le titre est Rings & Nova, c'est l'occasion pour moi d'animer encore quelque chose qui n'était pas possible avec Terragen 0.9x, à savoir une planète entourée d'anneaux (environ 2 à 3 millions de petits rochers).
Cette scène vient du site New World Digital Art, un site anglophone de ressources sur Terragen 2, par ailleurs excellent.
La musique est tirée du jeu PC Novastorm, un jeu que j'avais adoré, sorti en 1994. Elle a été composée par Rik Ede. D'ailleurs, toutes les musiques du jeu sont encore excellentes... même si le jeu a déjà 15 ans !
Vu la quantité de spam que j'ai dans les commentaires (plusieurs centaines par jour dans les périodes calmes), il était temps de réagir : j'ai ajouté un petit captcha en bas du formulaire, en texte tout simple.
N'hésitez pas à me signaler s'il y a un problème avec.
Il y avait longtemps que je ne l'avais pas mis à jour, c'est désormais chose faite : mon générateur de formulaires, le SOC project, s'est vu ajouter une option toute simple, mais qui fait gagner un temps fou.
Tout simplement, quand vous créez une table dans une base de données, style 42 champs, et qu'il fallait copier-coller les noms des champs... il suffit maintenant de copier-coller la liste des champs directement de PHPMyAdmin par exemple pour que le générateur s'occupe de pré-remplir les champs.
C'est tout simple, mais qu'est-ce que ça fait gagner du temps !
Il arrive qu'on ait à vérifier un peu l'ensemble du contenu d'un site, pour trouver les liens morts, pour générer une sitemap rapidement, etc., seulement, sur des sites avec beaucoup de contenu, cela peut vite devenir un vrai chemin de croix.
Je vous conseille alors d'utiliser ce logiciel plutôt bien conçu nommé Xenu. Il va parcourir intégralement votre site, et surtout fournir un rapport assez détaillé des problèmes rencontrés.
La moustache comme facteur de succès, encore un concept indispensable que vous pouvez désormais tester sur Nanarland. J'ai obtenu un Jean-Claude Van Damme exceptionnel en ninja techno avec la moustache de José Bové...
Etonnant : Viviane Reding, commissaire européen chargée de la société de l'information et des médias, souhaite porter son attention sur l'accessibilité des contenus en ligne, apparemment, en mettant au point un nouveau WCAG.
Ma foi, si c'est bien construit et appuyé par le W3C, je crois que je ne peux qu'être favorable à ce genre d'initiative.
Ouf, après une semaine de vacances bien méritées pour moi, le site va pouvoir reprendre de l'activité. J'espère bientôt ajouter un nouveau graphisme...
Si vous avez besoin de permettre de choisir une couleur dans un formulaire (c'était mon cas, mais bien d'autres sont envisageables), alors je vous invite à étudier cet utilitaire écrit en Javascript : Jscolor.
C'est très simple à utiliser (intégration très rapide et bien pensée), et plutôt bien foutu.
C'est amusant, quand j'ai commencé à travailler, j'ai été pris pour un illuminé quand j'attaquais juste l'idée de "non-nécessité de" 4x4, du dernier Ipod à la noix, etc... Inutile de vous dire qu'on s'est bien foutu de ma gueule quand j'ai osé attaquer certains "tabous"... oser sortir à des névrosés en puissance qu'un 4x4 ne sert à rien en ville ou que le dernier ordinateur surpuissant n'est utile que si l'on s'en sert vraiment (faites du rendu d'animation, je sais de quoi je parle), c'était un sacrilège. Maintenant c'est tendance.
Alors, allons-y gaiement, attaquons quelques idées reçues !
Typiquement, la nourriture : manger de la viande rouge (même blanche d'ailleurs) 5 fois par semaine n'est pas indispensable pour être en bonne santé... et mettre des tonnes de crème ne rend pas la nourriture meilleure. Idem sur la quantité : un bon repas ne se mesure pas à la surabondance de nourriture, la satiété suffit.
Essayez, quand vous allez grignoter de vous dire j'ai faim ou j'ai envie de manger ?
Idem pour les énergies renouvelables, combien de fois j'entends : j'ai discuté avec Bidule (qui est un expert auto-proclamé en géothermie/aérothermie/ce-que-vous-voulez-thermie), il dit que c'est pas fiable. C'est comme celui qui juge de la qualité d'un Fournisseur d'Accès à Internet uniquement sur le newsgroup consacré aux problèmes : fatalement, il n'y verra que des problèmes, vu que ceux qui n'en ont pas... n'ont aucune raison de poster dessus !
La lumière aussi, combien de fois j'ai entendu : j'aime pas la lumière des ampoules basse-consommation, je préfère les anciennes. C'est une simple question d'habitude mais bon... Et la lumière n'a pas besoin de brûler pour rien, nom d'un chien.
Côté flotte.... j'ai bricolé ma chasse d'eau... il faut la garder appuyée pour qu'elle marche, croyez-moi, ça permet de bien économiser. Et mon dernier pommeau de douche inclut un petit bidule qui limite la pression et la consommation... 35% de flotte économisée à temps égal, c'est toujours ça de pris.
Pour la voiture, il faut surtout changer le rapport qu'on a avec : la voiture est objet utilitaire servant à se déplacer d'un point A à un point B (donc pas besoin d'un panzer) mais dont il faut se passer autant que possible et limiter la consommation : covoiturage, éco-conduite, faire des courses à pied, utiliser le vélo... pour ma part, j'ai réduit mon kilométrage annuel de moitié via ces quelques gestes simples. Et par pitié : qui a besoin de plus de 80 chevaux en termes de puissance ? Quoi qu'on en dise, les dépassements, on en fait très peu (les méchants radars), et la conduite en montagne... vous en faites souvent ? Même moi qui habite en Haute-Savoie, une Twingo de base avec un moteur de 1,2 l suffit pour aller en montagne.
L'avion ? Je l'ai pris trois fois en 29 ans... et je n'en ressens pas plus le besoin.
Mon idée depuis plusieurs années, est d'essayer de réduire ma consommation globale et de la remplacer par quelque chose de durable. Cela marche, je me passe plutôt bien du grignotage, des films, des derniers gadgets à la mode (je n'ai pas le dernier portable tactile à la mode), et de faire le plein sans arrêt de ma voiture.
Mes nouveaux loisirs ? La marche à pied autour de mon village, le vélo, Internet bien sûr, le cinéma dans mon village. Ma nouvelle nourriture ? Les fruits et légumes frais du marché du village le Dimanche... à pied bien sûr. Mon nouveau jeu : essayer de rouler le plus éco possible avec la consommation instantanée, utiliser un maximum l'inertie de ma voiture. De nouveaux achats ? Oui... mais pas tant que j'ai pas fini mes derniers jeux ou mes bouquins.
Pêle-mêle, un autre tabou qu'il faut faire tomber : il faut oser reconnaître sa part de responsabilité et pas chercher à s'en dédouaner. Rouler seul... ça me fait honte maintenant que j'ai pris l'habitude du covoiturage, des fois j'y suis forcé, mais j'aime pas. Dépasser les 7 litres au cent avec ma voiture (pas hybride)... hors de question. Certains vont surement rire en lisant cela, mais c'est vrai.
Et encore un tabou tout aussi terrible... toutes ces belles mesures... c'est d'autant plus facile quand on vit bien. Aller expliquer ça à celui qui ne joint pas les deux bouts.
Et bien, je ne suis pas mécontent de voir arriver la fin de ce calcul (environ 2 mois de calcul quand même), et d'avoir terminé le montage !
Une fois de plus, ce sont les superbes réalisations de Franck Doassans qui sont à l'honneur... au menu, de nouvelles possibilités que je n'avais jamais animées... je vous laisse découvrir ça sur la page des animations avec Terragen 2.
J'ai enfin pu essayer ce jeu... et je le dis tout net : j'adore !
Le Wii Motion Plus améliore vraiment la détection des mouvements que je trouvais déjà plutôt bonne (toutes proportions gardées bien évidemment), les sports praticables sont très sympas, on passe un bon moment.
Mention spéciale au ping-pong, très très bien rendu, et au combat au sabre, hilarant à plusieurs. Les nouvelles options sur le bowling sont sympas, et le golf est devenu beaucoup plus redoutable à jouer.
La petite astuce toujours pratique, si vous souhaitez utiliser l'URL rewriting (la réécriture d'adresse) avec EasyPHP et que vous vous prenez erreurs 500 sur erreurs 500, pensez à faire ceci :
éditez le fichier httpd.conf (un clic droit sur l'icône d'EasyPHP, Configuration, Apache),
ensuite, décommentez les trois lignes suivantes : LoadModule speling_module modules/mod_speling.so LoadModule rewrite_module modules/mod_rewrite.so AddModule mod_rewrite.c
cherchez et remplacez AllowOverride None par AllowOverride All (tous),
et redémarrez EasyPHP.
Pour tester, il faut créer un fichier htaccess, et mettez au moins ceci dedans : RewriteEngine on RewriteRule ^\/test.html$ http://localhost/le_nom_de_l_alias/test.php [L]
(pensez à mettre les chemins absolus pour la réécriture, et à les enlever en ligne) Ensuite, essayez d'atteindre le "fichier" test.html, et normalement, la réécriture devrait fonctionner, il ira chercher le fichier test.php.
Il y avait bien Iconworkshop qui était la Royce Rolls des logiciels pour créer des icônes (typique l'icône de favori pour un site, mon problème et mon besoin), mais il était payant.
Il y avait bien l'utilitaire en ligne sur Chami.com qui permettait de créer une icône, mais il les génère uniquement en 16*16 pixels.
Mais je crois que là, je tiens le logiciel qui me convient, il s'appelle ToYcon, il est vraiment pratique, et chose agréable, il est gratuit. Le programmeur a fait un bon boulot.
Largement suffisant pour créer mes icônes 32*32 pixels pour mes sites !
Firefox 3.5 est sorti hier soir... et sur ce coup-là, c'est la mise à jour qui fait très fort : tout s'installe directement... et toutes mes extensions sont directement compatibles !
Allez, sauf une, Firebug... j'ai trouvé une mise à jour qui fonctionne parfaitement.
D'habitude, les changements majeurs de versions nécessite une réinstallation complète, etc. là, c'est transparent, comme si de rien n'était. Firefox a téléchargé sa mise à jour, tout s'est installé, et roulez !
Je vous ferai un petit billet sur l'utilisation du navigateur, mais la première impression est déjà très forte.
A tout hasard, si vous avez eu une mise à jour Windows type mise à jour .NET framework (ou quelque chose dans le genre), que vous ne redémarrez pas souvent votre ordinateur et que vous utilisez Firefox (je sais, cela fait un certain nombre de conditions !), si vous avez des bugs curieux (extensions qui disparaissent principalement), pas d'affolement, ce n'est pas Firefox qui est en cause, et c'est très simple à solutionner.
J'ai eu ce genre de problème récemment, et après quelques recherches sur le net, j'ai pu lire qu'il suffit de redémarrer complètement votre ordinateur (chose que je fais rarement quand mon ordinateur calcule une animation)... comme par magie, votre navigateur refonctionnera nickel comme si de rien n'était. C'est la mise à jour en question qui provoque ces petits désagréments.
Une icône de la musique a disparu cette nuit, Michael Jackson est décédé. Même si je ne suis pas fan du personnage, j'adore sa musique... l'artiste a d'ailleurs marqué son temps avec son style inimitable.
Chose promise, chose due : une galerie de photos est disponible !
C'est une fois n'est pas coutume non pas un endroit en Savoie ou en Haute-Savoie... je vous présente brièvement la Saline Royale d'Arc-et-Senans à travers cette galerie.
Si vous ne connaissez pas cet endroit, je vous invite à vous y arrêter si vous passez dans ce secteur... ça vaut vraiment le détour !
Comme vous le savez peut-être, le salon E3 du jeu vidéo se déroule en ce moment.
Si comme moi, vous aimez bien la Wii, je vous invite à aller faire un tour sur la rubrique Wii de Jeuxvideo.com, de nombreuses annonces de jeux y sont faites... actualité de l'E3 oblige.
Et excusez du peu : Super Mario Galaxy 2 (le premier est déjà le meilleur jeu de plateforme que je connaisse...), Wii Fit Plus, New Super Mario Bros. Wii, et Wii Sports Resort.
Des vidéos sont disponibles pour tous ces titres... tout cela a l'air bien alléchant !
Wii Sports Resort est prévu pour le 24 Juillet, vivement !
J'ai pu voir que cette loi assez controversée a été quand même adoptée... je ne compte pas redire tous les arguments qui me font penser que cette loi est inapplicable et surtout qu'elle ne protège pas le droit d'auteur, mais j'aurais juste quelques questions... dont une qui m'a été inspirée quand j'éditais mon profil chez Free.
On parle d'envoyer un e-mail en guise de mise en garde. A priori (je demande à confirmer), ce serait aux fournisseurs d'accès de l'envoyer à leurs abonnés, sous impulsion d'une autorité gouvernementale.
(déjà on se demande comment l'autorité en question va détecter ça... enfin, passons)
Pourquoi pas... mais pour l'utilisateur : comment être sûr que cet e-mail est envoyé sous l'impulsion de "l'autorité compétente" comme on dit (quand je vois que des spammeurs peuvent imiter parfois très bien certains mails, je me pose des questions), et accessoirement pour les autorités : comment être sûr que cet e-mail est reçu ?
L'exemple typique : j'utilisais une adresse pour mon compte chez Free, et (comme je me sers du contact chez Free une fois tous les 36 du mois) j'ai oublié de la changer quand le nom de domaine de cette dernière est tombé en désuétude. Donc mon adresse est inactive.
Autre chose, je suis un utilisateur moyen/avancé en matière de sécurité informatique, comment je peux être sûr que mon Wifi n'a pas été piraté sans installer de mouchard sur mon ordi ? Qui lui-même sera démoli très rapidement entre nous soit dit. (hors de question par principe d'installer ça, c'est comme si je mettais des caméras dans ma maison pour prouver à mon assurance que c'est pas moi qui ai cambriolé ma maison... ridicule, et merci le manque de confiance...)
Et sans devoir avoir une sécurité digne des services secrets ? Je me vois mal expliquer à ma douce qu'elle doit taper tous les jours dans ma Wii une clé WPA à rallonge pour pouvoir jouer à Tétris en ligne. Essayez à la Wiimote, et vous verrez...
Par principe, tout réseau est piratable, et de ce que j'ai lu sur le net, assez aisément pour le Wifi. En gros, priez pour que votre voisin ne soit pas un hacker de haut vol...
J'ai pu tester hier un logiciel particulièrement intéressant qui s'appelle IE Tester, et je dois reconnaître que l'initiative est très prometteuse : il est possible de tester un site avec toutes les versions d'IE, de la 5.5 à la 8.0 finale (il suffit d'ouvrir un onglet dans la version que l'on souhaite tester).
Il y a encore quelques bugs, mais le tout a le mérite de bien dépanner quand on n'a que Vista 64 et IE 8 sous la main pour tester un site.
Les premiers essais sont en cours... bientôt le début du rendu, si j'arrive à en optimiser le temps... oui, même ma dernière acquisition en matière d'ordinateur peut être mise à genoux avec le type de paysage sur lequel je fais des essais.
Là je dois reconnaître que cet exemple... peut être donné en exemple !
Le 21 Avril, mise à jour de sécurité de Firefox, la version 3.0.9. Tout s'installe bien chez moi.
Je détecte un bug très gênant : le navigateur plante dès que je veux afficher la source d'un site (vu mon métier, c'est très gênant).
J'isole mes extensions une à une pour voir si le problème vient d'elles ou de Firefox... j'en arrive à la conclusion que l'extension HTML validator est fautive.
Je reporte le bug sur le forum de l'extension (d'autres personnes l'avaient déjà fait). Le créateur de cette extension s'aperçoit que le problème vient de Firefox. Le jour même, il reporte un bug et patche son extension pour qu'on puisse continuer à l'utiliser en attendant une meilleure solution (déjà, on a une solution temporaire, mieux que rien).
Entre temps, les développeurs classent ce bug comme "critique", ils planchent dessus... Et 6 jours après, un fix est sorti, Firefox 3.0.10 corrige ce problème (et une faille de sécurité au passage), l'extension refonctionne pleinement.
Si ça, ce n'est pas de l'efficacité... je ne peux qu'applaudir ! Autant Marc Gueury que les autres développeurs.
Bon, bin voilà, le nouvel ordi est arrivé... et ça dépote pas mal, j'ai pu tester Fallout 3 dessus, ça tourne aux petits oignons.
Le temps de migrer tous les programmes, profils, etc... et je pense que je vais vite le mettre à l'épreuve... histoire de voir ce que la bête a dans le ventre !
J'ai récemment fini le site de Profisgest, une fiduciaire suisse basée à Genève.
Chose intéressante, c'est mon premier site en tant que réalisation professionnelle qui passe aux rayons d'Opquast... comme l'atteste d'ailleurs la Déclaration Opquast de Profisgest.
J'ai pu faire au final une démarche qualité complète pour ce site. Au passage, le site est totalement codé en UTF-8 (pages et CSS), ce site a été testé également avec le RGAA, toujours via l'outil Opquast.
Bref, une compilation de ce qu'un site moderne et récent doit proposer comme "qualités" !
Grosse surprise, alors que le texte avait passé l'étape du Sénat à 11H00 aujourd'hui même, après plusieurs débats à l'Assemblée Nationale, le texte a finalement été rejeté (ce qui n'est pas une mauvaise chose au final, au vu des "curiosités" de cette loi).
Maintenant que l'information (quasiment de toute sorte) est disponible, quelles sont les habitudes que cela a changé ?
Je pourrais bien dire que ça a changé ma vie... vu que j'en ai fait mon travail ! (avec toutes les applications professionnelles que j'ai pu créer et utiliser)
Mais je préfère énumérer des exemples tout simples plutôt de l'ordre du privé :
Typiquement la possibilité de tout trouver comme information à la dernière minute sans avoir à acheter un journal,
les séances de cinéma, pratique de savoir ce qui passe et où,
la petite webcam à vérifier avant de monter au ski (histoire d'être sûr du beau temps),
les questions de culture générale (merci Wikipédia), tellement plus simples à résoudre,
les achats en ligne... tellement plus pratiques pour certaines choses,
Etc.
J'ai surement dû en oublier plein, mais ce sont ceux qui me viennent en premier à l'esprit.
J'en avais parlé dans un billet précédent... je suis sûr que vous vous rappeliez, si vous étiez à l'école dans les années 80-90, les superbes exposés dont on vous abreuvait, ou les questions de culture générale sur lesquelles il fallait que vous fassiez des recherches.
Si je ne critique pas le côté didactique de la chose, autant quand on vous laissait le sujet libre, c'était facile... autant quand le sujet était imposé... ça pouvait être une bonne prise de tête assurée.
Pour imaginer, supposons que vous habitiez dans un petit village, pas de bibliothèque à côté... si vous n'aviez pas dans le cercle familial des bouquins sur le sujet ou un solide dictionnaire... patatrac !
Personnellement, je m'en souviens, on m'avait demandé de trouver le nom des alpinistes qui avaient fait l'ascension du Mont-Blanc. Obligé de téléphoner à toute la famille, histoire de glaner quelques infos sur le sujet...
Maintenant : La page Wikipédia sur le Mont-Blanc... observez, il y a tout, et c'est même plutôt bien présenté. Autant dire que l'accès à la culture et à la connaissance est quand même bien plus aisé !
Bon bin, ma mauvaise conscience et la bonne qui étaient en guerre se sont mises d'accord... la bête est en cours d'assemblage chez Tilt Informatique à Thonon-les-Bains (oui, c'est de la pub, mais ils travaillent bien, ils la méritent cette pub !).
Voici la bête : Core i7 920, 8 Go de mémoire, une ATI Radeon HD 4670 1 Go, 1 To côté disque dur (deux disques de 500 Go).
Nul doute que je vais avoir un framerate élevé sous le Démineur en réseau et que les animations vont se calculer plus vite.
EDIT : oups, petit changement, comme la mémoire sera tri-canal, ça sera au final 9 Go de mémoire au lieu des 8 prévus...
Et bien... le moins qu'on puisse dire, c'est qu'elle aura mis le temps à se calculer celle-là. Des mois et des mois, pour vous offrir le meilleur de la qualité de Terragen 2, à travers plusieurs paysages.
Chose encore plus incroyable... durant ces tests d'animations, cela m'a permis d'avoir la réponse à une question scientifique... à savoir la présence d'eau sur Mars. Les relevés topographiques associés à la puissance de Terragen 2 en matière de modélisation viennent de donner la solution.
Core i7 920, 8 Go de mémoire, et le reste n'est pas mal non plus...
Non je ne craquerai pas. Non je ne craquerai. Non je craquerai. N.. je craquerai. Je craquerai. Je vais craquer.
Non, ne pas dresser les qualités évidentes de cette bête de course en matière de rendu d'animations sous Terragen 2... trop tard. Non, ne pas écouter mon turbo-réacteur actuel qui chauffe une pièce à lui tout seul... trop tard (et franchement, difficile de ne pas l'entendre celui-là). Non je ne veux pas de processeur 8 coeurs. Si en fait.
-Non ce n'est pas si cher que ça... -Si c'est cher. -Non.
Après tout, c'est la crise... je pourrais faire un effort et participer à la relance économique. En plus, mon assembleur attitré depuis plusieurs configurations est sympathique et bosse bien. En fait, acheter cette configuration est un acte civique en temps de crise.
-Tu n'es qu'un sale gosse. De 28 ans. -Parfaitement, et j'assume. -Tu devrais avoir honte. -J'arrive même pas. -Tu te rends compte ? -Du temps que prennent mes animations pour se calculer ? Oui. -Je parle pas de ça !!!! -Alors, où est le problème ? -(sic) Incorrigible. -Et alors ? En plus une personne va récupérer mon Athlon 64, ça va faire une heureuse. -De la mauvaise foi à ce point... c'est stupéfiant. -Imagine la fluidité sur le démineur ou le jeu de belote. -Est-ce dieu possible d'être aussi bête ? Tu ne fais pas de jeu sur ton ordinateur. -En effet, mais mes animations. -Tu marques un point. -Tu vois, j'ai toujours raison, même ma mauvaise conscience se met d'accord avec la bonne... ou l'inverse. -Ok.
Il était une fois un homme nommé Tim Berners-Lee, qui a eu l'idée de présenter à ses collègues du CERN une ébauche de projet visant à faciliter l'échange de données entre les chercheurs.
Et vingt ans plus tard, je crois qu'on peut tous le féliciter d'avoir eu cette idée... il venait d'inventer Internet. 26 serveurs existaient à l'époque... chiffre étonnant !
Internet a vingt ans aujourd'hui, et a déjà révolutionné tant de choses de la vie courante (l'accès à l'information, les habitudes, etc.)... et je crois que ça n'est pas prêt de se finir... :)
Tiens d'ailleurs, je vais écrire un billet sur ces habitudes qui changent...
Au menu, principalement des corrections, et un ajout important dans les astuces et pièges à éviter concernant le detail blending... le genre d'astuce qui peut vous éviter de sérieuses déconvenues dans vos animations.
Le site vient de passer le cap des 2 200 000 visites depuis le début de sa refonte !
Pour mémoire, le cap des 2 000 000 de visites avait été franchi le 10 Août 2008, il aura donc fallu donc environ 7 mois pour 200 000 visites... pas mal pour un site personnel !
Cela a été l'occasion pour moi de faire quelque chose que je fais de plus en plus rarement... à savoir un site sans interface d'administration ! Ceci dit, ce projet n'a pas été inintéressant : 4 CSS pour un site en deux langues... c'est plaisant à faire ! :)
Ce site a été l'occasion d'imaginer un nouveau système répondant à la demande de Loup Guerrier, l'inventeur du concept de Planète-Eléphant, l'idée étant de proposer des photos d'éléphants domestiques pour assurer un revenu à leur propriétaire (50% de la vente est reversée aux propriétaires)... et donc de contribuer à la protection de ces majestueux animaux.
L'idée est louable, je salue amicalement Loup et je lui souhaite que sa démarche trouve un écho favorable !
Luc Besson n'en est pas à sa dernière analogie foireuse (au débat sur les téléchargements sur le net qui sont le mal absolu), et heureusement, certains prennent le temps de confronter sa version des faits à la réalité (juridique, pratique, etc...).
Je fais ma petite revue de presse sur le sujet, je vous invite donc à lire :
Vous vous souvenez, je vous avais parlé du jeu Clim' City dans un précédent billet.
J'ai commis plusieurs essais infructueux, il faut d'ailleurs reconnaître que les objectifs sont passablement difficiles à atteindre, soit j'avais bon à la consommation d'énergie mais pas aux GES (difficile), soit j'arrivais à être ok question GES mais pas au niveau énergie... un casse-tête bien redoutable !
Ceci dit... j'ai enfin réussi à atteindre les objectifs et même à faire mieux !
Je suis arrivé à environ 190 000 en énergie consommée dont 75% d'énergie renouvelable, 200 000 en GES, et 31 points d'adaptation.
Pour vous donner un ordre d'idée, j'ai su que j'avais atteint les objectifs à peine deux tours avant la fin du jeu.... autant dire que les évènements aléatoires m'ont permis de réussir (si vous avez les bonnes adaptations, vous gagnez de la marche de manoeuvre).
Et histoire de ne pas imprimer sur du papier la méthode que j'ai utilisée, la voici au format PDF : mon plan d'action à Clim' City.
Et vous, qu'attendez-vous pour essayer ce jeu... et apprendre des choses pour en faire une réalité ?
EDIT : et bien, preuve que ce jeu est ardu, ma propre solution ne fonctionne pas à tous les coups ! A vous d'inventer la vôtre !
Re-EDIT : j'ai même fait largement mieux : 179 036 d'énergie consommée dont 78% d'énergie renouvelable, 157 128 côté GES, et 34 points d'adaptation.
Une expérience curieuse... Youtube a depuis quelques temps ajouté une option plutôt désagréable sur son service de vidéo, à savoir que certains clips, soumis aux droits d'auteurs, voient leurs pistes audio tout bonnement supprimées. Ainsi, on se retrouve avec l'image, mais sans le son.
Ceci dit, je peux l'annoncer, j'ai trouvé une parade... j'ignore si elle marche tout le temps, il faudrait vérifier. Vous pouvez faire l'expérience, il ne faut pas de grandes compétences.
Comme c'est le week-end, et que je suis fatigué, je cherche sur Youtube une parodie du Seigneur des Anneaux pour rire et oublier ma semaine de boulot.
Là, énervé par ces restrictions car c'est le week-end, et je n'ai pas l'âme à compatir sur les droits d'auteur, je vais sur Vidéo Google pour rechercher la même parodie du Seigneur des Anneaux. Voici le résultat de ma recherche : Le Seigneurs des Poivrots 3 sur Vidéo Google.
Je regarde ma vidéo avec le son sans problème... or qu'est-ce que je m'aperçois-je ? J'ai regardé la même vidéo... que sur Youtube ! Vous me direz, oui et alors, c'est bien le but ! Oui, sauf... que j'ai regardé le même fichier, si je clique sur le lien pour voir la vidéo dans son emplacement d'origine (Vidéo Google cherche sur plusieurs plateformes de vidéo), je tombe sur la vidéo Youtube dont le son a été censuré !!!
Donc, pour la même vidéo, sur Vidéo Google j'ai le son, et pas sur Youtube. Je me pose des questions sur l'intérêt de cette censure alors...
Utilisateurs de Firefox, il faut vous réveiller ! Mobilisez-vous, comme dirait un certain journaliste sportif.
Note : ces statistiques sont bien évidemment celles de ce site, et n'ont absolument pas valeur de vérité absolue.
Chose qui me surprend, IE toutes versions est en tête du classement, avec 48,6% des utilisateurs. Ce qui me console un peu, c'est qu'IE 6 est en chute libre régulière... à 18% actuellement. IE 7 lui occupe 29,7% du terrain.
Firefox toutes versions confondues occupe 39,3%, la lutte est âpre entre la version 3.0.5 et 3.0.6 (qu'on peut considérer comme étant les mêmes, vu que la mise à jour a eu lieu il y a à peine quelques jours), chacune ayant 15 à 16% du total, donc 31% pour Firefox 3 (on peut se permettre cette approximation). Firefox 2.0.0.20 est encore utilisé par 1,5% des utilisateurs.
Quand à Opéra, il occupe timidement 1,5% de part de marché sur le site, Mozilla arrivant devant avec 4,4%, et Safari le devance en se situant à 4,5%.
Pour trier tout cela de manière simpliste, on peut mettre IE 7 et Firefox 3 ex-aequo sur la première marche, IE 6 sur la seconde, et Mozilla/autres Gecko ex aequo avec Safari sur la troisième marche. Opéra a droit à la médaille en chocolat.
Ou comment scier la branche sur laquelle on est assis en matière de développement web... ces idées n'étaient pas forcément mauvaises ou inutiles, ni forcément mauvaises techniquement.
Un exemple de technique définitivement morte, les célébrissimes pop-ups. Je vais sûrement passer pour un vieux *chnoque* en disant ça, mais je me souviens de la période où le blocage des pop-up n'était pas d'actualité. Il faut dire qu'on n'était pas bombardé de fenêtres vous vantant les mérites de la pilule bleue ou je ne sais quel casino à la noix... (oui, bon d'accord, c'était il y a quelques années)
Les publicitaires se sont emparés et en ont abusé... résultat, je n'imagine même pas avoir un navigateur ne me les bloquant pas, et je ne regarde même plus ce qui est bloqué.
Moralité, les développeurs et surtout les décideurs devraient réfléchir avant de foncer tête baissée et de sur-utiliser des techniques intrusives, sinon, je ne donne pas cher par exemple des publicités intempestives en Flash... l'existence même d'extensions comme Adblock sont symptomatiques (et encore, je ne parle pas de leur franc succès). Si personnellement, je ne suis pas fanatique de Flash, je reconnais qu'un bandeau de pub animé MAIS clairement identifié comme tel et non-intrusif ne me gêne pas. Et Flash a certaines qualités avec lesquelles il est difficile de rivaliser, techniquement parlant... il serait dommage que les internautes en arrivent à faire disparaître Flash ou Javascript de leur machine pour pouvoir consulter des sites.
J'exagère ? On disait exactement la même chose des pop-ups il y a quelques années. Et leur quasi-disparition est pourtant bien arrivée.
Des statistiques donnent déjà 5 à 10% d'utilisateurs qui bloquent Javascript (de leur propre chef ou non). Et j'avoue que j'aimerais bien savoir le pourcentage d'utilisateurs qui utilisent une extension du genre Adblock plus.
J'avais été le premier à dire que si IE progressait dans sa très longue quête des standards, je serai le premier à m'en féliciter ouvertement... et bien, je tiens parole : après avoir testé la version 8 qui vient de passer en bêta publique, je reconnais qu'ils ont enfin progressé (pas trop tôt).
Ce n'est plus le pétard mouillé qu'était IE 7 (j'entends au niveau de support des standards), mais vraiment un progrès digne de ce nom.
Bon rassurez-vous, je ne parle pas du test Acid 3 (résultats lamentables), on n'a pas toutes les extensions de Firefox, ni les performances d'Opéra... mais il faut savoir accepter tout progrès, fussent-ils aussi tardifs que les progrès d'IE en matières de standards.
Et bien, il ne reste plus qu'à ajouter un moteur Javascript du style de celui qui est prévu pour Firefox 3.1 (impressionnant pour l'avoir testé), à supporter les applications xhtml+xml, à améliorer le support des feuilles de style (qui a dit 3 ?), à ajouter des possibilités de skinage, etc...
Au final, le plus important reste... meurs IE 6, meurs ! Pourquoi ? Tout simplement, tant que cette version ne sera pas tombée en désuétude, hors de question d'utiliser des propriétés trop exotiques pour ce dernier. Traduction... on a un web qui stagne à l'état d'il y a 5 à 6 ans.
On peut dire ce que l'on veut de Jacques Chirac, mais il n'a jamais commis un tel acte de malveillance... il y a des choses auxquelles on ne touche pas ! J'en appellerai au respect des Droits de l'Homme, qui d'ailleurs, le disent clairement : Les Hommes naissent libres et égaux en droits, et ont le droit de regarder "Retour vers le futur" comme bon leur semble.
N'en déplaise à notre cher Président, mais un "Retour vers le futur", c'est sacré, on n'y touche pas ! Il devrait exister un bouclier télévisuel pour "Retour vers le futur". Ou un service minimum "Retour vers le futur"... histoire que même quand c'est la crise, on ne déprogramme pas "Retour vers le futur"... ça serait un monde merveilleux si on pouvait dire : "vous avez vu, même quand le Président fait une allocution, on ne s'en aperçoit pas, Retour vers le futur est toujours programmé."
C'est un droit inaliénable, un acquis social... ON NE TOUCHE PAS à Retour vers le Futur, un point c'est tout !!!!!!!! ... ... ... ... Punaise, ce soir, ça devait être "Retour vers le futur 3"... le seul truc que je regarde à la télé de toute la semaine... M6, c'était mieux aaaaaavaant...
Et bien le calcul a été lancé hier soir, et ça ne tourne pas trop mal, environ 300 images sont déjà faites.
Si ça continue à ce rythme, on peut espérer la fin du rendu d'ici une ou deux semaines... mais ne soyons pas trop optimistes non plus.
Effet collatéral : moins besoin de chauffer l'appartement... la pièce de mon vénérable Athlon 64 3200 a même pris plusieurs degrés alors qu'elle n'est pas du tout chauffée...
Pour une fois qu'on parle de piratage avec intelligence... tout est dit de manière parfaitement synthétique dans la bande dessinée humoristique de Flock sur le site Clubic.
Comme il faut bien commencer quelque part, en général, c'est d'ailleurs mieux par le début, ce tutoriel s'occupe de présenter les bases des animations avec Terragen 2, et de guider les premiers pas dans ce domaine.
N'hésitez pas à me faire part de vos commentaires ou à m'en signaler les éventuelles coquilles.
La version dans la langue de Shakespeare suivra d'ici quelques jours.
Sur le modèle de Sim City, un jeu très intéressant vient de sortir, il s'appelle Clim'City, et vous propose de diviser par quatre les émissions de gaz à effet de serre d'une ville de 115.000 habitants en moins de 50 ans.
Pour ma part, premier essai, j'ai réussi à atteindre les objectifs côté énergies renouvelables et baisse de la consommation ainsi que les points adaptation, mais j'ai manqué les objectifs côté gaz à effet de serre (plutôt difficile à atteindre). Il faut que je réessaie !
J'en ai profité pour refaire un peu la page des liens (du rangement), et côté tutoriel, les captures d'écrans sont faites, et le tutoriel avance à pas de géants...
Le quatrième tome de "Notre histoire lue du ciel" est sorti il y a quelque temps, c'est cette fois l'architecture moderne qui est à l'honneur, avec les "Prouesses du 20e siècle". Je recommande autant que les précédents opus.
Pour les amateurs de l'univers du petit sorcier à lunettes, "Les Mondes magiques de Harry Potter" donne un éclairage pour ceux qui ont envie d'approfondir (un petit peu, reconnaissons-le) les références qui ont taquiné la plume de J.K Rowling.
Plus léger, je vous recommande la lecture de "L'open space m'a tuer", c'est hilarant à lire... et tellement vrai. Si vous n'êtes pas connaisseurs du milieu, vous comprendrez peut-être mieux pourquoi les super boîtes trop accueillantes que tout le monde veut y bosser, où tout le monde bosse ensemble et où l'on est copain avec le boss... font péter les plombs.
Une animation est en cours de calcul, déjà 500 images ont été faites sur les 1500, mes deux ordinateurs calculent à plein régime. Sauf surprise, je pense qu'elle verra le jour en 2009... le calcul est assez long.
Côté tutoriel, le texte est pour ainsi dire fini, il me reste plus qu'à transformer tout cela en XHTML/CSS et à illustrer le tout.
Certes, vous le lirez plus vite que la saga du petit sorcier, mais force est de reconnaitre que J.K Rowling ne manque pas de talent, ces petits contes sont bien sympathiques, le livre est joliment illustré, et les commentaires malicieux de Dumbledore ajoutent à la "magie" pourrait-on dire.
J'ai particulièrement apprécie "La Fontaine de la Bonne Fortune". A lire si vous appréciez l'univers du petit sorcier.
Edit : le Praz-de-Lys était totalement ensoleillé, un vrai bonheur. Et merci à M. et Mme Gay pour le matériel pour le ski de fond... je vous invite à aller chez eux (Gay Sports pour tout ce qui est matériel de ski) si vous passez dans le secteur, ce sont des gens charmants.
Si j'enlève totalement la signification du geste (c'est une grave insulte de jeter ses chaussures là-bas), je trouve quand même magnifique qu'un gugusse puisse envoyer deux pompes à travers la tronche du président des USA...
Néanmoins, je reconnais humblement que ce dernier les a évitées avec une grande maestria. Je ne peux que lui tirer ma chauss... mon chapeau.
Avouez quand même que les bases de données ont du bon... et là en l'occurence MySQL. Je décide de transformer tous les attributs lang="en" xml:lang="en" en lang="en" xml:lang="en"... bien entendu, impossible de faire ça à la main, beaucoup trop de données à changer.
Histoire de compliquer la tâche, j'ai déjà commencé à renommer ainsi certains de ces éléments.
Toutefois, l'utilisation de REPLACE va me permettre de faire ça en 10 minutes, vérification comprise.
Je la présente très brièvement dans mes réalisations web, ce site a été l'occasion de faire un site très léger avec un graphisme quasiment entièrement fait en utilisant les possibilités des CSS.
Le site Neurofeedback-Romandie a pour but, comme son nom l'indique, de présenter le Neurofeedback et l'activité autour de ce produit en Suisse Romande.
J'ai pas pour l'habitude de faire de la pub, mais là, ça confère à l'exceptionnel... que dis-je, à l'instant ludique surnaturel.
J'ai découvert Tétris... en fait sur ordinateur, le jeu s'appelait "Block out", et c'était un Tétris en trois dimensions. Après, j'ai beaucoup joué à ce jeu sur GameBoy, j'y ai joué sur Amiga, sur mon 286, je me souviens même d'un Super Tétris 3 sur Super Nintendo qui était particulièrement bien (notamment grâce au Magicaliss et au Sparkliss).
Les parties à plusieurs, je connais bien aussi, les célèbres duels avec deux GameBoy... les aficionados de l'internat du lycée s'en souviennent encore.
Tout cela pour dire, Tétris, je connais bien, j'y joue encore sur une GameBoy Color...
Et bien, j'ai réussi à redécouvrir ce jeu d'une manière inattendue. Une version est sortie sur le Wii Ware, je décide donc de me l'offrir... le jeu se télécharge. Je démarre le jeu, aucun doute, je suis en terrain connu.
Hormis un mode : oubliez la manette, le clavier... Tétris Party sur Wii Ware vous propose de jouer à Tétris sur la Wii Balance Board. Oui, vous avez bien lu... avec la planche du Wii Fit.
Penchez-vous à gauche ou à droite pour déplacer les blocs, en avant ou en arrière pour les faire descendre... jusqu'ici, ça va encore. Et le summum de l'exceptionnel... il faut se baisser (plier les genoux) pour faire tourner la pièce !
Inutile de vous dire l'effet hilarant qui peut être provoqué en jouant ainsi... surtout pour ceux qui vous regardent jouer.
Si vous avez l'occasion d'essayer, je peux vous garantir que l'effet est exceptionnel, vous n'avez jamais joué à Tétris de cette façon-là !
Le validateur de code vous a fait cauchemarder avant que vous vous en fassiez un ami, des mois, des années durant, vous avez souffert pour comprendre le charabia qu'il vous sortait soit disant pour vous aider dans la quête du Saint-Graal du XHTML bien formé...
Tremblez... les dieux païens ont maudit l'ancêtre, et son descendant devra suivre son père... car son dernier descendant est bien plus retors que lui et va vous en faire voir de toutes les couleurs...
Voici donc (roulements de tambours, s'il vous plait)...
le W3C mobileOK Checker, autrement dit, celui qui va vous indiquer l'étendue des dégâts pour vos pages... mais adapté aux téléphones mobiles.
Et force est de reconnaître... que c'est une très bonne initiative, même si cela peut faire un peu mal quand on voit certaines contraintes.
Voici une nouvelle réalisation web qui s'ajoute à mes réalisations web, le site de Billards-Baby-Foot-Jeux a été l'occasion de faire une boutique en ligne au graphisme complètement extensible... une réalisation très intéressante sur beaucoup d'aspects.
Bref, c'est la preuve que tout le monde peut avoir sa fenêtre sur Internet, M. Armand, le propriétaire du magasin Billards-Baby-Foot-Jeux à Genève, n'avait jamais eu de site internet avant.
J'en profite pour le saluer amicalement au passage pour son implication dans le projet.
J'essaie de terminer ce tutoriel depuis plusieurs semaines, mais le temps m'a un peu manqué... la quasi-majorité du texte est écrite, il ne me reste plus que les captures d'écran à faire... et de pondre une version en ligne de tout cela.
En attendant, en guise d'apéritif, je vous propose l'animation qui résulte de ce tutoriel et de ses conseils... elle est courte et c'est plus un délire technique qu'autre chose, mais elle est amusante à regarder.
Cela faisait longtemps que l'idée me trottait en tête, c'est désormais chose faite : j'ai complètement réencodé une de mes premières "grosses" animations, Mars Global Superior.
La vidéo en question avait été séparée en deux morceaux à l'époque, notamment pour des problèmes de taille de fichiers et de qualité d'encodage... désormais, elle vient de profiter des progrès des codecs vidéos (Divx 6.8 est impressionnant à côté du Divx 5 de l'époque...)... et de mes propres progrès pour les encoder.
La qualité du nouveau fichier n'est même pas comparable à celle des deux anciens fichiers... et le poids est à peu de chose près le même !
Je vous invite à redécouvrir cette vidéo dans la page des animations avec Terragen. Curieusement, cette animation reste encore une de mes préférées... peut-être grâce à la musique de Fallout ?
Pour ma part, je l'ai installé sur mon portable (sous Vista), et tout s'est installé comme une fleur... agréable à l'utilisation, en tout cas, largement suffisant pour mes besoins !
Le nouveau skin est arrivé : Dissymétrie reloaded.
En fait, l'idée était avec ce nouveau skin de tester les possibilités de Jquery, une bibliothèque Javascript plutôt impressionnante. Sans modifier mon code XHTML et en modifiant très légèrement ma CSS "Dissymétrie", j'ai pu obtenir des coins arrondis, et le petit effet de fondu sur chaque élément du bandeau si votre souris en survole un !
J'instaure dans la page des skins du site au passage une nouvelle catégorie avec ce dernier skin... il est plus lourd que de coutume, et comme il est basé sur du Javascript, je ne peux pas le proposer directement en CSS alternative, il faut aller sur la page des skins.
Si comme moi, vous utilisez Windows XP et vous n'avez plus IE 6.0 sur votre machine, je pense que ceci pourra vous intéresser : j'ai trouvé par hasard un installateur de multiple IE (en anglais), de la version 3.0 à la 6.0.
Le tout fonctionne très bien, pratique pour tester vos sites.
Attention, c'est uniquement pour tester des sites, c'est extrêmement risqué de surfer avec ça !
Un léger oubli de ma part gênait le fonctionnement de la CSS destinée à l'impression sur le site (elle était purement et simplement ignorée dans certains cas), je viens de le corriger...
Et au passage de corriger également un avertissement du validateur CSS dans la même CSS alternative (celle qui vous permet de voir la version imprimable directement en CSS alternative).
Encore 200 images à calculer, et la prochaine animation sera prête... malheureusement, de nombreuses retouches vont être nécessaires... quelques bugs subsistent.
Voici un rapide tutoriel pour passer vos sites au tout UTF-8.
Pour comprendre la relative complexité (on imagine que ce n'est qu'une ligne "meta" à changer... au début), il faut avoir à l'esprit une chose que je vais essayer de vulgariser de mon mieux : l'encodage est en quelque sorte la "langue" dans laquelle les différents intervenants vont traduire les 0 et les 1 qu'ils s'échangent, pour vous les afficher de manière intelligible.
Pour l'utilisateur, c'est assez simple... mon navigateur... et le site à afficher doivent se comprendre. Pour le développeur du site, c'est un petit peu plus complexe.
Je suis parti de l'idée somme toute "logique" que tout le monde allait devoir parler la même langue, l'UTF-8 donc. C'est là que le tout se complique, il y a plusieurs acteurs dans cette "discussion" pour faire tourner mon site :
XHTML, qui structure le contenu,
PHP, qui donc est le langage dynamique,
MySQL, la base de données,
Les fichiers du site, exemple : index.php
et Apache, le serveur qui fait tourner tout ce joli monde.
L'idée est de faire discuter chacun dans la même langue afin qu'ils se comprennent... dès qu'ils échangent des données.
Première chose à faire... tout sauvegarder ! Bases de données, fichiers, il faut y aller franchement, cela ne coûte rien.
Première chose à changer, il faut dire à Apache de nous "donner" de l'UTF-8, ça n'est pas le cas par défaut (c'est de l'ISO). Comme je n'ai pas accès à la configuration d'Apache, cette étape se résume à changer le header envoyé par défaut par le serveur.
header("Content-type: text/html; charset=UTF-8"); si vous servez votre site comme text/html, header("Content-type: application/xhtml+xml;"); si vous servez votre site comme une application/xhtml+xml, comme le mien.
Ensuite, la base de données... il faut savoir que MySQL peut gérer l'encodage des données (la langue dans lesquelles elles sont "adaptées"), et la collation, l'interclassement en français : comment se comporter avec ces données (comment "comparer" un "é" et un "e", comment gérer la casse, etc...). En gros, les règles de la "langue" choisie, pour reprendre l'analogie.
Bon, là, c'est simple (quoique un peu rébarbatif), utilisez PHPmyAdmin, il faut aller dans "operations" (pour la base et pour chaque table), et changez l'interclassement. Ensuite, il faut également faire de même pour chaque champ le nécessitant (exemple, des champs de type texte). Pour ma part, j'ai pris utf8-general-ci. Je n'ai pas besoin que ce soit sensible à la casse dans MySQL pour mon site (un "E" est égal à un "e"), d'où le ci (=case insensitive en anglais). Pour information, utf8-general-cs veut donc dire case sensitive, et utf8_general_bin signifie un classement binaire, donc pas d'interclassement à proprement parler.
Attention, cela ne veut pas dire que mon site ne gèrera pas les majuscules ou les minuscules (rien à voir), cela "explique" à MySQL (et à MySQL uniquement) comment gérer lui ces données !
A noter, si vous voulez forcer MySQL à utiliser l'UTF-8, il suffit de lancer cette requête avant toute autre : SET NAMES 'utf8';
(sans rentrer dans les détails, cette requête "magique" aura le bonheur au passage de dire à MySQL de tout convertir, interpréter et envoyer en UTF-8... donc n'ayez pas peur de vous en servir)
Après, PHP... là, c'est un peu le cirque : PHP travaille nativement en ISO, ce n'est qu'à partir de la v6 qu'il basculera entièrement en UTF-8. Deux modules permettent de gérer différents types d'encodages, mbstring et iconv.
mbstring s'occupe de la manipulation de chaînes tandis qu'iconv permet de convertir différents types d'encodages. Les conversions entre ISO et UTF-8 peuvent se réaliser à l'aide des fonctions utf8_encode() et utf8_decode(), qui vont bien souvent vous sauver la mise.
Le bout du tunnel se rapproche... pour XHTML, c'est assez simple dans mon cas : <meta http-equiv="content-Type" content="application/xhtml+xml;" /> pour le servir en application/xhtml+xml (le cas de mon site si vous utilisez un navigateur le gérant), en n'omettant pas le prologue XML <?xml version="1.0" encoding="utf-8"?> , ou <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> pour le servir en classique text/html.
Il reste enfin à s'occuper des fichiers du site, eux aussi doivent être encodés en UTF-8, notamment pour que le texte écrit "en dur" soit bien interprété, vu que tout le site va parler dans "la langue" UTF-8, les fichiers doivent également s'y plier. Là, il vous suffit de trouver un éditeur de code qui gère cela, PSPad le fait par exemple très bien (dans PSPad, allez dans "format", cliquez sur UTF-8, et sauvegardez.
Attention, certains éditeurs spécifient en début de fichier un marqueur d'ordre des octets (BOM en anglais). C'est inutile pour l'UTF-8, et même dangereux : le fait d'insérer ce caractère au début d'un fichier php (donc avant la balise d'ouverture <?php) pourra provoquer une erreur du type "headers already sent"... à fuir de toute urgence !
La plupart des navigateurs usuels gèrent bien cet encodage, même IE 6, c'est dire.
Normalement, vous devriez arriver à vos fins avec tout cela, d'autres tutoriels sont disponibles sur le web si vous avez des besoins plus spécifiques, notamment configurer Apache, etc... mais là, je vous laisse chercher !
Au vu de l'augmentation des spams en commentaires, je me vois obligé de sévèrement renforcer le filtre anti-spam des commentaires du site.
Si vous avez peur que votre commentaire passe à la trappe s'il n'a pas été publié directement (normalement, j'examine quand même les spams pour voir si un commentaire ne s'y serait pas glissé), vous pouvez m'envoyer un petit message, je ferai attention.
Tout le monde en parle (Tristan Nitot, les magazines informatiques, etc...), je me dis, je vais l'essayer... après la folie de la découverte.
Donc, voici mon opinion sur Chrome, le navigateur en version bêta de Google.
Déjà, c'est du Google dans le style : simple, épuré, rapide, on va à l'essentiel sans fioriture. C'est un bon point... si vous décidez que cette approche est une bonne chose. Côté respect des standards, c'est plutôt bon, les divers tests (Acid et consorts) donnent des résultats plutôt encourageants pour une première bêta. La rapidité du moteur Javascript est impressionnante. Une bonne idée : chaque onglet est indépendant des autres, si un est en train de planter, ça ne plante pas tout le navigateur.
Bref, beaucoup de bonnes idées pour un navigateur simple.
Là où le bât blesse... il y a plusieurs zones d'ombres sur les conditions d'utilisation (Votre copie de Google Chrome inclut un ou plusieurs numéros d’application uniques. Ces numéros, ainsi que les informations relatives à l’installation de votre navigateur (par ex., numéro de version, langue), sont envoyés à Google lorsque vous installez et utilisez le produit pour la première fois et lorsque Google Chrome recherche automatiquement les mises à jour.)
Et notamment, ce satané "googleupdate.exe" qui se met en tâche de fond et qui tourne en permanence, et qui est ma foi bien difficile à supprimer. Comme je n'aime pas que quelque chose tourne à mon insu sur mon ordinateur, il a fallu que je le supprime des tâches lancées, que j'aille lancer msconfig pour faire le ménage (services au démarrage), et accessoirement aller mettre les mains dans la base de registre. Pour moi, ça fait un peu beaucoup pour un programme...
Conclusion : Google se dote d'un navigateur pour pouvoir exécuter ses services à une bonne vitesse... c'est excellent sur la technique, mais ça ne répond pas à mes besoins actuels... et un peu trop intrusif à mon goût.
N'en déplaise, pour l'instant, je reste sous Firefox 3.
Cette fois, c'est lancé, après de nombreuses crises de nerfs pour la paramétrer, le calcul est lancé, et j'espère qu'il se terminera rapidement.
A priori, c'est l'affaire de 2 semaines de calcul... si tout va bien. Mes deux ordinateurs (le nouveau portable avec un petit Core 2 Duo et mon vénérable Athlon 3200) sont en train de chauffer.
Bien évidemment, l'idée maîtresse est de montrer quelque chose qui n'était pas possible avec la version précédente de Terragen... je n'en dis pas plus pour le moment. On va déjà espérer que ça soit réussi !
Le changement de taille... ne change pas beaucoup pour l'utilisateur lambda : le site vient de passer du classique ISO-8859-1, au tout UTF-8 (site, base de données, fichiers).
Pour info, ces noms barbares sont en fait le jeu de caractères utilisé par votre navigateur pour vous afficher le site.
Le changement me trottait en tête depuis un moment, c'est désormais chose faite, n'hésitez pas à me signaler si vous voyez des bugs.
Je prépare tranquillement le site pour ses prochains changements... il est possible qu'il y ait quelques petits problèmes (légers bugs) durant une période très courte...
Des nouveautés sont prévues pour les prochains jours, notamment un changement assez important pour le fonctionnement du site, j'espère aussi enfin arriver à faire ce que je veux pour la prochaine animation avec Terragen 2...
Il est possible dans un futur proche que d'autres tutoriels arrivent...
Le million de visites avait été franchi le 07/02/2007, il aura donc fallu un an, 6 mois et 3 jours pour atteindre le deuxième million de visites !
Les tutoriels sont toujours visités, ils totalisent environ 120 000 visites tous réunis, la palme revenant au premiers tutoriels pour Terranim et Campath.
Histoire de faire un peu de publicité, les photos ont toutes été retouchées et retravaillées avec The Gimp, un célèbre logiciel libre de retouche d'images. ;)
Voici une nouvelle réalisation web qui s'ajoute à mes réalisations web, le site de Tech-énergies a été l'occasion de refaire quelque chose qui devient rare dans mes réalisations... à savoir un site sans interface d'administration. Et au passage un logo !
Bref, on a un site simple et fonctionnel de présentation de la société Tech-énergies, spécialisée dans le génie climatique et basée à Genève, je vous invite à y faire un petit tour !
voici des nouvelles de votre opéré de service : l'opération s'est bien passée dixit le neuro-chirurgien et l'anesthésiste... et hormis les deux jours suivant l'intervention (très durs et douloureux... quand on en est à apprécier une piqûre de morphine dans la cuisse... imaginez donc l'état d'esprit... sans compter le redon =tuyau dans le dos), je confirme que ça va mieux côté dos. Les premiers pas ont été difficiles (malaise au premier lever), mais c'est bien revenu petit à petit. Mes jambes ont littéralement fondu.^^
En fait, à cause de la grosseur des 2 hernies, le chirurgien a dû un peu écarter le nerf, pour ce dernier c'est comme un traumatisme, donc j'ai quelques insensibilités partielles dans la jambe droite... normalement, je devrai tout récupérer.
Là je suis en pleine rééducation, principalement du repos (lecture, films couché sur le côté sur le lit, et sieste), de la kiné tous les jours et de la marche... La douleur est variable, mais au moins, ce ne sont plus des sciatiques. La cicatrisation tarde un peu, mais c'est en bonne voie dixit mon infirmière particulière.
Je vous remercie tous au passage pour vos mots gentils et votre soutien, ça n'était pas de trop ! :)
J'avais plein de nouvelles préparées pour animer le site... mais elles devront attendre une semaine... je me fais opérer du dos, pour 2 hernies discales qui me font souffrir le martyre depuis le début d'année.
Les prochaines nouvelles viendront depuis mon nouvel ordinateur portable...
Souhaitez-moi bonne chance, je vais en avoir besoin.
Cette fois, on change de domaine, Katrépices est une jeune société qui propose de cours de cuisine à Genève dans un cadre assez somptueux, le site permet de présenter leurs activités, et d'organiser la gestion des cours (vous pouvez vous inscrire aux cours directement sur le site).
J'ai pu récemment m'offrir ce jeu pour un prix modique (coup de bol, destockage d'un magasin), et je ne peux que vous le conseiller... personnellement j'accroche !
C'est un mélange de jeu de rôle et de jeu de puzzle, le but est d'aligner des gemmes de différentes couleurs afin de créer des effets divers et variés... si le concept semble hautement improbable (jeu de rôle mélangé à un jeu de puzzle), il n'en est rien, et le jeu s'avère au final un savant mélange me rappelant Actraiser (pour les connaisseurs) pour la gestion, un bon Puzzle-game comme ceux que l'on peut trouver sur le net, et les jeux de rôles classiques pour le côté gestion du personnage.
Le côté puzzle-game est même moins stressant que l'ATB (la musique très agréable participe à cet état de fait), et les novices en RPG accrochent eux aussi !
Attention votre vie sociale va fortement régresser... et c'est quelqu'un qui ne joue plus beaucoup qui vous dit cela !
Le dernier opus de Mario Kart est sorti sur Wii hier, et je dois reconnaître que c'est une pure bombe, la maniabilité au volant assurera la partie fou rire, et le jeu s'occupera de vous faire criser avec ses nombreux circuits, tous plus déjantés les uns que les autres. On croirait que les développeurs ont développé le jeu sous l'emprise de drogues... tellement ça foisonne d'idées.
Grosse surprise, le mode online fonctionne plutôt bien, vous pouvez désormais jouer contre des joueurs du monde entier.
Je vous laisse, j'ai des circuits à débloquer... et des personnages aussi !
Histoire de se remettre doucement au boulot après 4 jours d'intense repos, je vous invite à jeter un oeil au site de Maliki, c'est frais et bien drôle !
Et un bisou à Sellenee pour me l'avoir fait découvrir !
En prélude au deuxième million de visites (je n'allais quand même pas attendre de l'atteindre non plus !), voici enfin la première grosse animation "montrable" que j'ai faite avec Terragen 2 !
Elle s'intitule "Slave", la maman se porte bien et le bébé est disponible sur la page des animations.
Les premières améliorations et nouvelles possibilités du rendu de Terragen 2 sont directement visibles : surplombs, nuages volumétriques, atmosphère mieux rendue et motion blur de facto.
N'hésitez pas à laisser un commentaire, ça m'intéresse toujours !
J'ai ajouté une petite option sur mon générateur de formulaire, le S.O.C project, à savoir un champ "Info après champ" qui permet d'ajouter une information après le champ du formulaire (ex : une unité, un format de date, etc...). Toujours ça de moins à faire...
J'avoue, je ne suis déjà pas fan du colportage téléphonique, mais oser colporter sur le téléphone du travail... en plus à une société informatique qui fait du développement web (grâce aux bons soins de bibi) pour proposer des solutions d'administration de contenu... ça frise l'erreur de casting.
N'en déplaise à la charmante femme qui récitait son texte en comprenant visiblement rien aux questions que je lui posais (j'ai cru que c'était un client !), j'ai pas que ça à faire moi !
Certains auront peut-être vu le changement, mais les permaliens du site ont tous été changés via la réécriture des URL, plus communément connue sous le nom mod_rewrite d'Apache.
Le fil RSS a déjà suivi le mouvement, j'ai presque fini les modifications sur le site à ce sujet (n'hésitez pas à me signaler si des bugs subsistent).
Ceci devrait donner un peu plus de sens aux permaliens, et améliorer les résultats des moteurs de recherche.
... ça s'adresse uniquement... aux débiles mentaux !
J'écoutais le célébrissime sketch de Coluche et je me suis amusé à retourner sur les sites web des lessives. On dit que je ne raconte que des conneries, maintenant, je vais dire les leur !
Après de nombreuses années où il fallait que le linge soit blanc, l'idée est bien rentrée dans le crâne... d'où le slogan chez Ariel™ : Au-delà de la propreté, découvrez la pureté Ariel. Mais jusqu'où iront-ils... la pureté ? Lisons : Les poudres et les tablettes : une solubilité améliorée de la formule permettant de réduire davantage vos traces de résidus de poudre sur les vêtements. Hein ? Donc si j'ai bien compris, le linge est tellement propre que c'est la poudre qui le dégueulasse... donc la poudre se capture elle-même, et se retient avec ses petits bras musclés en tapant du pied sur la machine Prenez le linge, je retiens la poudre !
La boucle est bouclée.
Autre approche, celle... d'OMO™ ! Morceaux choisis :
OMO™ est convaincu que la saleté est un phénomène tout à fait naturel. Bin tiens, moi-même je ne me lave plus depuis 3 semaines, c'est la nature.
OMO™ est d'avis que les enfants ne peuvent apprendre à connaître la "vraie vie" qu'à l'extérieur, ce qui implique également le fait qu'ils se salissent. Finalement, la crasse, ça apprend à vivre, de mieux en mieux...
C'est la raison pour laquelle nous sommes à la recherche d'idées nouvelles, ou peut-être d'anciennes idées à redécouvrir, pour rapprocher de manière ludique nos enfants du monde de l'aventure "Saleté et nature". Nous récompenserons la mise en oeuvre des trois meilleures idées en les dotant chacune de 5 000.- CHF. Ils ont tellement blanchi le linge qu'ils récompensent ceux qui trouvent des méthodes pour le dégueulasser, c'est dire !
Avec Dash 2 en 1™, la journée passe, la fraicheur reste. C'est sûr que celui qui a bossé toute la journée dans la poussière d'un chantier, il en sait quelque chose sur la fraicheur en fin de journée...
Plus puissant que tous... "Skip Liquide Active Clean Détachants incorporés" Rien que le nom m'amuse... La formule haute performance de Skip Liquide Active Clean se dissout instantanément et pénètre au coeur du linge pour une propreté impeccable. On est sur de la lessive de compétition, là, on parle de haute performance... il doit y avoir des chercheurs en lessive fondamentale, je ne vois que cela comme explication. Votre linge est profondément aéré... Profondément aéré ??? Parce qu'avant, l'aération, elle était con, elle ne faisait que la surface. ... comme s'il avait séché au grand air. Donc on lave du linge à l'eau comme s'il avait séché au grand air (?!!??!)... on va faire des économies d'eau.
Vous croyez que j'ai inventé ces conneries ? C'est pris mot pour mot sur les sites officiels des marques !!!
Au passage et comme l'indiquent les nouveautés sur le site Lamarque, leurs efforts sont récompensés : 6 récompenses au palmarès 2008 des cosmétiques, dont 4 podiums ! (ce qui en dit long sur la qualité de leurs efforts)
Tiens, c'est une chose que je ne pouvais pas faire quand j'étais hébergé chez Free, voici donc les statistiques de mon site... mais des navigateurs.
Firefox toutes versions confondues arrive en tête avec pas moins de 47,1% d'utilisation chez les visiteurs du site (la dernière version 2.0.0.12 écrase toutes les autres sans appel, même Firefox 3 bêta),
IE arrive à 34,4% (dont 20,7% d'IE 7 et 12,4% d'IE 6),
Mozilla arrive à 7,6%,
Opera est à 3,4%,
Safari arrive ensuite à 2,2%,
les dernières "miettes" sont pour Konqueror (0,7%) et (!) Lynx (0,5%), et ensuite les chiffres sont inférieurs à 0,1% (Netscape, Camino, etc...)...
Il n'y a rien d'extraordinaire à signaler côté système d'exploitation, Windows XP arrive en tête et de très loin (68,3%), Vista étant timidement représenté (9%), Linux talonne Vista avec 7,3%, et Mac ferme la marche avec 4,3%.
(je passe sur les systèmes plus rares, comme FreeBSD ou Solaris, marginaux dans ces stats)
Une petite nouvelle qui fera plaisir aux amateurs de l'univers du Seigneur des Anneaux : Christopher Tolkien vient de dévoiler un roman inédit de son père : Les enfants de Húrin, créé à partir des notes de son père.
Ce roman vient de sortir en français aujourd'hui même.
Il se déroule lors du Premier Âge de la Terre du Milieu, à l'époque de la guerre entre les Eldar et Morgoth, et relate les aventures funestes du héros humain Túrin Turambar, poursuivi par la malédiction que lui a lancée Morgoth.
Les lecteurs du Silmarillion retrouveront avec plaisir l'histoire de la Terre du Milieu qu'ils ont pu découvrir également dans les "Contes et légendes inachevés du Premier Âge", pour les autres, c'est l'occasion de connaître le "passé" très riche du Seigneur des Anneaux...
On me demande régulièrement la méthode pour assembler une animation faite avec terragen, j'avoue que je ne l'ai pas détaillée dans mes tutoriels... mais je l'ai détaillée dans un précédent billet : Assembler une animation avec Terragen.
Je vous invite à le consulter si vous ne vous en souvenez plus.
La bêta 3 de Firefox 3.0 vient d'arriver, de nouvelles fonctionnalités sont proposées (notamment le gestionnaire de téléchargements), pour ma part l'impression laissée par les précédentes bêtas est toujours là : on a un navigateur excellent en puissance.
(attention, c'est une version bêta, à utiliser à vos risques et périls)
Plus redoutable que le test Acid 2, le test Acid 3 arrive pour donner des frayeurs aux développeurs de navigateurs ! :)
Blague à part, ce test est encore actuellement "en rodage", il se focalise principalement sur l'utilisation de 100 points essentiels pour une application web moderne. Ça va des classiques XHTML/CSS au SVG, en passant par le XML, tout en faisant un détour par l' ECMAScript.
Firefox 3 Beta 3 sur Windows, 59/100
Firefox 3 Beta 2 sur Windows, 56/100
Firefox 2.0.0.11 sur Windows, 50/100 avec des bugs d'affichage
Opera 9.25 sur Windows (8827), 46/100 (nombreux bugs d'affichage)
Et la palme à IE 6 au boulot (horreur graphique)... 11/100 (IE 7 fait bien mieux... 12/100).
Un site précédemment présenté ici devrait passer en multi-langue, un autre devrait rapidement faire son apparition, et une grosse modification côté news devrait arriver d'ici peu... j'y travaille activement, mais c'est très long à faire, il me faut updater manuellement toutes les nouvelles !
Réveil ce matin à 5H30. Je suis complètement à l'ouest, une musique tente de me sortir des limbes via mon réveil (je ne sais même pas sur quelle radio il est réglé). Le son devient lentement compréhensible... ça y est j'entends les paroles...
Je ne veux pas travailler... je ne veux pas travailler...
Allez, soyez motivé en entendant ça tôt le matin... entre nous soit dit, une très belle chanson !
Nintendo aura eu au moins un mérite pour ce navigateur... s'adresser à des gens compétents ! Opera n'a pas grand chose à prouver en matière de support des standards, et cette adaptation d'Opera pour un support grand public a été réfléchie. Ma plus grosse inquiétude était que les standards soient supportés de manière hasardeuse, il n'en est rien, et c'est une très bonne chose.
Toutefois, le support (la télévision) et le contrôleur (la Wiimote) quelque peu atypiques montrent très rapidement les faiblesses d'un site, d'un point de vue ergonomique, de l'accessibilité, le choix même des couleurs prend plus d'importance que sur un écran classique d'ordinateur, notamment au niveau du contraste.
Le support en lui-même est perfectible (je l'ai évoqué dans le billet précédent) mais il est pleinement utilisable, donc on peut tout à fait le prendre en compte.
En conclusion, voici plusieurs points :
les standards montrent encore leur puissance : les sites restent accessibles, pour peu qu'ils soient bien conçus, je pense surtout aux bonnes pratiques d'Opquast quand je parle de bonne conception.
l'accessibilité prend tout son sens dans ce cas, les menus d'évitements, les liens relatifs, le code sémantique, etc... sont très utiles, notamment quand on linéarise la page.
Au moment où je commençais à avoir envie d'abandonner le 800*600... voilà qu'il refait surface ! C'est la résolution maximale de la Wii sur ma télé, les sites sont consultables s'ils sont conçus pour une résolution supérieure, mais c'est à éviter.
De manière générale, les sites s'en sortant le mieux sur ce support sont ceux qui sont en design élastique (ou ceux prévus pour du 800*600), à bon entendeur...
Le concept de pop-up, de nouvelle fenêtre ou même d'onglet n'a pas de sens sur la Wii... à vous d'en tirer les conclusions.
La taille des polices vient sérieusement perturber la navigation si elle est trop petite, on se voit obligé de zoomer/dézoomer sans arrêt, c'est très désagréable.
Le Javascript est utile s'il est programmé correctement, je pense notamment aux vérifications de formulaires... c'est agréable de ne pas tout saisir de nouveau avec le clavier virtuel. Par contre, les horreurs du style formulaires envoyé sur un changement d'un select... à éviter !
Au final, ces nouveaux supports qui se font attendrent arrivent enfin, et je dois reconnaître que les standards alliés aux bonnes pratiques passent avec succès l'épreuve du feu : la plupart des sites bien conçus franchissent le cap, et restent tout à fait consultables sur ces nouveaux supports... pour peu que ces derniers respectent les standards. Là en l'occurence, c'est le cas.
Après avoir présenté le navigateur de la Wii, parlons un petit peu de la navigation en elle-même, une 3ème partie abordera plus les enseignements à retenir pour le concepteur de sites, et fera une conclusion générale sur le tout.
La navigation donc est relativement aisée, en tout cas, le principe du lien hypertexte s'accomode plutôt bien de l'utilisation de la Wiimote au lieu de la souris. Le bouton B de la Wiimote sert à faire scroller le document, comme le 3ème bouton d'une souris.
Quelques points à noter cependant :
La taille des fontes est plutôt... petite, c'est assez gênant, car il faut souvent zoomer sur la page pour avoir un texte lisible (sauf si le site a spécifié une taille de fonte pas trop petite, pour vous donner un ordre d'idée, mon tutoriel pour Terranim passe nickel),
les textes pas suffisamment constratés par rapport aux arrières-plans sont très désagréables à lire (vive les bonnes pratiques à respecter),
les liens de navigation relatifs à une page (retour en haut de page, etc...) sont très appréciables,
chose agréable, plusieurs Wiimotes additionnelles peuvent être utilisées comme pointeurs, ça peut être pratique,
la résolution semble bloquée sur du... 800*600, les sites nécessitant une résolution supérieure seront un poil plus pénibles à naviguer (avis personnel : le scrolling horizontal est gênant, mais moins que sur un ordinateur du fait de la Wiimote),
le rendu des sites et des standards du web est très bon (merci à Opera), à titre d'anecdote, le navigateur passe sans problème le test Acid2, on peut surfer même sur des sites en HTTPS sans aucun souci.
Un test stupide, mais c'est toujours bon à savoir : si vous servez votre site en application/xhtml+xml (comme mon site) et que vous avez une erreur de syntaxe XML, le navigateur de la Wii vous affichera une erreur directement (comme Firefox), tout en proposant de traiter le document en text/html, ce qui n'est pas idiot en soi,
Tout défaut dans le certificat SSL (expiré, certificat maison non émis par une autorité de certification reconnue, etc...) indiquera que le site n'est pas sécurisé, point final.
Les formulaires sont bien rendus également, seul l'élément input de type "file" (pour envoyer un fichier) n'est pas supporté. Cela se comprend aisément, la Wii n'a pas à proprement parler de fichiers à envoyer.
Le concept d'ouvrir dans une autre fenêtre avec la Wii n'existe pas, la pop-up non plus, il y a uniquement les boutons précédents/suivants pour cela.
Une chose qui m'a beaucoup fait rire : si on doit saisir un champ de type password, les caractères tapés sont bien des "*"... ce qui prête à sourire, vu qu'on tape le mot de passe sur le clavier virtuel à l'écran !
Au final, la navigation, quoique un peu surprenante (on s'y fait assez vite), se révèle efficace et assez simple.
Gros regret, pas de mémorisation de ce que l'on a tapé dans un champ comme sur les navigateurs classiques... très dommage.
Une option "Linéariser la page" permet de s'affranchir des CSS pour ne garder que le texte, c'est très pratique, surtout... si le site est conçu correctement via les standards, cela permet d'afficher le contenu de manière plus lisible.
Sinon la navigation sur certains sites... est très agréable dans son divan ! Kraland est un exemple manifeste, mais c'est un avis personnel.
L'idée de naviguer sur le web avec un autre périphérique que le classique ordinateur est intéressante, tant au niveau pratique que pour le concepteur. En tout cas, là c'est plus le développeur que l'utilisateur qui va parler de ce nouveau support.
J'avoue que je me suis un petit peu inquiété, support des standards, prise en main, comment cela allait-il être géré ? Les premiers essais sur les téléphones mobiles avaient des rendus assez hasardeux...
Dans cette première partie, nous allons déjà présenter brièvement le dispositif en question.
Le navigateur de la Wii a été créé conjointement par Opera et Nintendo, c'est un dérivé d'Opera, en version beaucoup plus simple. Tout se fait avec la Wiimote (la télécommande/manette Wii), en pointant sur l'écran. Côté connexion au net, la Wii gère toute sorte de connexion Wi-Fi, par clé WEP, WPA, WPA2, etc..., la connexion via câble est également possible.
Les fonctionnalités sont simples : page précédente/suivante, gestion de favoris, informations sommaires sur la page, et choix de l'adresse à taper. Bien sûr, comme il n'y a pas de clavier, dès que l'on doit taper quelque chose, un clavier virtuel (un clavier sur l'écran) apparaît, et on pointe avec la Wiimote sur les touches du clavier sur l'écran, idem avec les formulaires.
Un bon point à noter, on a une saisie intuitive pour taper l'adresse du site (si on tape "ww", la Wii propose "www" ou "www."), c'est pratique, mais peu utilisé si vous surfez sur des sites qui ne rentrent pas dans le dictionnaire utilisé pour proposer la saisie intuitive. Par contre, la Wiimote vibre à chaque changement de touche, c'est plutôt désagréable.
On a également des possibilités de zoom sur la page en question, et de linéariser la page, je reviendrai sur cet aspect plus tard.
Le user agent est le suivant : Opera/9.30 (Nintendo Wii; U; ; 2047-7; fr).
Une grande première : ce billet est posté depuis la Wii, et "tapé" à l'aide de la Wiimote ! Expérience assez singulière dont je parlerai très bientôt...
Cette bêta 2 est toute aussi intéressante que la première : après une journée de tests intensifs, je constate que la vitesse d'affichage a encore été améliorée (dur de revenir à Firefox 2), et la consommation mémoire s'est bien calmée par rapport à la version 2. Un petit bijou se prépare à mon avis...
Attention, c'est une version bêta, elle n'est pas complètement finie (j'ai pu voir quelques bugs de rendus CSS par exemple), les extensions ne sont pas compatibles, et le tout n'est pas parfaitement stable, vous êtes prévenus !
Message du validateur RSS : un caractère illégal dans le corps du texte d'une nouvelle (celle sur les pages d'erreurs).
Allons bon... je décide de chercher ce qu'il ne lui plaît pas... impossible de trouver ce caractère illégal ! Je commence à m'énerver... je fais quelques essais... je m'énerve encore un peu... j'isole le problème... je m'énerve encore un peu... je cherche bien un caractère illégal !
Tout ce remue-ménage pour voir que je n'avais pas mis une adresse absolue pour un lien dans une nouvelle... traduction en langage normal de "caractère illégal" dans le langage validateur.
Honte à moi : toutes les pages d'erreurs (404, 403, et 500) comportaient un oubli... toutes ces pages indiquaient le plan du site pour reprendre la navigation... et le lien était défectueux !
Du coup c'est corrigé... et je viens d'ajouter une page d'erreur 401 au passage ! (elle sert à indiquer qu'une autorisation est nécessaire pour accéder à un document)
Une autre réalisation web devrait rapidement s'ajouter à mes précédentes... je pense également mettre à jour certaines captures d'écran qui ont besoin d'un petit coup de jeune !
Chose promise, chose due : je viens de mettre à jour mes réalisations web, avec l'ajout de ma seconde boutique en ligne, à savoir le site de JKreation.
JKreation est spécialisé dans la bijouterie et l'artisanat africain de qualité (statues, meubles, etc...).
La réalisation est présentée dans la page de mes réalisations web, donc si le sujet vous intéresse, je vous invite à y faire un petit tour !
J'ai corrigé l'étiquetage ICRA du site, le précédent était obsolète, autant par la technique utilisée (le nouveau système utilise des résumés RDF) que par son contenu.
J'ai testé hier Firefox 3 bêta au boulot, en plein développement de plusieurs sites... et certains aspects sont impressionnants, notamment concernant les fuites mémoires, problème assez récurrent de Firefox.
Après une journée à utiliser Firefox 3 (j'ouvre et ferme une énorme quantité d'onglets chaque jour), l'occupation mémoire est restée très raisonnable (une centaine de Mo en comparaison de celle de Firefox 2... plusieurs centaines de Mo, j'atteinds parfois le Go !).
Chose très impressionnante également, la rapidité d'affichage a été grandement améliorée... ça saute aux yeux quand on revient sous Firefox 2 !
Firefox 3 vient de sortir en version bêta, et ma première impression est plutôt bonne : pour une version bêta, ça semble très rapide, et certaines petites fonctionnalités font leur apparition... notammment une que j'attendais depuis longtemps : Firefox demande enfin s'il doit enregistrer les onglets ouverts pour les reprendre au prochain démarrage !
Bien sûr, plein d'autres fonctionnalités ont été ajoutées (la nouvelle façon de gérer les marques-pages est bien conçue par exemple), mais je n'ai pas encore eu le temps de toutes les tester.
Attention, c'est une version bêta, elle n'est pas complètement finie (j'ai pu voir quelques bugs de rendus CSS par exemple) et pas parfaitement stable, vous êtes prévenus !
J'ai ajouté en vitesse une petite option au SOC Project : une option "est_id" sur le premier champ afin de mieux construire les requêtes SQL (ça permet de reprendre le nom du champ pour les requêtes SQL nécessitant un id).
"Petit" ajout de taille, ma première boutique en ligne, à savoir le site de la société Lamarque vient de se voir ajouter une version anglophone (disponible sur un simple clic, quelle que soit la page, on peut switcher instantanément).
J'en profite pour saluer au passage toute leur équipe.
Je vais probablement mettre à jour mon générateur de formulaires, le SOC Project d'ici quelques jours, certains ajouts de fonctionnalités sont en cours, ainsi que des corrections de bugs.
Une bonne chose de faite : les bugs qui avaient pu subsister dans le comptage des commentaires sont corrigés, et les chiffres sont de nouveau corrects !
Mon interface d'admin a gagné au passage une nouvelle option... "recomptage des commentaires" !
Un gros bug a affecté le comptage des commentaires (merci Free d'avoir supprimé ma table de commentaires sans m'en avertir... d'où le déménagement du site), je vais voir pour le corriger dès que possible.
En tout cas, la perte a été minime, environ 5 à 6 commentaires, une sauvegarde avait heureusement été faite quelques jours avant...
Une nouvelle réalisation web devrait également faire son apparition sur le site...
Le 4ème tome de cette série de livres est sorti, il est consacré aux Palais, Villas et Châteaux... vous pourrez y contempler entres autres Versailles, le château de Sans-Souci, la villa d'Hadrien, etc... et une fois de plus, c'est une réussite et un plaisir d'admirer ces photos !
Les 800 pages d'Harry Potter et les reliques de la mort ont vite été vaincues... le moins qu'on puisse dire, c'est que ce tome clot magistralement la saga, et est tout aussi bon que les précédents !
Le site est en cours de migration sur un hébergement de type professionnel, les pages persos de Free commencent un petit peu à montrer leurs faiblesses et leurs limites.
Je vous invite donc à mettre à jour vos bookmarks ainsi que vos liens vers http://www.nicolas-hoffmann.net/, ce site est amené à disparaître d'ici quelques jours.
Suite à des mesures assez sèches de mon hébergeur actuel (Free), le site a perdu certains commentaires, je suis en train de reeconstituer la base de commentaires à partir de mes dernières sauvegardes.
Les commentaires sont bloqués jusqu'à nouvel ordre, et un changement de taille est en cours de préparation...
Au cas où vous ne le sauriez pas, le dernier tome de Harry Potter sort aujourd'hui même... je me le suis déjà procuré, et je vais rapidement je pense l'étudier ! Vous aurez droit à un compte-rendu dès que possible.
J'ai corrigé un petit bug dans la navigation via <link rel="chapter", etc... et j'en ai profité au passage pour ajouter une page d'erreur 500, laquelle apparaîtra si une erreur survient au niveau serveur.
Voici enfin une des galeries dont je parle depuis un certain temps, et même un temps certain... et ce n'est ni plus ni moins qu'un retour sur un de mes lieux préférés, à savoir le Cormet de Roselend !
5000 commentaires de type spammeux... si un de vos commentaires n'est pas directement publié, contactez-moi via le formulaire du site, là je ne peux plus voir tous ces commentaires un à un, cela n'est plus possible.
Enfin, voici cette nouvelle galerie de photographies, je vous propose de découvrir (pour ceux qui ne la connaitraient pas encore) la cascade du Rouget !
Encore un joli coin non loin de Samoëns... vers Sixt-le-fer-à-Cheval.
Comme toujours, ce sont les utilisateurs normaux qui vont pâtir des pénibles, le spam atteint de telles proportions sur le site, je vais être obligé de prendre des mesures, cela ne devient plus gérable.
J'avoue honteusement : je ne la connaissais pas du tout.
Si vous fermez promptement un onglet que vous ne vouliez pas fermer, faites Ctrl-Shift-T pour le rouvrir, et ça le remet pile au bon endroit en l'état. Ou sinon via menu, Historique / Onglets récemment fermés.
Très simple : je regardais hier les compositions des divers gels douches que j'utilise (chose que je ne faisais jamais avant ce projet), et certains noms sont revenus assez souvent... notamment les parabens, et le Sodium Laureth Sulfate (celui-là, il est en tête de liste sur tous quasiment).
Je me dis tiens, que se passe-t-il ? (J'ai tiqué en quelque sorte, me voilà en train de faire quelque chose qui m'aurait semblé inconcevable il y a quelque temps... regarder les compositions de mon gel douche... qu'est-ce que je m'en fous !)
Tout simplement, on m'a mieux informé sur ce que j'utilise, et donc je commence à faire attention, ou du moins je suis sensibilisé au sujet... et ça c'est une bonne chose, non ?
Je vous invite donc à aller jeter un oeil à leur site, et à regarder vos produits... ça interpelle !
Non, je ne remets pas en cause le fait d'avoir une mise à jour rapide de sécurité pour Firefox (bien au contraire d'ailleurs), mais un bug de sécurité fixé dans cette version me surprend particulièrement : l'idée est, tenez-vous bien, de patcher Firefox pour ne plus accepter de mauvaises données envoyées par... IE !
Et oui, une faille dans IE permet de lancer des applications tierces comme on le désire...
Bref, Firefox a été patché... mais quand le sera IE ? (quand on vous dit que ce soft est inquiétant point de vue sécurité...)
Après un bon samedi de randonnée, je peux d'ores et déjà affirmer que ce ne seront pas moins de 2 galeries de photos qui seront ajoutées... au minimum !
Une nouvelle réalisation devrait vite apparaître également.
Une nouvelle réalisation vient de s'ajouter à mes sites, à savoir le site de Sophie Basso, un paragraphe présente le projet dans mes réalisations web si vous êtes curieux.
Tiens, cela faisait longtemps que je n'avais pas fait un petit topo sur la fréquentation : le cap du million de visites avait été franchi le 07/02/2007, depuis 4 mois et demi, 230 000 visites se sont rajoutées au compteur !
Soit une moyenne d'un peu plus de 51 000 visites par mois, c'est toujours aussi excellent !
Je reste stupéfait du succès des animations, qui continuent d'être téléchargées de nombreuses fois, même les plus anciennes.
Paraphrasons un célèbre philosophe : Il n'est point illuminé, c'est de la merdasse ! (Les Visiteurs)
Comme quoi, le bonheur ne tient pas à grand chose : rien que le fait d'avoir à nouveau l'électricité dans tout l'appartement, c'est agréable !
Et pour la peine, musique : L'ami Caouette, Me fait la tête Qu'a Caouette ? L'ami Cao M'a mis k.o. Qu'a Cao ? La p'tite Ramel M'est infidèle Qu'a Ramel ? M'sieur Hannibal M'mine le moral Qu'a Hannibal ? Mam'zelle Leçonlon Me traite de con Qu'a Leçonlon ? ...
Tristan Nitot en parle (il n'est d'ailleurs pas le seul), en tout cas j'ai pu essayer ce navigateur qui nous vient de la planète Macintosh, c'est pas mal... moderne, des options bien foutues, une impression agréable à l'utilisation. Attention, ce n'est pas une version finale, donc utilisez-la en connaissance de cause.
Bon, j'avoue que ma première motivation est surtout d'avoir le même moteur de rendu à disposition sans devoir acheter un Mac... ceci dit, j'ai eu également quelques bugs (plantages et quelques curiosités CSS), j'espère qu'ils seront rapidement résolus.
Bon bin la foudre est tombée sur mon bâtiment, la plupart des équipements n'ont rien (ordi débranché juste avant), mais la moitié de l'appartement n'a plus d'électricité (salon et pièce de l'ordinateur).
Donc le site va avoir un petite période de calme...
Je voudrais pousser un coup de gueule : je n'ai rien contre les animations flash pour les pubs, mais il serait temps que certains concepteurs de sites les intègrent correctement : certaines empêchent tout simplement la navigation sur les sites, et sont particulièrement gênantes (impossible de cliquer sur un lien qui semble hors de la "zone" de la publicité) ou mal conçues.
En plus, l'effet est parfait : je fais tout pour les fermer ou pour les bloquer, donc comme impact publicitaire, on a vu meilleur !
Je viens de compléter la page de mes réalisations web avec un projet que j'ai pu réaliser juste avant la boutique de la société Lamarque : le projet Brands2com.
L'idée du projet est en quelque sorte de faire via un site une bourse d'échange de marques, spécialement pour les grosses sociétés, d'où le nom du projet : Brands2com, les "marques à venir" (dans le sens bientôt disponibles).
Le site est déjà fonctionnel mais n'est pas encore disponible en ligne, gageons que le créateur du concept, Jeff Turner, fera tout pour le rendre disponible dès que possible !
Le message à caractère subliminal d'hier ne l'a pas été longtemps, j'avais très envie de changer de design depuis un certain temps, donc je vous propose par défaut ce nouveau skin : Dissymétrie !
Le moins qu'on puisse dire, c'est que c'est un peu plus doux que les précédents...
J'en parlais dans plusieurs billets précédents, voici une nouvelle réalisation à mon actif, et pas la moindre : la société Lamarque nous a confié la réalisation de sa boutique en ligne.
Je pourrais dire que c'était mon projet le plus intéressant techniquement (à grands coups de PHP, d'XHTML et de CSS pour ce qui est des différents graphismes) et un des plus complexes du fait de la possibilité d'achat en ligne, etc... mais je pense que le plus intéressant est l'idée de la société en elle-même : créer des cosmétiques dits "safe".
Je pense que vous réagissez un peu comme moi au début de ce projet en entendant cette expression : késako des cosmétiques "safe" ?
Tout simplement, leur idée est partie d'un constat amer : bien que présentés comme bons pour la peau (etc...), les cosmétiques contiennent... une quantité impressionnante de cochonneries (paraben, SLS, formaldéhyde, etc... la liste est très longue), cochonneries qui sont accessoirement cancérigènes, allergènes, etc...
Parfois c'est encore plus charmant : tout simplement des poisons puissants, tirés à partir de gaz de combat (!!!), etc...
Nathalie Lamarque, la fondatrice de cette société, a eu l'art de me faire bondir en m'expliquant la composition de certains shampoings ou gels douche très connus... on regarde les compositions d'un autre oeil !
Bref, comme souvent, les jolies publicités cachent un monde bien moins glamour.
Leur idée a donc été simple : appliquer le principe de précaution en matière de cosmétiques, autrement dit s'interdire le moindre produit avéré ou suspecté d'être cancérigène, allergène, etc... au final, ce sont pas moins de 18 mois de recherches pour mettre au point ces produits safe... et 1200 (!) produits qui ont été bannis de leur ligne de cosmétiques.
Au final, on peut parler d'une démarche qui m'a étrangement rappelé... les standards du web, l'accessibilité des sites, les bonnes pratiques du web, etc... ou comment faire fi de l'existant peu glorieux pour réellement proposer de la qualité aux consommateurs.
Finalement, vous comprenez pourquoi ce projet m'a beaucoup motivé, il faut dire en plus que leur pêche est assez communicative ! Je vais reprendre l'édito sur leur site : C'est l'histoire d'une start-up, de quelques idéalistes qui se sont dit que si on allait sur la lune, on devait pouvoir formuler sérieusement des produits cosmétiques sans cochonneries.
Cela ne vous rappelle rien ? Allez, j'adapte. C'est l'histoire de quelques idéalistes qui se sont dit que si on allait sur la lune, on devait pouvoir faire sérieusement des sites internet sans cochonneries de code non accessible.
Cosmétiques safe et sites web modernes... même combat !
J'ai ajouté quelques bricoles dans mes CSS, notamment que l'effet de lien "survolé" soit également présent quand on navigue au clavier (y a pas de raison que les adeptes du clavier n'en profitent pas, en plus c'est bien plus pratique ainsi).
Au passage, j'en ai profité pour enlever une petite erreur qui empêchait de valider correctement les CSS.
A l'instar de celui que je viens de faire dans mon appartement, je viens de faire un peu de ménage dans mes réalisations, notamment les sites que j'ai créés mais qui ne sont plus en ligne ou qui ont été refondus.
Et soit dit en passant, ça fera un petit peu de place... pour les suivants !
Ce matin, en intégrant un graphisme en XHTML/CSS pour un nouveau projet (promis les prochains seront présentés ici d'ici peu), je tombe sur un bug avec IE 6.0, alors que mon intégration fonctionnait nickel ailleurs.
Là, je me dis : Bon, ne nous affolons pas, c'est même plutôt mon lot quotidien d'intégrateur XHTML/CSS, et j'en ai vu d'autres.
Je me dis que j'ai dû oublier de préciser une margin ou quelque chose dans le genre... je fais quelques essais, rien, pas moyen, que dalle, il ne veut rien savoir.
Avec IE, la résolution d'un problème CSS peut avoir des côtés shamaniques, je décide d'invoquer la toute puissance, et j'essaie toutes sortes de bidouilles CSS... pas moyen. Même mes techniques les plus secrètes ne fonctionnent pas.
D'autant plus rageant que j'utilisais la même technique pour un autre menu dans la même page, et la technique fonctionnait très bien pour ce menu, même sous IE.
La mort dans l'âme, je décide d'aller sur un célèbre forum de "standardistes", et au final j'apprends que je suis tombé sur un énième bug d'IE, le mal nommé Doubled Float-Margin Bug, IE s'amuse à multiplier les marges par 2 sur certains éléments flottants...
Entre temps, j'avais complètement changé mon code XHTML/CSS, et j'avais contourné le problème.
Après recherches, j'ai la confirmation sur Position is everything, j'ai bien affaire à un problème d'IE et pas à un problème d'intégrateur (ouf ça rassure).
Juste une petite chose : certains commentaires sont littérallement illisibles, on est à un croisement entre le "langage" SMS, un concentré d'onomatopées et un salmigondi éructif indigne d'un papou qui débute en français.
Je ne blâme pas les fautes d'orthographe (j'en fais également) ni ne censure les commentaires, mais je n'ai aucun intérêt à les conserver sur le site si je ne les comprends même pas.
Comme indiqué en-dessous du formulaire pour laisser un message, Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abtenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable.
Pourquoi vous fais-je cette demande ? Très simple : j'ai de plus en plus de spams dans mes commentaires, et comprenez que dans une liste de 3 à 400 messages (à peu près le rythme journalier), je repèrerai plus facilement un commentaire en "bon langage" (j'ai dû renforcer un peu le filtre anti-spam).
J'espère bientôt pouvoir ajouter une énorme réalisation, cela fait plusieurs mois que je bosse dessus, et le projet est bientôt (du moins j'espère) fini...
Scène de vie dans ma famille : mon père installe un ordinateur pour mon oncle, et décide d'aller sur internet pour lui trouver je ne sais quel logiciel.
Internet Explorer 7 était le seul navigateur, il décide donc de le lancer et va sur le site que Google avait trouvé pour télécharger le soft en question... seulement, le site fait planter le navigateur au moment de télécharger, bref, impossible de télécharger ce satané soft !
J'en profite pour râler à chaque plantage... j'avoue, je voulais consulter mes mails... avouez que surfer sur un écran d'un mètre de diagonale (l'ordinateur était branché sur la télévision), c'est assez jouissif.
A chaque plantage, je lache un installe Firefox ! qui l'agace... genre utilise un vrai navigateur au lieu de cette brouette ! S'en suit une discussion où l'on me reproche d'avoir des actions chez Mozilla Europe, ce qui je le confirme... n'est pas le cas.
Bref, après quelques plantages, mon père se décide, Firefox s'installe... et le téléchargement marche nickel, problème réglé en 4 minutes.
Au hasard de mes rares pérégrinations webesques hors travail, je suis tombé sur un article parlant d'un jeu qui a marqué son temps.
Revenons 10 ans en arrière (déjà !) en 1997, avec la sortie d'un jeu qui a propulsé les 3DFX sur le devant de la scène : Pod. Ce jeu de course était tout simplement un des meilleurs jeux de l'époque, les graphismes étaient absolument splendides, le gameplay était tout bonnement parfait, et les circuits tordus et intéressants.
Je me souviens ne pas avoir cru mes yeux quand je voyais mon K6-233 afficher un jeu aussi somptueux et aussi rapide. Chose nouvelle pour l'époque, de nombreux circuits étaient disponibles sur le net, je me souviens m'être passablement fait enguirlander pour avoir téléchargé des fichiers de 4 Mo... cela vous fera sûrement rire, mais avec un débit à 3 ko/s avec le vent dans le dos et avec un forfait à l'heure de connexion à l'époque, un téléchargement de cette taille était limite effrayant.
Pourquoi je vous parle de ce jeu ? Tout simplement, j'ai réussi (après lecture de plusieurs tutoriels) à le lancer (j'ai encore le CD original) et à le faire tourner sur ma configuration actuelle.
Je vous le conseille, même si le jeu a veilli, le plaisir est resté intact, c'est vraiment un jeu de légende !
J'utilisais déjà l'extension HTML Validator (en version 0.7 et des brouettes), mais cette dernière version estampillée 0.8.3.9 est un pur bijou : non contente de déjà vérifier votre code avec Tidy, elle propose de le vérifier avec un parseur SGML (OpenSP, le même utilisé pour le désormais célèbre validateur).
Histoire de rajouter une cerise sur le gâteau, l'extension vous propose le moteur que vous souhaitez utiliser pour vérifier votre code, soit Tidy soit le parseur SGML... soit les deux !
Autrement dit, une double vérification est possible à la volée et de manière visuelle directement dans Firefox. C'est juste parfait comme extension !
Enfin, j'ai pu trouver le 3ème volume de cette excellente série de livres, le principe est toujours le même : un petit texte explique l'origine du monument ou de la construction, accompagné de plusieurs photos, et surtout d'une grande photo prise du ciel (en dépliant), donnant une vue assez impressionnante à chaque fois.
Ce nouvel opus est toujours aussi bon que les précédents !
Une éclipse complète de Lune sera visible demain, à partir de 22H30 (début de l'assombrissement) et jusqu'à 23H44 ou l'assombrissement aura atteint la totalité du disque (à 0H20 l'éclipse aura atteint son "maximum").
Pour ceux qui n'en ont jamais vu, jetez-y un oeil, c'est assez rare de voir la Lune diffuser ce sombre éclat rouge atypique.
Si les conditions le permettent, le trépied et mon reflex vont s'en donner à coeur joie !
Petite explication destinée aux râleurs : j'ai dû mettre en place un filtre anti-spam pour les commentaires depuis plusieurs mois, j'ai environ 2 à 300 commentaires par jour (oui rien que ça) vantant les mérites du viagra, du sexe lesbien et de choses moins recommandables...
Ce filtre détecte simplement si des mots spam sont dans le commentaire, et dans ce cas ne le fait pas apparaître sur le site... MAIS ne supprime PAS le commentaire.
D'ailleurs vous en avez la preuve, la phrase suivante apparaîtra dans un billet si ce cas de figure survient : Un ou plusieurs commentaires attend(ent) d'être modéré(s), des mots spam ont été repérés.
Alors oui, en effet, votre commentaire n'apparaîtra pas tout de suite (j'en conviens c'est dramatique), mais je vous assure que dès que je vois un commentaire normal à tendance suicidaire se glisser dans les spams, je lui botte l'arrière-train pour qu'il aille tout de suite s'afficher sur le site, pour peu qu'il satisfasse (satisfât ?)...
... bref, qu'il convienne à la seule règle écrite et clairement indiquée : Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.
Je vous prie de m'excuser pour la gêne terrible occasionnée, mais c'est le seul truc que j'ai trouvé pour que les conn.... de spammeurs ne profitent pas du sacro-saint (surtout pour eux) Google rank de ce site.
Le compteur du traffic généré par le site est en train d'exploser, pas moins de 36 Go pour ce mois de février, notamment grâce (ou à cause ?) aux deux animations de fractales. La dernière a quand même été téléchargée 190 fois en 7 jours !
Pour le dire vulgairement : bobo la bande passante...
Chose promise chose due : histoire de fêter le cap du 1 000 000 de visites, je vous offre une nouvelle animation de fractales !
J'en profite pour remercier Dimitri Schkoda pour m'avoir autorisé à sonoriser cette vidéo avec un de ses morceaux, Quiet Life, l'animation lui est d'ailleurs dédiée !
Piqué au vif hier, j'ai décidé de proposer une nouvelle chose inutile sur le site, à savoir un nouveau skin, et tant qu'à faire quelque chose de vraiment inutile, j'ai décidé d'émuler un navigateur texte. Je vous laisse voir le résultat...
Je suis stupéfait par certains messages que je peux recevoir.
Le dernier en date m'a quand même démontré par A+B que les CSS alternatives sur ce site n'avaient aucun sens, et que mon code XHTML proposé en application/xhtml+xml pour les navigateurs qui le supportent ne servait à rien.
Si vous voulez, je peux citer des tas d'autres choses qui ne servent strictement à rien sur ce site, je vous laisse découvrir pourquoi j'ai fait cela :
J'utilise le media projection en plus du screen pour toutes les CSS.
J'ai mis plein de link rel="chapter" un peu partout sur toutes les pages (il y a une logique).
P.S : à tout hasard : si j'ai envie de voir quelles contraintes impose un site servi en tant que application/xhtml+xml, j'ai le droit de tester ça avec mon site perso, et les CSS alternatives que je propose ne sont que pour mon amusement d'intégrateur CSS...
Le chiffre me laisse pantois : le site vient de tourner la barre des 1 000 000 de visites depuis la refonte ! (lancée le 19/04/2004)
Même si j'aurais aimé vous proposer une nouvelle animation de fractales (j'espère pouvoir la récupérer intégralement) et une autre animation Terragen 2, sachez que je prévois bien d'ajouter un skin pour fêter ça (je ne sais pas quand je pourrai, mais soyez sûrs que ça se fera).
Décidément, c'est pas génial cette affaire, mon PC semble vraiment malade, j'en suis même à me demander si je ne vais pas directement me refaire une configuration...
Ceci dit, je compte bien faire encore des animations avec Terragen...
Ma fainéantise n'a plus de limites, voici donc l'IDCPF project.
IDCPF signifie Indenteur De Code Pour les Fainéants.
C'est tout simplement parti d'un constat stupide : quand je réutilise de longs blocs de code, ils ne sont pas forcément indentés de manière correcte par rapport au code de la page. Comme ça peut être long (et disons-le franchement chiant) de réaligner le tout, j'ai programmé vite fait en PHP un petit utilitaire qui a pour but d'ajouter ou d'enlever des espaces pour obtenir le décalage souhaité.
Décidément, ma fainéantise est parfois sans limite, je vais bientôt ajouter sur le site un nouvel utilitaire web dans le même genre que les précédents.
Il y a un petit temps que je n'avais pas ajouté de lien concernant Terragen, je vous invite donc à aller faire un tour sur le site d'un maître (en toute simplicité) de Terragen : Christian Couette Digital Art, qui n'est autre que la galerie du bien surnommé Christianfly.
N'en déplaise au courageux anonyme qui vient de poster sur une nouvelle consacrée à Terragen 2 (et à tous les impatients), Matt Fairclough vient d'annoncer officiellement que la preview technologique de Terragen 2 sortira... aux alentours du 15 Décembre 2006 !
Attention, cette version ne sera pas une version finale mais bien une preview, c'est-à-dire que les temps de rendus ne seront pas optimaux, certaines fonctionnalités ne seront pas incluses, etc...
Ceci dit, j'ai de bonnes raisons de croire que vous risquez d'en prendre plein la vue en voyant les capacités phénomènales de cette nouvelle version tant attendue.
La plupart des messages que je reçois à partir du site sont tout à fait aimables et agréables, toutefois je ne sais pas si le changement d'heure peut irriter certaines personnes, j'ai reçu récemment plusieurs messages assez vindicatifs de divers énergumènes.
Une fois n'est pas coutume, je vais leur répondre publiquement, et comme le web 2.0 est à la mode (dieu que j'aime pas ce terme), je vais vous proposer plusieurs réponses à chaque question, à vous de choisir celle qui vous semble la bonne !
Je vous passe l'orthographe baroque de certains posts, et accessoirement les grossièretés d'usage.
Question intelligente : Pourquoi vous ne faites pas une animation par semaine ?
Parce que je n'ai pas 500 ordinateurs pour le calcul.
Parce que je préfère bêta-tester Terragen 2.
Parce que je le vaux bien.
Obiwan Kenobi.
Affirmation hautement argumentée : vous n'êtes qu'un intégriste du web avec votre XHTML/CSS !
Je n'aime pas le terme intégriste, le web n'est pas encore une religion à ce que je sache.
Et alors ?
Pas de flatteries, j'ai horreur de ça.
La réponse D.
Question pas si bête : Pourquoi Terragen 2 n'est pas encore sorti ? (sous-entendu vous ne faites rien)
Je vous assure que ça ne se passe pas une journée sans que j'essaie de faire quelque chose avec ce soft.
Demandez au créateur du soft, mais il risque de s'énerver vu qu'il essaie de faire de son mieux et c'est déjà bien.
On essaie de le sortir sans bugs, peut-être ?
Cette réponse n'en est pas une, je vous ai bien eu.
Malgré la baisse d'activité due à mes poignets capricieux, la fréquentation n'a pas démérité : le cap des 900 000 visites a été atteint aujourd'hui même !
Pour mémoire, celui des 800 000 visites avait été franchi il y a 2 mois et 3 semaines.
Côté mises à jour, je pense remettre un peu à jour quelques pages, il y a un petit peu besoin d'actualisation dans tout ça ! Si j'ai un peu de temps, je ferai aussi quelques essais d'URL rewriting pour donner un coup de neuf aux news.
Je teste tout cela et vous aurez droit à un compte-rendu dès que possible, notamment faire un point sur toutes les nouveautés ! (j'adore déjà le nouveau thème et les nouveautés côté navigation par onglets !)
Non, le site ou moi-même ne sommes pas morts, les tendinites s'en sont repris durement à mes poignets, et j'ai dû les mettre au repos complet pendant un long temps.
Le site va reprendre très doucement, car ce n'est pas encore la forme olympique... ceci dit, les machines ont bien calculé, peut-être bientôt du nouveau !
Au bobet d'imbécile qui s'amuse à spammer mon formulaire de contact : ce formulaire n'envoie pas de mail, il stocke juste tes messages en attendant que je les consultasse, donc il est vraiment inutile d'essayer de spammer via ce formulaire.
Ce n'est pas très compliqué, comme le développeur web passe beaucoup de temps sur son ordinateur, il aime beaucoup lire. Voici donc les livres qu'on m'a offerts et qui aident grandement à s'aérer le crâne de l'informatique :
Les cahiers du programmeur XUL, très intéressant, dévoré en 2 jours, mais la digestion en sera plus longue (je suis en train de préparer un "petit" quelquechose utilisant cette technologie, à venir...),
En tout cas, le livre de Raphaël Goetter m'a rassuré : je maîtrise et connais à quelques rares exceptions près tout ce dont il parle dans son bouquin ! Et XUL, quelle puissance offerte au concepteur...
Les poignets ne sont toujours pas en grande forme, du coup j'ai fait une mise à jour pas trop fatiguante sur mon mon CV : j'ai changé le 5 de "25 ans" en un 6, depuis le 3 Septembre.
Ou autrement dit : $nombre_annees=$nombre_annees+1;
Ce billet est le millième depuis la refonte du site, et une fois n'est pas coutume, c'est pour annoncer une mauvaise nouvelle : je suis contraint et forcé de mettre au repos le site, à l'instar de mes poignets : double-tendinite pour les deux pouces.
Mais rassurez-vous, de prochains ajouts sont prévus... laissons les ordis calculer...
Je vois souvent sur les blogs que je consulte la question suivante : à quoi sert un blog ?
Les réponses sont très variées : à communiquer une passion, à mettre ses pensées, à pêter les plombs en ligne... certains disent même qu'un blog ne sert à rien... ce qui le rend indispensable !
Je dirais même qu'il y a autant de raisons que de blogs... ce qui n'est pas peu dire !
Je me posais la question en discutant avec des amis pas plus tard qu'il y a pas longtemps (comme disait Coluche), ces derniers présentaient de manière plutôt négative les blogs.
Au final, je me demande si je n'ai pas trouvé une réponse toute simple : et si le but ultime de l'existence des blogs n'était tout simplement...
Même si je peux être en désaccord avec ce qui est dit sur un blog, ces personnes sont comme moi : elles ont leurs convictions, leurs peurs, leurs doutes, leurs envies, etc... bref, elles sont fondamentalement... humaines !
La seule différence avec les moyens de communications plus "anciens" est la levée des distances : je peux être en contact avec une kyrielle de gens de nationalités différentes.
Finalement, présenté ainsi, ce phénomène n'est pas si effrayant, non ?
Les 700 000 visites avaient été atteintes le 1er Juin 2006, il aura donc fallu un mois et une semaine pour atteindre les 100 000 suivantes !
Côté tutoriels, ils sont toujours bien "visités", la palme revient au premier tutoriel pour Campath, dont les versions françaises et anglophones totalisent plus de 20 000 visites (!) à elles seules. Chose qui me fait plaisir (car ce sont à mon sens les plus intéressants), ce sont le 3ème tutoriel ainsi que le tutoriel sur Terranim qui sont les plus consultés (respectivement 15 et 10 000 visites).
Le crypteur d'adresses e-mail vit également bien, il vient de tourner les 5 000 visites ! Je reçois toujours de temps en temps un petit commentaire agréable me disant que c'est bien pratique, cela fait toujours plaisir.
Sinon les commentaires (998) et les nouvelles (996) ont presque atteint chacun le millier, soit environ 1,2 nouvelles par jour depuis la refonte il y a plus de deux ans. Si j'ai bonne mémoire, j'espérais faire une nouvelle par semaine quand j'ai lancé la refonte...
Je lisais le journal en Savoie hier, et j'ai vu une nouvelle plutôt curieuse : Richard Virenque souffre d'une fracture du nez, d'une fracture ouverte au front et de plaies qui ont nécessité 32 points de suture, suite à une vilaine chute en vélo en Savoie, [...] il a été transféré au CHU de La Tronche (!) (joli nom pour ce genre de blessure...).
Un navigateur nommé Swift basé sur le moteur de Safari (Macintosh) est en cours de développement, il est possible de l'essayer sur un PC afin de tester ses pages (pour voir si elles fonctionnent bien sous Mac par exemple).
Attention, c'est une version alpha assez limitée, mais cela peut être pratique et économise l'achat d'un Mac juste pour tester des pages web.
Je vous avais conseillé dans un billet précédent la lecture/découverte de Monuments de l'Antiquité (notre histoire lue du ciel), le second tome vient de sortir : Citadelles et Forteresses.
Le principe est toujours le même : un petit texte explique l'origine du monument ou de la construction, accompagné de plusieurs photos, et surtout d'une grande photo prise du ciel (en dépliant), donnant une vue assez impressionnante à chaque fois.
Ce second opus est digne du premier, je viens de finir de le dévorer, et les photos sont toujours aussi incroyables, si vous avez aimé le premier, vous pouvez vous précipiter sur cet ouvrage les yeux fermés !
Pour n'en citer que quelques-uns, vous pourrez voir la Grande Muraille de Chine (la vue aérienne est saisissante), Castel del Monte (Italie), Caerphilly (Grande-Bretagne), le Haut-Koenigsbourg (Alsace !), Salses (France), La Valette (Malte), etc...
Attention, le site est pris d'assaut, ce n'est pas facile de l'obtenir ! (j'ai réussi à l'obtenir, ça marche très bien, il suffit d'installer Winrar 3.51, et de double-cliquer sur la clé que l'on a pu télécharger)
En cas de problème de base de données (si ces dernières sont indisponibles par exemple), l'édito, les liens, les news, les commentaires et mon CV sont en rideau complet.
Comme ça me gêne un petit peu que les visiteurs doivent subir ce genre d'aléas, je viens de mettre au point un petit système simple de redondance (via fichiers textes) qui prend le relai si les bases sont K.O. L'édito et mon CV en bénéficient déjà, je suis en train de réfléchir pour ajouter ce système pour les liens ainsi que pour les dernières nouvelles (la casse sera bien limitée dans ce cas).
J'ai bien ce concept de la sécurité : Firefox se met à jour automatiquement, et m'indique que la version est la 1.5.05.
Deux jours plus tard, je vais sur Secunia, et j'apprends que plusieurs failles ont été trouvées... mais elles sont patchées avec cette nouvelle version.
Ce sont principalement des ajouts de labels pour les checkboxes et les inputs de type radio, ainsi que des corrections dans la gestion des id (qui était un peu foireuse pour certains éléments).
J'ai fait quelques petits changements sur le site, à savoir que le type MIME des pages était en text/html, et je souhaitais le passer en application/xhtml+xml. Si la transition a plutôt bien fonctionné sous Mozilla et consorts (quelques bugs de CSS vite réglés, j'y reviendrai), le pénible de service IE dit le-mal-nommé n'a pas toléré ce changement.
J'ai dû donc faire une petite détection via $_SERVER["HTTP_ACCEPT"], si vous utilisez un navigateur moderne qui supporte application/xhtml+xml, ce type MIME vous sera servi, sinon vous vous cantonnerez au vénérable text/html.
Qu'est-ce que ça apporte ? Principalement une meilleure détection des erreurs : une page non valide ne s'affichera plus ! La sanction est immédiate en quelque sorte.
Côté CSS, le terrain était bien préparé, j'ai juste dû faire quelques modifications toutes simples dans certains skins, j'en ai d'ailleurs profité pour alléger un petit peu les CSS concernées.
Bref, l'évolution continue, dommage qu'elle soit limitée par cette daube d'IE...
Un petit merci au passage à Laurent Denis pour son aide !
Gérard Oury est décédé ce matin à l'âge de 87 ans. Le réalisateur de "La Grande vadrouille", "La Folie des Grandeurs" et "Le Corniaud" (rien que ça) a rejoint ses compères de Funès et Bourvil.
Ces trois films restent parmi mes préférés, c'est souvent que je les re-regarde avec plaisir.
Afin de finir sur une note joyeuse, voici un des dialogues qui me fait encore rire à chaque fois que je vois la scène, je le connais par coeur :
Are you ?
You are ?
Yes. Happy.
Glad.
Where is Big moustache ?
I don't know. And if you don't know, I don't know, no ?
I don't understand !
You come with me to pick up Peter.
No, you come with me to pick up MacIntosh.
No, no, you...
I beg your pardon.
And if you don't come, I... Oh merde alors, comment on dit ça ?
Comment ça "merde alors" ? But alors you are French ?
Voici la liste de choses à étudier d'ici la fin de l'année :
Apprendre à domestiquer un peu mieux XSLT.
Mettre plus sérieusement le nez dans les possibilités objet de PHP et améliorer mon générateur de formulaires dans ce sens (ça devrait arriver assez vite).
Faire des essais en XUL.
Toujours continuer à enrichir le site actuel (propositions de skins bienvenues).
Publier sur Openweb (là c'est plus une question de temps libre).
C'est ça qui est fantastique avec le web, jamais le temps de s'ennuyer ! (bon c'est un peu lourd aussi par moments)
On peut vraiment devenir être un peu con des fois en codant, je faisais mumuse en PHP en trifouillant un peu de logique objet pour gérer une base de données, et je me fis la remarque que ça serait bien de faire une super-procédure qui exécute une requête SQL et qui balance tous les résultats dans diverses variables, le tout dans l'optique de gagner du temps.
En résulte la bêbête suivante (c'est un délire) :
// prend $sql comme paramètre et shoote dans $error, $taille_tablo et $tablo les résultats //(erreur SQL si problème d'exécution, nombre d'enregistrements trouvés et tableau des résultats) function execute_query($sql,&$error,&$taille_tablo,&$tablo){ $result=mysql_query($sql); if (!$result){ $error=mysql_error(); } else { $error=""; $taille_tablo = mysql_num_rows ($result); if ($taille_tablo != 0){ // si y a qqch $k=0; while ( $tab=mysql_fetch_array($result) ){ $tablo[$k]=$tab; $k++; } }//finsi y a qqch } } /** $query="SELECT nom_du_champ_desire, etc... FROM table"; execute_query($query,$erreur,$nb_articles,$tab); for ($i=0;$i<$nb_articles;$i++){ echo "titre : ".$tab[$i]['nom_du_champ_desire']. "<br />"; // etc... }**/
Tout fier de ma bêtise, je me dis que j'ai enfin fait une super-procédure qui va me faire gagner du temps. Je décide de la tester pour lister une base... et je m'aperçois que le boulot est fait à double : pour afficher les données dans la page, il faut nécessairement que je teste si la requête n'a pas échoué, si le nombre des articles est non nul, et que je reliste... en me faisant juste un peu plus ch... à gérer un indice, alors qu'un listage avec les fonctions de base est plus simple.
Bref je me dis au final que j'ai juste un peu surchargé la mule.
Seul avantage (encore à voir) : si je dois migrer la base de données sur un autre type de serveur (PostGres par exemple), j'ai une seule fonction à changer et en théorie, ça roule (mais c'est pas vraiment ce que je cherchais en faisant ça).
EDIT : à priori, Bastien me dit que ce n'est pas si inutile que ça. A perfectionner !
On l'a déjà dit au moins 1000 fois mais je le répète : c'est une version bêta, c'est destiné aux testeurs fous, ce n'est pas forcément pleinement stable.
Dès que j'ai un petit peu de temps, je teste tout cela !
Petit message privé : un grand merci à Jean-Marc, qui a vu sur les newsgroups de Free que ma Freebox était en carafe (d'où l'absence de nouvelles aujourd'hui sur le site), et qui a pris du temps pour me téléphoner pour m'aider (ça remarche).
Ce geste amical est vraiment sympathique, et je te tire mon chapeau pour ce service !
(et oui, il existe encore des gens prêts à rendre service gratuitement)
Décidément, quand je m'y mets, je ne fais pas semblant : j'ai enfin terminé Fallout 2 !
J'avais déjà terminé en long, en large et en travers le premier plusieurs fois, mais je n'avais jamais terminé le deuxième opus, principalement de part la longueur incroyable du jeu... si Fallout 1 était déjà d'une richesse impressionnante, le 2 dépasse l'entendement : il y a une quantité monstrueuse de quêtes, d'endroits à découvrir, de clins d'oeil, c'est presque difficile à imaginer.
En tout cas, si vous avez aimé le premier, vous pouvez essayer le 2, c'est un très grand jeu de rôle !
La Savoie sera bien représentée parmi les galeries : je viens de finir le tri, et comme je n'arrive pas à me décider, ce ne seront pas moins de... 4 nouvelles galeries qui vont s'ajouter (la première sera un petit échauffement, et les choses sérieuses arriveront avec les suivantes).
Il faut maintenant que je prépare tout cela, y a du boulot !
Comme l'indique le message précédent, le site va reprendre une activité normale incessamment sous peu, les prochaines galeries de photos sont en cours de préparation (il y a de quoi faire, j'ai fait environ 5 à 600 photos en Savoie).
La fréquentation n'a pas ralenti ces 12 derniers jours, avec 18 000 visites au compteur, soit un peu plus de 760 000 visites au total.
J'ai terminé une énième fois ce jeu mythique, en faisant la quasi-totalité des quêtes (j'en ai encore découvert certaines), et en testant deux autres façons de finir le jeu au passage !
Chose amusante, en cherchant des infos, j'ai trouvé ceci : quelqu'un a réussi l'exploit de terminer Fallout 1 en 9 mn !
La méthode utilisée est assez gonflée !
Notez également qu'il est possible de le terminer sans faire le moindre combat, ce qui montre bien la richesse incroyable de ce jeu...
Cette histoire raconte comment on se retrouve avec un second tour digne d'un tableau surréaliste, entre manigances et ambitions des candidats, et au final un des plus beaux naufrages de la république.
C'est tantôt drôle, tantôt cruel, tantôt tellement... vrai, qu'on en rirait... si le premier et le second tour de 2002 n'étaient pas là pour rappeler que quand on fait n'importe quoi, on obtient n'importe quoi.
En tout cas, je vous conseille ce bouquin, ça se lit d'un bloc, et c'est vraiment amusant.
Comme il est annoncé sur le livre : ATTENTION : dans cette histoire truffée d'anecdotes salées, les personnages sont rééls, mais leurs aventures et leurs propos relèvent de la fiction... hautement plausible.
Dans un autre genre, vous pouvez lire La tragédie du président, mélange de notes accumulées par Franz-Olivier Giesbert, le tout teinté de cynisme... assez intéressant à lire !
La Savoie est décidément un bel endroit, je pense que plusieurs galeries de photos vont suivre... en tout cas, j'ai déjà fait plusieurs centaines de photos !
Hé les spammeurs, ça vous dirait d'arrêter de remplir ma table de commentaires ? En plus, vos messages sont tous détectés comme spams et ne sont pas affichés, donc ça ne sert à rien !
Vous connaissez sûrement les 3 lois de la robotique d'Asimov :
Première Loi : Un robot ne peut porter atteinte à un être humain ni, restant passif, laisser cet être humain exposé au danger.
Deuxième Loi : Un robot doit obéir aux ordres donnés par les êtres humains, sauf si de tels ordres sont en contradiction avec la Première Loi.
Troisième Loi : Un robot doit protéger son existence dans la mesure où cette protection n'est pas en contradiction avec la Première ou la Deuxième Loi.
Mais vous connaissez sûrement moins les 3 lois de... la sexualité robotique :
Première loi : Un robot ne peut accorder d'étreinte à un être humain sans son accord ni, restant passif, laisser cet être humain se consacrer au plaisir solitaire.
Deuxième loi : Un robot doit obéir à tous les désirs pervers des êtres humains, sauf si ces désirs sont en contradiction avec la Première Loi.
Troisième loi : Un robot doit protéger sa virginité dans la mesure où cette protection n'est pas en contradiction avec la Première ou la Deuxième Loi.
Suite à ces différentes réalisations, j'ai mis à jour la page de mon CV en y ajoutant une ligne pour la création de l'interface d'un DVD pour DuPont de Nemours, dernier projet juste avant de partir en vacances.
Même si j'ai quelque peu délaissé le site ces derniers jours, ce ne sont pas moins de 42 000 visites en 28 jours qui se sont ajoutées au compteur, soit plus de 742 000 visites !
Il s'agit tout simplement de la mise en conformité (avec au passage l'amélioration du graphisme) du site de la société qui m'emploie actuellement, à savoir Yem Informatique.
Pour la petite histoire, le site avait été intégré avec un logiciel dont je ne citerai pas le nom (à vous de trouver), et beaucoup d'aspects avaient été négligés (accessibilité, pages d'erreur 404/403, plan du site, icône de favori, aucune utilisation des possibilités des CSS, etc...).
Comme il était inacceptable que le site de ma propre société ne soit pas fait avec l'art et la manière, j'ai décidé de le refondre, et après quelques soirées finies bien tard au boulot, le site est désormais opérationnel et se prend une petite cure d'amaigrissement (du simple au double pour la plupart des pages) au passage. Et il continuera d'être amélioré, mais pour le moment, je suis en vacances !
Ce nouveau Dan Brown (l'auteur du Da Vinci Code et d'Anges et Démons) est en fait un des bouquins qu'il a écrit avant son succès "vincicodien", il est sorti en version francophone depuis peu.
Je l'ai lu et fini assez rapidement : autant que Deception Point m'avait laissé un peu sur ma faim (bien sans être extraordinaire), autant cet opus est bien meilleur : suspens dans le plus pur style "Dan Brownien", lecture facile, et retournements de situation, et final d'enfer... bref, ça se dévore, les 500 pages ont vite été vaincues.
L'intrigue se déroule à la NSA, un cryptologue surdoué annonce qu'il a trouvé un cryptage incassable mettant en danger la sûreté des Etats-Unis... j'en dis pas plus pour ne pas gâcher la surprise !
Honte à moi, je n'ai quasiment pas pu mettre à jour le site depuis 6 jours, la faute en incombe à un pré-départ en vacances assez rythmé, principalement au boulot ! (c'est toujours avant les vacances qu'on vous donne plein de choses à faire)
Une autre réalisation devrait vite apparaître dans mes réalisations web... et je me pose donc une question : pourquoi est-ce TOUJOURS avant mes vacances que j'ai une tonne de boulot ?
Cela faisait un petit bout de temps que j'avais cette idée en tête, car le site est victime de nombreux spams dans les commentaires, et c'est assez pénible à gérer.
Comme je n'avais pas envie de fermer les anciens billets (ça ne fait que décaler le problème), j'ai planché sur un filtre anti-spam que je peux facilement mettre à jour, afin de vite lui apprendre à faire disparaître ces saletés de messages publicitaires anglophones pour sonneries de portable et autres pilules pour problèmes érectiles...
Le filtre est désormais opérationnel, ne vous inquiétez pas si un de vos commentaires n'apparaît pas, le filtre effectue une première modération qui évite l'affichage direct des spams, mais je contrôle systématiquement derrière. Seuls les spams seront supprimés, les autres messages seront affichés tout ce qu'il y a de plus normalement (qu'ils aient été détectés comme spams ou non).
Comme promis, je viens d'étoffer la partie réalisations web avec le dernier site fait main : Go-File, ou comment transférer aisément ses fichiers pour une entreprise.
Ce site a été réalisé à grands coups d'ASP/XHTML/CSS. Il n'est pas encore totalement fini, mais il est déjà pleinement opérationnel.
Je ne devrai pas tarder à mettre à jour mes réalisations web, et j'avoue avoir de nouveau envie d'ajouter un skin, mais je n'ai pas encore d'idée précise... Wait and see !
(et il faudra que j'ajoute un filtre anti-spam pour les commentaires aussi, ça devient limite pénible)
J'entends souvent de nombreuses bêtises et autres raccourcis un peu rapides sur le sujet de la sécurité (principalement des navigateurs, mais des logiciels en général), faisons donc un petit point sur les éléments à prendre en compte. Vous verrez que certaines idées toutes faites peuvent être bien à côté de la plaque. Listons ces éléments :
La sécurité intrinsèque du logiciel : est-ce que le soft a été codé avec les pieds ? Le code est-il souvent examiné ? Par des gens compétents ? Les failles sont-elles activement recherchées ? Est-il techniquement aisé de le patcher en cas de découverte de faille ? (ce qui facilite le point suivant...) etc...
La rapidité de réaction face à une faille : quand une faille est découverte, est-elle rapidement patchée ? Ou mieux, les patchs arrivent-ils dans la mesure du possible avant que les failles ne soient révélées publiquement ?
Le niveau d'intégration au système : si le logiciel/navigateur est très fortement intégré à l'OS, une faille peut avoir des résultats plus gênants. Ce point peut d'ailleurs être considéré comme faisant partie de la sécurité intrinsèque du soft.
Le niveau de diffusion d'un logiciel : beaucoup de contre-vérités sont souvent dites à ce sujet. Le niveau de diffusion PEUT impacter la sécurité (du moins la découverte de failles), un logiciel très connu a plus de chance d'être la cible d'attaques (potentielles), MAIS ce n'est pas NECESSAIREMENT synonyme de problèmes de sécurité. Si le logiciel a une très bonne sécurité intrinsèque, sa large diffusion n'impactera pas sa sécurité. L'argument typique "tel logiciel sera moins sécurisé parce qu'il est plus connu" est faux. L'exemple type est le serveur Apache, c'est le plus utilisé des serveurs, mais ce n'est pas le plus souvent piraté, car il a une bonne sécurité intrinsèque.
Tordons le cou à une autre idée reçue : aucun logiciel ou OS n'a une sécurité parfaite, cette idée est à bannir. Donc quand on évalue la sécurité d'un logiciel, il faut prendre en compte tous ces éléments, sachant que chaque point peut impacter un autre (le manque de sécurité intrinsèque peut gêner la rapidité de mise au point de mises à jours par exemple).
L'interface chaise-clavier, autrement dit l'utilisateur peut également être source de problèmes, le meilleur logiciel le mieux sécurisé au monde n'empêchera pas l'utilisateur de cliquer sur une arnaque, mais là on sort du cadre de la sécurité du logiciel proprement dite !
Voilà pourquoi je préfère par exemple Firefox à Internet Explorer sur le point de la sécurité. Je ne dis pas cela parce que c'est la mode de taper sur Microsoft mais mes arguments sont fondés : les failles sont patchées rapidement, Mozilla communique sur ses processus qualité (le code est revu et re-revu, mécanisme de review et super-review), et la qualité intrinsèque du produit est bonne (on n'inclut pas de choses dangereuses sous prétexte que c'est la mode).
Après le concours sur le slogan, vous pouvez désormais afficher votre geekerie standardiste en toute sérénité : la boutique Alsacréations a ouvert ses portes récemment, et vous pouvez retrouver ce slogan sur des t-shirts, des tapis de souris, des sacs à dos, etc...
On notera au passage un excellent t-shirt "CSS Caskadov StylSki" (je le veux !), et quelques geekeries du plus pur style.
Bref, indispensable ! (et zut, je ne vais pas arriver à économiser ce mois-ci...)
Ils ont le sens de l'efficacité, les p'tits gars de Firefox : ce matin au boulot, Firefox me propose une mise à jour (la 1.5.04), je décide de l'installer, le tout se fait en une minute.
Je vais faire un tour sur Secunia, section Firefox afin de voir si des failles ont été trouvées (ce qui justifierait cette mise à jour, je n'étais pas au courant de cette future mise à jour).
Plusieurs failles ont été révélées et sont patchées... aujourd'hui même. Au passage, des améliorations ont été apportées au niveau stabilité.
Que demande le peuple ?
Visez donc le comparatif en regardant les failles d'IE, les pires failles non patchées (environ 25 failles) sont qualifiées d'hautement critiques. Firefox en compte... 3, et la pire d'entre elles est qualifiée... de peu critique.
Aller en Savoie est décidément mauvais... pour mon disque dur.
Il y a tellement de photos de jolis coins à faire dans ce secteur, mon appareil risque la surchauffe ! Bref, j'espère pouvoir bientôt ajouter une autre galerie de photos.
La célèbre voix des shadoks n'est plus, Claude Piéplu est décédé Mercredi, à l'âge de 83 ans. On ne pourra plus entendre cette voix bien singulière, qui m'a expliqué moult principes de la vie des shadoks (ga bu zo meu, etc...).
Chose promise chose due, je vais expliquer le principe du dernier skin Filezilla.
Si vous regardez la source du site, la logique est la suivante : une div "bandeau" en premier, une div "cadremilieu" qui contient une div "haut", "contenu" et "bas".
En fait, c'est assez simple, la div nommée "cadremilieu" a pour fond une image qui se répète verticalement permet au skin de s'allonger verticalement selon la taille du contenu de la page.
Ensuite, j'ai une partie haute qui est pilotée par "#cadremilieu .haut" dans la feuille de style. La partie basse suit le même principe.
Seul problème si je ne fais rien, la partie "contenu" devrait s'afficher en-dessous de l'image du haut, et j'aurais un grand espace blanc indésirable. Cela se résoud très simplement en ajoutant une marge négative pour la marge du haut de la div "contenu", ça permet de récupérer cet espace.
Pour le bandeau, le principe est très simple : chaque lien du bandeau contient une image avec le texte en noir et en blanc sur sa droite (juste assez pour ne pas qu'on voie le texte blanc). Quand on survole le lien, l'image de fond est décalée, et donne l'illusion d'un rollover (en fait, le texte blanc se décale à gauche pour venir prendre la place du texte en noir). Les deux textes sont sur fond transparent, quand on survole le lien, un fond bleu est ajouté (via la propriété background-color en CSS), ce qui complète l'illusion du rollover (texte blanc sur fond bleu).
Ensuite le reste du skin n'est que positionnements et utilisation de propriétés CSS.
J'espère que le principe est bien expliqué, je vous invite à faire des remarques en commentaire.
Plusieurs personnes m'ont demandé de détailler le dernier skin que j'ai fait, à savoir celui rendant hommage à Filezilla. Comme je suis toujours partant pour expliquer quelque chose, je ferai bientôt un petit billet en expliquant les grands principes de ce skin.
Dès que j'ai un peu de temps libre (vivement le prochain long week-end la semaine suivante), je détaille ça !
Je viens de recevoir le petit cadeau pour ma première place au concours d'Alsacréations, à savoir le Mémento CSS de Raphaël Goetter (en plus c'est un collector, il est dédicacé par l'auteur !).
Ce petit mémento est fort bien fait, et ma foi assez complet ! Là où je peux me rassurer, c'est que je connais une bonne partie de ces propriétés, mais certaines m'étaient totalement inconnues (notamment orphans et widows pour les versions imprimables, jamais utilisé ça !).
Merci Raphaël, et... à quand le prochain concours ?
Donc pour le plaisir et parce que ça fait toujours du bien de rire, voici une petite liste de certaines de ses sorties :
La dictature c'est "Ferme ta gueule !", la démocratie c'est "Cause toujours !"
Camarades ! Le capitalisme, c'est l'exploitation de l'Homme par l'Homme. Le syndicalisme, c'est le contraire.
Un pays neutre, c'est un pays qui ne vend pas d'armes à un pays en guerre, sauf... s'il paie comptant.
Y a des gens qui flanquent des raclées à leurs gosses. On croirait qu'ils ont des gosses parce qu'ils ne peuvent pas avoir de chien.
Il a les mains sales, tellement sales qu'on dirait des pieds.
Dieu est comme le sucre dans le lait chaud : il est partout et on ne le voit pas, et plus on le cherche, moins on le trouve.
Les hommes politiques, c'est comme le gruyère, plus il y a de gruyère plus il a de trous, et plus il y a de trous, moins il y a de gruyère (hé, c'est dans l'emmenthal qu'il y a des trous !).
Avec les maisons en préfabriqué, pendant le crédit tu répares ce qui s'écroule, et au bout de quinze ans les ruines sont à toi.
Bien mal acquis ne profite qu'après.
Avec ma femme, on a des relations sexuelles. Mais dans l'ensemble y viennent pas souvent.
La hausse du prix de l'essence inquiète les handicapés moteurs... c'est d'un goût ça !
Gagner sa vie ne vaut pas le coup, attendu qu'on l'a déjà. Le boulot y en a pas beaucoup, faut le laisser à ceux qui aiment ça.
Je ferai aimablement remarquer aux hommes politiques qui me prennent pour un rigolo que ce n'est pas moi qui ai commencé.
Ce site a été créé il y a deux ans, et ma connaissance de la sémantique était moins bonne que maintenant (pour les classes du bandeau).
A l'instar du CSS Zen garden, le code XHTML est volontairement surchargé afin de pouvoir essayer d'intégrer le plus de CSS alternatives possible (là ça m'arrange bien).
Et bien sûr, je me permettrai de dire qu'il y manière de le signifier : une personne qui va me poser la question poliment ne me dérangera pas, et elle aura une réponse courtoise.
Par contre, les gros râleurs qui pinaillent systématiquement (quand c'est le code qui n'est pas assez parfait à leurs yeux, c'est la feuille de style qui ne leur convient pas), qui n'ont rien d'autre à faire et qui insultent à tout va se feront envoyer paître à coup sûr.
Je ne metterai pas de lien vers le site en question (je ne vais pas lui faire augmenter son Google rank non plus !), mais je pourrai lui conseiller de nettoyer son code avant de critiquer celui des autres... sans blague !
Je pense que la version francisée ne devrait pas tarder, car la version anglophone que j'utilise au boulot vient de se mettre à jour toute seule comme une grande ! (c'est vraiment pratique ce nouveau système)
A priori, d'après ce que j'ai vu sur le site de Mozilla, la release note de Firefox 1.5.03 indique que cette version patche une faille de sécurité (tant mieux !).
J'avoue que ce nouveau skin est plus un caprice d'intégration XHTML/CSS qu'autre chose, et j'avais envie de rendre hommage à cet excellent logiciel qu'est Filezilla.
Enfin, je vous invite néanmoins à aller tester cette nouvelle CSS sur la page des skins (elle est également disponible en CSS alternative).
Une coquille s'était glissée dans le skin "Explorateur", les tailles de polices n'étaient pas définies en unité relative (elles étaient en "pt", je me demande bien d'ailleurs quelle mouche m'a piqué quand j'ai fait ça).
J'ai corrigé cette petite erreur, et j'en ai profité pour alléger un petit peu au passage cette CSS.
Non, ce ne sont pas les statistiques maison annoncées dans le billet précédent, mais tout simplement une invitation à écouter le dernier morceau de Dimitri Schkoda dont le titre est justement "937 messages".
Si Dimitri semble beaucoup apprécier mes animations, j'aime tout autant ses compositions musicales, et je vous invite à aller les écouter. J'apprécie particulièrement Dolls, One life as a Movie act 1, et bien d'autres.
Mise à jour : j'avais oublié Quiet life que j'apprécie beaucoup !
Je me réattribue pour l'occasion cette expression célèbre depuis 1993 : cela fait 2 ans et 1 jour que j'ai lancé la nouvelle version de ce site à grands coups de XHTML/CSS !
Je suis en train de préparer quelques statistiques maison, et chose amusante, j'ai décidé de relire tous mes posts depuis le début par ordre chronologique, histoire de voir le chemin parcouru.
Avec l'aimable accord de son auteur Teko, je reprends le titre de son billet qui parle d'un futur projet de loi du ministère de la Culture. Teko se pose diverses questions assez intéressantes, et j'avoue m'en poser aussi.
Si je m'en tiens à ce que le ministre a dit : Vous savez très bien que aujourd'hui sur Internet circulent beaucoup de choses, parfois le pire comme le meilleur, ce qui veut dire que paradoxalement redevient essentielle la certification, c'est-à-dire la signature par un journaliste parce que ça garantit l'authenticité. Donc je crois si vous voulez qu'internet est une grande chance mais ça suppose aussi qu'il y ait des règles du jeu et des principes de déontologie.
A l'instar de Teko, je trouve que la plupart des réactions sont rapides, mais pas complètement dénuées de fondement.
Je me pose des questions assez simples : pourquoi, pour qui, comment ?
Pourquoi ? L'idée est de certifier une information. Pour qui ? Déjà là on est dans le flou pour le moment. Est-ce pour les journalistes officiels ? Pour tout le monde ? Pour toute info ? Pour les weblogs ? Comment ? Encore une fois, on ne le sait pas encore.
Bref, ma pensée est la suivante : avec si peu d'infos de la part du ministre, ce ne sont que de vagues paroles en l'air.
Ceci dit, selon moi le problème ne vient pas Internet, des blogs ou des journalistes, mais de l'information en elle-même, et de sa subjectivité. On parle de certifier une info, voyez un exemple dans l'histoire : l'incendie du Reichstag a été annoncé par les nazis comme étant le fait d'un révolutionnaire communiste, alors que c'étaient les nazis eux-mêmes qui l'avaient incendié.
Que nous montre cet exemple ?
L'info PEUT être manipulée (y compris par des médias officiels), ce qui est craint dans les réactions aux propos du ministre (on ne veut pas de censure),
et que réagir trop vite sans réfléchir PEUT être synonyme d'erreur.
Je vois que les réactions sur le site donc parle Teko concernent les weblogs. J'avoue que l'idée d'un label de qualité (SI elle s'avère vraie, et encore faudrait-il savoir à qui elle s'appliquerait) me semble quelque peu incongrue (sur quels critères ?).
Toutefois, revenons à notre sujet. Teko définit à mon sens assez justement ce qu'est un weblog : C'est un journal privé en lecture publique, autrement dit un espace où l'on met ses pensées et ses convictions. Pour ma part, je compare toujours un weblog à... un forum ! Mais au forum antique, où l'on lance ses idées, ses convictions, ce qui nous arrive, sur la place publique. Libre aux gens qui y passent de réagir ou non, d'écouter simplement, d'approuver ou de réfuter, de compléter... ou de passer leur chemin. La seule différence est qu'avec Internet, je peux réagir potentiellement sur tous les weblogs (ceux qui acceptent qu'on réagisse bien sûr).
C'est pour cela que l'idée d'un label de qualité pour des weblogs me semble antinomique : peut-on objectivement attribuer une note, une évaluation permettant de dire : telle idée est vraie de manière absolue ? Autant un fait peut être vérifiable, autant une humeur, un avis ne peut pas l'être.
Ceci dit, et j'espère ne pas vous avoir endormi avec ces considérations, je compte bien me tenir informé de ce projet... on ne sait jamais à quelles bêtises on pourrait avoir affaire.
Je ne sais pas si vous connaissez ce jeu incroyable, le but était de créer une réaction en chaîne avec divers objets incongrus pour arriver à un but donné (par exemple, le ventilateur poussait une balle, qui devait rebondir sur un trampoline, ce qui déclenchait un détonateur qui faisait exploser un pan de mur, qui libérait la balle désirée, etc...).
Héhéhé, cela faisait trop longtemps que je n'avais pas reçu de mail m'expliquant que le site déconne à plein gaz, voici donc les symptômes de la 7ème victime du mode "random" :
Il y a eu un problème de cache, les CSS ne se chargent pas correctement ! (Ndm : pourtant elles sont bien... cachées *j'ai honte pour cette vanne foireuse*...)
A moins que ce soit un problème chez moi ? (Ndm : mais non, c'est bien le comportement souhaité !)
Remarquez, c'est amusant, on a l'impression de changer de site à chaque fois ! (Ndm : je suis d'accord avec vous, positivons !)
Merci pour ce petit caviar dont je me délecte toujours avec plaisir !
Comme indiqué dans le titre, j'ai remis à jour dans la page consacrée à mes réalisations web les captures d'une de mes premières réalisations en tant que professionnel, à savoir le site de la société Teamquad 74.
Comme de nombreux changements ont été faits dernièrement sur le site (refonte du bandeau, fusion de plusieurs parties, etc...), il eut été dommage de ne pas réactualiser ces captures qui ont environ 2 ans !
Je reconnais en tout cas que l'utilisation de XHTML/CSS à l'époque m'a bien facilité la vie pour cette mise à jour, le plus gros du boulot était d'ajouter un élément dans le bandeau, et ensuite de l'intégrer en CSS.
J'en profite pour souhaiter une bonne chance à cette société qui m'a permis de démarrer dans le domaine !
Puisqu'on en est à causer javascript (voyez la nouvelle précédente), j'ai corrigé un petit oubli dans la gestion du javascript sur ce site.
Javascript est utilisé pour certains vieux skins du site, c'était avant que je découvre la technique des portes coulissantes en CSS, technique qui permet de se passer de Javascript pour "précharger" les images des liens du bandeau (étudiez la CSS du thème actuel pour en comprendre le principe).
Voici un titre assez énigmatique, me direz-vous. Pourtant, il est tout à fait justifié : c'est le titre du nouveau Léonard est un génie, de Turk et De Groot. Cette BD reste une de mes préférées, notamment grâce à son humour détonnant (dans tous les sens du terme !).
L'album 36ème du nom est fraichement sorti depuis peu de temps, et je reconnais qu'il est pas mal !
Sans trop gâcher la surprise, on y verra quelques inventions amusantes, notamment l'arobase...
Mais j'attends un hypothétique "Le retour du génie", car "la Guerre des Génies" (album littéralement fou, et un des meilleurs à mon goût) mériterait bien un second opus aussi délirant que le premier... avis aux auteurs ?
Cela faisait un certain temps que je n'avais pas ajouté un petit skin léger, ce petit manque est comblé avec ce nouveau skin, appelé "Triangle Orange", qui reprend un peu la CSS "Orange", avec un petit délire de positionnement CSS pour les liens du bandeau. Je vous laisse apprécier ! (sur la page des skins bien sûr)
D'ailleurs, si vous avez envie de me proposer un graphisme que vous avez fait à intégrer sur ce site, n'hésitez pas !
Avis aux personnes qui me demandent de l'aide pour diverses choses : laissez-moi une adresse e-mail valide, sinon je ne pourrai pas vous répondre ! Hé oui, si le message me revient, je ne peux rien faire de plus.
Exceptionnellement, pour celui qui m'a demandé comment assembler une vidéo créée avec Terragen :
Pour assembler une animation, il faut un soft de vidéo qui va faire le sale boulot, comme Bink ou Videomach.
C'est assez simple :
il faut lancer Bink,
ensuite on sélectionne le premier bmp de la série de fichier "frame0001.bmp" et on clique sur "Convert a file", là Bink va normalement détecter que c'est une série de bitmaps "à coller" les uns à la suite des autres "File "frame0001.bmp" appears to be a sequence of files (0 to 500 si on a 500 images), do you want to treat the sequence as a single animation ?" comme c'est le cas, on valide en cliquant sur "oui",
après il faut choisir un emplacement pour le fichier .avi, il faut aussi indiquer le framerate, j'utilise "Force (no adding or removing) to" et j'indique 25 (25 images/seconde en fait),
ensuite un clic sur "Convert", Bink demande le codec souhaité (perso, je travaille en non-compressé, ça prend de la place mais la qualité est top !) Après à vous de choisir le codec qui vous convient.
Voilà pour cette fois, et c'est bien parce que plusieurs personnes me l'ont demandé.
Une importante migration concernant les pages persos a eu lieu cette nuit, et s'est prolongée ce matin jusqu'à cet après-midi (les bases de données du site étaient inaccessibles).
Apparemment tout semble rentré dans l'ordre, comme dirait Sieur Lafesse : "Pourvu que ça dure !"
Toujours en essayant d'améliorer ce site (et au passage d'apprendre de nouvelles choses), je me suis heurté à une bonne pratique qui parlait de P3P, un acronyme qui ne faisait pas partie de mon vocabulaire, bien que la recommandation existe depuis 2002.
Pour présenter brièvement, cette recommandation a pour but de standardiser et de normaliser les politiques de confidentialité des sites internet (les infos que l'on collecte quand vous surfez, etc...).
Toutefois, et vous en conviendrez, même la traduction est passablement indigeste pour qui veut s'atteler à implémenter ce système sur son site.
J'ai fait diverses recherches à ce sujet depuis quelque temps, mais je n'avais pas trouvé de générateur ou d'aide suffisamment simple à ce sujet... et le peu que j'avais trouvé n'était en prime pas gratuit.
Néanmoins, j'ai pu trouver au hasard de mes pérégrinations sur le net un petit générateur de police P3P. Ce dernier ne fait pas tout le boulot, mais il a le mérite d'en créer une bonne partie.
En tout cas, je compte bien ajouter ceci sur le site quand j'aurais un peu mieux compris tout ce système !
J'en parle avec un petit peu de retard : Opquast propose enfin un annuaire public pour les personnes ayant choisi de faire une déclaration qualité publique.
Au passage, le site propose de nouveaux et jolis logos pour les niveaux atteints.
Et c'est non sans une certaine fierté ;-) que je me permets d'afficher celui correspondant à ce site :
Si vous avez des remarques à propos de la déclaration qualité de ce site, je vous invite à me contacter, je suis toujours à l'affût quand il s'agit d'améliorer ce site.
En tout cas, je prévois bien d'atteindre l'excellence, c'est-à-dire d'appliquer entièrement les bonnes pratiques de cet excellent référentiel (il m'en manque deux si je ne me trompe pas).
Je viens de finir ce petit livre du célèbre physicien/cosmologiste Stephen Hawking.
Je ne vais pas tourner autour du pot : le livre se dévore rapidement, la vulgarisation de concepts assez difficiles est très bien faite et c'est tout simplement plaisant à lire.
Si comme moi, vous aimez bien la science accessible au commun des mortels (car vulgarisée), n'hésitez pas à lire ce livre !
J'ai eu l'autorisation de montrer une image faite avec Terragen 2 alpha, j'ai donc créé une petite galerie qui contient pour l'instant cette seule image. Les images futures viendront la compléter en temps et en heure !
Cette galerie contient diverses informations à ce sujet, et sera complétée si besoin est.
A titre d'information, la seule retouche que j'ai faite sur cette image est l'ajout d'un léger flou. Ironiquement, j'avais appelé cette image "Suis-je au paradis ?" avant d'avoir l'autorisation de la poster...
Le site continue toujours bien à vivre : un peu plus de 28 000 visites ces 24 derniers jours, soit un peu plus de 576 000 visites au total !
Je suis en train (du moins j'aimerais trouver le temps) de préparer un prochain skin léger, la disposition est quasi-finie, mais je n'ai absolument pas choisi les couleurs.
Une autre idée de skin un peu moins classique m'est venue à l'esprit, reste à savoir si je vais pouvoir trouver le temps de le pondre...
Ce petit jeu de cartes fort sympathique a été bien amélioré depuis la dernière fois, notamment côté graphisme ! Un mode Survival a fait son apparition, c'est assez intéressant.
Vous pouvez tester ces jeux sur le site officiel : Maganic Wars, des versions téléchargeables existent aussi, beaucoup de monde dans mon entourage a déjà été conquis par ce petit jeu !
Oups, je n'ai pas eu le temps de le mentionner : de nouveaux articles sont disponibles sur Openweb :
Agences et Standards Web où l'on pourra lire des interviews croisées de différentes agences web sur les standards.
Conformité, validation et surqualité, où Elie Sloïm parle des problèmes liés à la recherche de la conformité absolue en termes de développement (temps, ressources, etc.).
Comme cette interview est assez cocasse et que l'interviewé pratique avec technique la langue de bois et la mauvaise foi, je propose de faire une seconde lecture. Je vais donc reprendre le fil des questions/réponses en ajoutant la pensée réelle de l'interviewé.
Quelles ont été vos priorités en développant Explorer 7.0 ? Nous avions créé la version 6.0 en nous concentrant très fortement sur l'aspect sécurité. Avec la version 7.0, la sécurité reste un point fort, avec la facilité d'utilisation et l'intégration dans Windows. Environ 200 personnes travaillent sur cette version depuis un peu plus d'un an.
Il fallait lire : Nous avions créé la version 6.0 à toute vitesse sans nous préoccuper de la sécurité, maintenant on doit mettre les bouchées doubles pour retaper un logiciel troué de toutes parts, c'est pourquoi on a mis une grosse équipe de 200 personnes dessus.
Pouvez-vous garantir que le surf sera plus sûr avec Internet Explorer 7.0 ? Lorsque la version 6.0 a été diffusée, les attaques sur Internet étaient encore simples. Elles deviennent aujourd'hui de plus en plus complexes, notamment via le phishing. Il ne s'agit pas seulement de technologie, mais aussi d'un travail de conviction qu'effectuent des personnes mal intentionnées pour vous inciter à visiter un site dangereux. La version 7.0 permet de lutter contre le phishing. Mais nous ne sommes pas au bout de nos peines: la sécurité est un long voyage qui ne s'arrête pas - et nous comptons sur la collaboration des utilisateurs pour nous aider.
Il fallait lire : Non. Disons que ça sera moins pire. C'est avant tout aux utilisateurs de faire gaffe, nous comptons sur eux pour se faire avoir, ça nous permettra de régler les futurs problèmes.
Tout de même, si beaucoup d'internautes préfèrent Firefox, c'est parce qu'Internet Explorer subit un très grand nombre d'attaques... D'abord, Internet Explorer 7.0 sera beaucoup plus sûr que la version actuelle. Ensuite, il est normal que le navigateur le plus populaire soit celui qui soit le plus visé par les attaques ! Si nos concurrents deviennent populaires, ils rencontreront le même problème.
Il fallait lire : Entre autres. Nos concurrents ont fait fort avec un budget minable (ils sont arrivés à se payer UNE publicité dans le New York Times, là où on pourrait s'en offrir des centaines) : la plupart des failles ont été patchées rapidement, en dépit de la popularité croissante de leur soft. Donc on a intérêt à proposer une nouvelle version sérieusement repensée point de vue sécurité.
Microsoft publie très souvent des mises à jour concernant des failles de sécurité. Sera-ce toujours le cas avec la version 7.0 ? Elles seront a priori moins nombreuses, car la sécurité a été l'une de nos priorités en construisant ce navigateur. Mais en même temps, nous restons extrêmement vigilants par rapport aux nouvelles menaces.
Il fallait lire : On devrait trouver moins de failles, car la sécurité n'a pas été négligée dans cette version. Ceci dit, on a vraiment les boules de passer pour des branques si beaucoup de failles sont découvertes et ne sont pas patchées rapidement, donc on se tient prêts même si on a l'air franchement sûrs de nous.
Vous semblez avoir copié plusieurs fonctionnalités de Firefox, telle la navigation par onglets... Nous avons écouté avec attention les désirs des internautes et leur proposons ce qu'ils désirent. Notre but est d'offrir le meilleur navigateur possible. Le marché des navigateurs est très compétitif, et nous saluons ce dynamisme.
Il fallait lire : Oui. Les internautes nous font copieusement chier à vouloir ces fonctionnalités gadgets, mais on est bien obligé de céder. Pourtant, tout ce fatras pour un petit navigateur à la con nous fait bien suer, espérons qu'on arrivera vite à tuer dans l'oeuf à grand coups de marketing cette fuite d'utilisateurs.
Internet Explorer 7.0 permet d'effectuer directement des recherches, même sans passer forcément par le moteur de MSN. Espérez-vous ainsi que moins d'internautes installeront des barres d'outils concurrentes, telle celle de Google ? D'abord, il est très important pour nous de ne pas offrir aux internautes qu'un moteur de recherche. Ensuite, jamais Explorer n'a été autant compatible avec d'autres logiciels, tel des barres d'outils. Nous espérons donc au contraire que les internautes continuent d'utiliser notre navigateur et qu'ils y rajoutent les fonctions qu'ils souhaitent.
Il fallait lire : Oui.
Et encore, je passe sur la mauvaise foi sur des phrases telles que : Le marché des navigateurs est très compétitif, et nous saluons ce dynamisme....
Je viens de faire au passage quelques aménagements sur les pages des animations : les énoncés des liens n'étaient pas très significatifs, le tout a été un peu aéré et quelques mots anglais n'avaient pas été indiqués comme tels.
Comme un site n'est jamais trop accessible...
Au passage, l'édito change et annonce la dernière animation !
Je viens de l'ajouter dans mes liens consacrés à Terragen : Bleu relatif vous propose de nombreuses images de très bonne facture faites avec Terragen, et diverses fractales particulièrement réussies aussi.
Je vous invite à aller y faire un petit tour, ça vaut le déplacement !
J'avoue que des fois IE a l'art et la manière de me prendre la tête.
Pas plus tard qu'il n'y a pas longtemps, comme disait Coluche, me voici amené à faire un système qui permet d'envoyer un fichier ainsi que diverses informations. Comme les fichiers peuvent être volumineux, je décide de faire un petit système tout simple : quand le formulaire sera soumis, un petit message ainsi qu'un GIF animé de chargement feront leur apparition, afin de bien signifier à l'utilisateur qu'il faut un petit peu de patience.
Jusqu'ici, rien de bien exceptionnel.
Je fais donc ledit formulaire, et je décide donc d'ajouter un évènement à la soumission de ce dernier (onsubmit), qui fait apparaître juste en-dessous le petit message ainsi que le GIF.
Je fais vite fait un petit javascript, je teste cela sous Firefox, tout fonctionne nickel. Je me dis : "chouette, c'est toujours un petit plus pour l'utilisateur, et ça fonctionne".
Je décide de montrer à un collègue le tout. Il navigue sous IE. Il choisit un fichier, décide de l'envoyer, le message apparaît ainsi que le GIF... mais ce dernier est fixe !
Je suis vivement surpris, tout fonctionnait si bien ! Je décide de tester cela sous Opéra, tout marche nickel. Je teste sur une autre machine avec IE, même problème, le GIF animé est désespérement... fixe.
On sait déjà que le problème apparaît avec IE uniquement, je décide d'investiguer.
Après des essais (a)variés (diverses combines en tous genres en Javascript) et des recherches un peu laborieuses, je trouve enfin la clé du problème : IE considère qu'il change de page à la soumission du formulaire, et je découvre que ce dernier arrête les animations GIF dans ce cas. Autrement dit, exit le GIF animé qui va bien !
Je commence à ronchonner : tout fonctionnait bien, et c'est encore cette daube infâme qui me casse les pieds (restons poli) !
Je ne m'avoue pas vaincu pour autant : je décide de transformer mon petit GIF animé en fichier swf, autrement dit en animation Flash (en désespoir de cause, je n'ai pas réussi à contourner le problème). J'insère proprement mon animation flash via la méthode qui va bien, je teste... et ça marche ! (les autres navigateurs ne bronchent pas face à ce changement)
Bref, ne cherchons pas à comprendre la logique s'il y en a une...
Une initiative amusante de publicité pour Firefox a été créée via le site Femfox : il s'agit tout simplement de vanter les mérites de Firefox de manière humoristique, à la manière des leçons d'Aubade.
Je vous invite à jeter un oeil au site en question, les épisodes 5 et 6 sont les plus réussis à mon humble avis !
Je n'ai pas pu résister au virus de l'animation, divers essais avec Apophysis sont en cours de calcul, peut-être bientôt en ligne, s'ils sont tous réussis !
Côté fréquentation, le site vit toujours bien : 26 000 visites en 25 jours, soit plus de 548 000 visites au total.
C'est avec un petit pincement au coeur que je vois que la liste de diffusion Planète Terragen sur Yahoo vient d'être fermée. J'avais rejoint cette liste il y a très longtemps (au moins 4 ans sinon plus), et j'ai pu apprécier de nombreux débats, autant techniques qu'artistiques, avec des gens très intelligents et sensés (pour la quasi-majorité, la liste a eu aussi son lot de boulets trolleurs, comme partout !).
C'est en quelque sorte la fin d'une époque (en "temps Internet", une communauté vieille de plusieurs années avec des liens toujours aussi forts entre les divers protagonistes, c'est relativement rare, en tout cas, je n'en connais pas tant que cela).
Je me dis même que cette liste a plus existé de part les liens que nous avons pu former que par l'aspect purement Terragenesque.
Ceci dit, tel le phénix renaissant de ses flames, cette jolie histoire de gens rêveurs, passionnés par la beauté de paysages n'est pas finie, et je dirais non sans satisfaction qu'elle repart de plus belle : la liste de diffusion n'étant plus adaptée aux besoins actuels, elle s'est réincarnée en un splendide forum tout neuf, qui est déjà opérationnel depuis quelque temps.
Oups, j'avais complètement oublié de le mentionner : Karsten Keppel, déjà connu pour ses splendides animations avec Terragen, a créé une animation avec le logiciel Apophysis, un logiciel libre permettant de créer des flames en graphisme fractal.
C'est assez intéressant à voir, et plutôt joli !
Quant au logiciel employé, je vous invite à l'essayer, c'est intéressant et relativement simple d'utilisation, j'ai déjà fait quelques fonds d'écran avec !
Histoire de commencer la semaine en rigolant : je ne sais pas si vous avez déjà entendu des indiens parler anglais... l'accent est parfois assez... unique en son genre ! (comprenez incompréhensible)
Un site a décidé de reprendre diverses chansons anglophones, mais cette fois interprétées avec un accent indien à couper au couteau, c'est hilarant !
Vous pourrez trouver ces "chefs-d'oeuvres" sur ce site : The Friendly Indian Pop Artist. J'adore particulièrement la version remasterisée de Highway to Hell...
Je viens de finir Deception Point de Dan Brown. Sans révolutionner le genre, on reconnait son style, et l'histoire passe bien, même si on devine assez vite l'intrigue. Comme cela se lit assez facilement, si vous avez envie de lire un bon petit roman policier sur fond de conspiration étatique...
Un livre disparaît donc de la liste, mais un autre vient de s'y ajouter : Les Chroniques de Narnia !
Pour l'instant, je viens plutôt de reprendre La Maison des Mères, le dernier opus de Dune écrit par Frank Herbert (il faut que je finisse cette saga !).
Yohan vient de l'annoncer : dans 1 mois ou deux, les pages persos vont voir leur architecture changer radicalement, le serveur Apache serait remplacé par Lighttpd, un autre serveur web.
Je ne sais pas encore en quoi cela va impacter le fonctionnement des pages persos (on se renseigne comme on peut), mais Yohan vous invite à faire des backups de vos espaces persos... et il a tout à fait raison !
J'étais déjà un peu geek quand je parlais d'un fond d'écran d'informaticien dans une nouvelle précédente, je constate une chose... ça ne s'améliore pas !
Je vous propose donc un fond d'écran en 1280*1024 dans le même genre :
Je vous invite à voir la version en taille réelle, l'imagette ne rend pas justice à cette police d'écriture amusante.
Bref, sans vouloir pratiquer de paludoludiverbisme ni être podoclaste, ne faites pas de potogyration : allez faire un tour sur ce site, après vous pyrogastriventilerez ! (tiens, je me mets à en modifier)
Pour ceux qui ne connaîtraient pas cet utilitaire, je vous invite à aller essayer Brilliant Button Maker, un générateur de ces images en 80*15 très à la mode sur les sites internet ("RSS valid" est l'un des plus utilisé).
Tiens, ça me rappelle que ça fait longtemps que je n'ai pas ajouté de nouveau skin sur mon site...
Opéra 9 est dispo en technology preview 2, autrement dit c'est une préversion du prochain Opéra.
Si vous ne connaissez pas du tout ce navigateur, je vous invite à l'essayer (commencez déjà par la version actuelle, la 8.51), c'est un de mes navigateurs préférés avec Firefox, notamment de part la quantité phénoménale de possibilités offertes, un must have pour les développeurs web !
Un billet précédent était intitulé "Utiliser plusieurs versions d'IE sur la même machine", je suis retourné sur le site que je donnais pour télécharger des versions tout-en-un, et j'ai eu la surprise de voir qu'une archive d'IE 7 bêta 2 est disponible ! (en standalone)
Il y a quelques bugs de fonctionnement, mais j'ai pu tester cette nouvelle version, tous mes sites ont l'air de bien fonctionner, j'ai corrigé le petit bug que j'avais trouvé précédemment sur certains skins de ce site.
Mes impressions sont mitigées, j'ai le sentiment que cette nouvelle version apporte enfin de l'eau au moulin asséché qu'est IE 6, il y a du bon (les quicks tab, les onglets, le zoom sur images, le rendu s'améliore, etc.) et du mauvais (pas de support des feuilles de style alternatives sauf erreur de ma part, bugs, ergonomie franchement pas géniale, des options ne sont pas prises en compte (comme le hreflang, etc.)...).
Ceci dit, ce n'est qu'une bêta, je n'attends pas de miracle.
Bien évidemment, l'auteur de ces archives n'offre aucun support sur ses bidouillages, donc si vous les installez, c'est à vos risques et périls. Je le reprécise encore : ce genre d'archives n'a aucun et ne doit avoir aucun intérêt pour les non-développeurs, ce sont des versions soit dépassées (en terme de sécurité et de fonctionnalités), soit de tests, donc pas forcément stables. Vous êtes prévenus, donc ne venez pas pleurer !
J'ai pu tester le site (ce site !) avec IE 7 bêta 2, et j'avoue avoir été surpris : j'avais entendu que de nombreux bugs gênaient le rendu, il n'en est presque rien sur ce site, tous les skins passent parfaitement, la position "fixed" fonctionne, le seul bug que j'ai constaté se situe dans les skins Simple Blue, Simple Red... bref, ceux où j'ai utilisé une bordure sur le "body" pour "encadrer" la page.
Le bug est curieux : cette bordure doit entourer toute la page, même si cette dernière est sur plusieurs écrans. Or là, la bordure fait une taille fixe (elle s'arrête en plein milieu de la page), il faudrait que je me remette le nez là-dedans afin de tirer ça au clair, il est tout à fait probable que j'ai laissé traîner une boulette.
Donc deux choses l'une, soit j'ai vraiment l'art de passer entre les bugs de rendus (bref chanceux), soit je suis vraiment doué en matière de feuilles de style. On va dire raisonnablement qu'il doit y avoir un peu des deux...
Décidément, j'ai un peu forcé côté acquisition de livres, voici ce que j'ai à lire :
Deception Point, le nouveau Dan Brown.
Une belle histoire du temps, de Stephen Hawking.
Finir la Maison des Mères, le dernier opus de Dune écrit par Frank Herbert.
J'ai aussi la Genèse de Dune, c'est-à-dire La Guerre des Machines, Le Jihad Butlérien, et la Bataille de Corrin, écrit par Brian Herbert, le fiston du précédent.
Le fabuleux héritage de l'Egypte, écrit par Christiane Desroches Noblecourt...
Ainsi que Le Hobbit (en version illustrée par Alan Lee), de J.R.R Tolkien.
Il me faut finir également le Larousse des Mythologies du Monde...
Et il faut que je finisse L'Illiade et L'Odyssée au passage.
Voilà la liste de mes prochaines lectures, je pourrais aussi ajouter Eragon, ainsi que d'autres bouquins... y a de quoi faire !
Une mise à jour est disponible pour le petit navigateur qui monte, j'ai nommé Firefox. Cette version 1.5.0.1 corrige quelques bugs et autres failles.
Le nouveau système de mises à jour automatiques a fait son chemin : téléchargement de 700 Ko, installation, redémarrage de Firefox... et c'est terminé ! Un vrai modèle d'efficacité et de simplicité qui permettra de tenir à jour votre navigateur de manière aisée, et surtout sans avoir à y penser.
Seul hic jusqu'à présent, l'extension Webdevelopper toolbar était incompatible avec cette nouvelle version, mais une nouvelle version a été faite (1.02), et tout fonctionne pour le mieux !
Nadéo a toujours l'art et la manière de contenter son public : le jeu Trackmania a été sélectionné pour la coupe du monde du jeu vidéo, l'équipe de Nadéo a créé donc une version spéciale pour cet évènement.
Je l'ai essayé ce week-end, et je reconnais que le plaisir de jeu en ligne par nation est décuplé par rapport au jeu original, c'est vraiment amusant... et addictif ! (je ne suis pas le seul à apprécier, plus de 8000 joueurs en simultané sur le net ce week-end, et 200 000 téléchargements estimés)
Vous allez finir par croire que j'ai des actions chez Nadéo, mais il n'en est rien, je constate juste que cette boutique a une mentalité bien appréciable : jeux sympas, grosses extensions gratuites, prix agréables... ce n'est pas partout que l'on voit cela !
Bref, une fois de plus : chapeau bas Nadéo !
(et je vous laisse, j'ai une partie sur le feu en réseau...)
J'ai annoncé il y a quelques billets que je testais Terragen D, autrement dit une version alpha de Terragen 2 (D comme Développement), et j'ai reçu depuis peu plusieurs messages me demandant des détails à ce sujet.
Je vais le dire d'un coup : j'ai signé un NDA (accord de non-divulgation) envoyé par Matt Fairclough (le créateur de Terragen D et de la version actuelle, la 0.9.43) lui-même.
Bref, autrement dit : même si je suis très content de pouvoir tester tout cela, je n'ai strictement rien le droit de dire à ce sujet, n'insistez donc pas !
Quant aux galeries, vous pouvez aller voir sur le site officiel de Terragen 2 (toujours en anglais). Quelques très rares testeurs ont eu le droit de montrer leurs réalisations, en voici quelques exemples :
Luc Bianco est sans conteste celui qui a fait les images les plus réussies,
Autrement dit, 1 internaute européen sur 5 utilise Firefox. Je n'aurais qu'une chose à ajouter : tant mieux !
Et j'invite ceux qui, dans les 80% restants, utilisent encore IE à s'interroger... par exemple s'ils ne croient pas qu'il est temps de passer à quelque chose de plus moderne (onglets, sécurité, etc.) !
Le site reprend un rythme plus habituel, avec 7000 visites en 10 jours, soit plus de 513 000 visites au total.
Je suis un peu cassé, j'ai un peu forcé sur les skis ce Samedi... mais je ne m'en plains surtout pas ! (ça faisait longtemps que j'avais envie d'aller skier, en témoignent plusieurs billets précédents)
Mon ordinateur force le rythme aussi, avec beaucoup de rendus avec Terragen D, j'espère bientôt pouvoir en montrer un ou deux... ce n'est pas encore gagné !
Pour ceux qui aiment bien le jeu de ski "Ski Challenge", voici une bonne nouvelle : la piste de Kitzbühel est disponible ! Je l'ai essayée, et le moins que l'on puisse dire, c'est que ça va très vite, on est souvent dans le décor à la première descente... et ensuite tout s'améliore, et on se prend des vertiges en voyant la pente.
Si vous ne connaissez pas ce jeu, vous pouvez aller télécharger Ski Challenge, le jeu se mettera à jour tout seul comme un grand après, et vous aurez les 4 pistes.
Si vous aimez ce style de lecture, je vous recommande ce livre : Monuments de l'Antiquité (notre histoire lue du ciel).
De célèbres monuments (le néolithique avec les mégalithes de Stonehenge, l'Égypte avec les Pyramides ou le temple de Karnak, la Grèce avec l'Acropole ou les temples de Paestum, le Moyen-Orient avec la Persépolis des Grands Rois perses ou Palmyre, la cité du désert, Rome avec le Colisée ou l'aqueduc du Pont du Gard, etc...) sont présentés de manière originale : un petit texte explique l'origine du monument, accompagné de plusieurs photos, et surtout d'une grande photo prise du ciel (en dépliant), donnant une vue assez impressionnante à chaque fois.
C'est plaisant à lire, et les photos valent vraiment le détour !
Autant certains films qui ont bercé mon enfance ne passent plus maintenant, autant celui-là a très bien vieilli ! Pour ceux qui ne connaîtraient pas, Short Circuit (1986) raconte une histoire d'intelligence artificielle : Numéro 5 est construit en tant que robot de guerre, il se fait foudroyer et développe une conscience.
Le tout est vu sous un oeil comique, certaines scènes sont hilarantes, et à la limite du cultissime : Numéro 5 imite Travolta (un robot qui danse sur La Fièvre du Samedi Soir !!!), Numéro 5 qui démonte une voiture et qui fait ce qu'il voit à la télévision, etc...
Si vous passez à côté de cette merveille, n'hésitez pas, c'est du tout bon !
La première chose qui frappe, ce sont les graphismes : tout en 3 dimensions, et plutôt jolis par rapport aux anciens opus. La contrepartie est évidente, il faudra un ordinateur assez puissant.
Ceci dit, l'intérêt d'un Civilization ne réside pas dans le graphisme... et ce dernier de déroge pas à la règle : le but est toujours de créer une civilisation, et la richesse du jeu a encore augmenté : le concept des religions a fait son entrée, et il est possible de paramétrer plus finement ses doctrines (gouvernementale, rapport à la religion, économique, etc...), les ressources prennent une place plus importante que précédemment, .
La difficulté a augmenté par rapport aux précédents opus, en tout cas la première partie que j'ai commencée est plutôt ardue, les villes adverses sont bien plus difficiles à prendre, bref, il me semble que les stratégies guerrières seront moins gagnantes dans cet opus !
Si comme moi vous aimez bien les adaptations cinéma d'Astérix en dessin animé, vous serez surement intéressé de savoir que deux coffrets sont sortis : le premier contient Astérix le Gaulois, Les 12 Travaux d'Astérix (ah, la-maison-qui-rend-fou...), et Astérix et Cléopatre (Le Pudding à l'Arsenic !).
Le deuxième est particulièrement attrayant : hormis le fait de contenir Astérix chez les Bretons (mon préféré), La Surprise de César et le Coup du Menhir, il contient bon nombre de bonus intéressants sur la création de ces dessins animés, et des comparatifs bandes dessinées/films. Histoire de ne pas déplaire, le coffret est joli : chaque film est présenté dans une boîte rappelant les albums.
Bref, du tout bon si vous aimez ces dessins animés !
Je pense que Murphy pointait déjà son nez hier : j'ai mis au bas mot 1H45 pour rentrer du boulot (25 bornes), tout ça parce qu'il y avait trois flocons *de merde* qui *gênaient* le passage (et surtout qu'un tas de bobets n'ont pas compris qu'il fallait rouler en douceur sur la neige si on ne veut pas s'envoyer dans le décor, ce qui emmerde tous ceux qui sont bloqués ensuite).
Mais ce n'était qu'un coup de semonce, Murphy et ses lois sur l'Emmerdement Maximum ne devaient être qu'à l'échauffement : ce matin, aucun des sites dont je m'occupe n'était accessible du boulot (tout le reste l'était).
Je vais voir chez diverses personnes, tout ceux chez qui je suis allé pouvaient les atteindre, tous... sauf le principal intéressé : moi. Bien évidemment, aucune explication scientifique pour expliquer cela ! (je me suis énervé toute la matinée pour solutionner le problème, pensant que ça venait d'un proxy foireux, ou quelque chose dans le genre)
Au moment où le boss passe, ça se remet à fonctionner... et au moment où l'on devait voir des trucs ensemble sur lesdits sites, ça redéconne. Dès qu'il repart, ça remarche. Et sans explication.
Vous m'excuserez pour la dureté du propos, mais des fois, il faut que ça sorte : *Pu.... d'informatique de m.... à la c.., ça me fait ch...* ! Cela me recroqueville les boyaux...
J'ai enfin pu essayer un de mes cadeaux de Noël ce week-end : La Route des Epices, un jeu de société bien sympathique. Le but est d'aller remplir son bateau d'épices de 4 zones différentes, tout en gérant sa cargaison de vivres, les prix des épices qui fluctuent, et... les pirates !
Petit détail intéressant : il faut reconnaître à chaque fois que l'on désire acheter des épices une senteur parmi une quinzaine d'épices différentes (cumen, curry, anis étoilé, poivre, vanille, etc...). Certaines sont faciles à reconnaître... d'autres moins ! Bref, ce jeu de société est très bien, je vous le recommande.
A ne pas confondre toutefois avec un autre jeu de société, La Course à la Vanille, qui est beaucoup plus simple (mais tout aussi amusant).
Dans un autre genre, il y a aussi ¥€$ (YES), qui est un jeu de société très facile d'accès et bien sympa, c'est une sorte de Risk en version économique, de bons moments aussi.
Y a pas à dire, les jeux de société, c'est que du bonheur !
Le site reprend une fréquentation normale (après le coup de folie du mois précédent), 5000 visites en 5 jours, soit une moyenne que je vous laisse calculer.
Ma bécane calculait joyeusement depuis 37 heures un rendu sous Terragen D (version 2 en version alpha), tout à coup...
Paf ! Plus d'électricité !
L'onduleur prend le relai... mais la panne d'électricité a duré plus longtemps que ce que les batteries pouvaient tenir, la mort dans l'âme, j'ai dû me résigner à tout arrêter avant que l'arrêt automatique ne prenne le relai (quand les batteries passent en-dessous des 30% de charge). 37 heures de calcul pour rien...
Ceci dit, l'onduleur a bien rempli son rôle en évitant une coupure sèche, donc ne nous plaignons pas trop !
Pour les Freenautes non-dégroupés, vous avez peut-être remarqué que le débit est lent (10 Ko/s en pointe) si vous téléchargez quelque chose de volumineux sur une page perso (l'exemple typique, une de mes animations). C'est plutôt curieux, car j'ai ce problème uniquement sur les pages persos, le débit est normal sur les autres pages.
Il y a moyen de pallier à ce problème : vous pouvez utiliser un proxy, j'ai essayé hier avec celui de Free (proxy.free.fr sur le port 3128), et le débit a été bien amélioré, cela tournait plutôt vers les 200 Ko/s, ce qui est quand même plus agréable.
Je vous invite à aller faire un petit tour sur Nanarland, un site bien sympathique qui recense de nombreux nanars, dans des chroniques bien amusantes.
J'avoue : ma chronique préférée est celle de Street Fighter le film, une daube intersidérale sans nom, un des pires films que j'ai vu... ce film est pourtant un nanard amusant, tellement tout ce qu'il le compose est mauvais (jeu des acteurs primé aux oscars des légumes - Jean-Claude Van Damme oblige -, trucages fait à la va-vite par le fils du stagiaire de l'assistant du responsable des trucages, moments dramatiques à la limite du nauséabond, histoire incroyablement conne et scénario inexistant...).
Quelques morceaux choisis de la chronique de Street Fighter histoire de vous faire saliver :
On se dit qu'il y a un montage photo ou une illusion d'optique, que c'est fait exprès, qu'il est impossible que tout le film soit aussi nul que ça.
...la réalité dépasse toujours la fiction. Le plateau de tournage et la salle de montage ont du être inondés de cocaïne et de barbituriques je ne vois que ça comme explication à cette aberration de la nature.
Comment établir un fil conducteur crédible entre une quinzaine de personnages dont le but d'origine était de se foutre sur la gueule purement et simplement ? Cette tâche s'avérait périlleuse et De Souza l'a foirée du mieux qu'il le pouvait.
Jean Claude est Guile, commandant en chef des Nations Alliées, avec Kylie Milogue pour l'épauler, le monde est entre de bonnes mains.
Le film gagne en outre la palme de la géopolitique nanarde, avec un chef casque-bleu (Van Damme) qui conclut ses allocutions télévisées par des bras d'honneur, et envoie balader les technocrates pour aller renverser les dictateurs à lui tout seul, au mépris des ordres de sa hiérarchie.
Non pitié, stop n'en jetez plus, ce film est abominable. À voir cependant pour se persuader que dans la vie il y aura toujours plus con, qu'on peut être une star et n'avoir aucun talent, et qu'il n'est pas nécessaire d'avoir un projet crédible en béton pour tirer du flouze aux pontes d'Hollywood. Si quelqu'un que vous n'aimez pas se pointe chez vous, alors là je vous le conseille vivement.
C'est du caviar à lire, je recommande chaudement ! Quant au film, buvez un coup avant de le voir, ou regardez ça au 42ème degré, c'est quelque chose !
Honte à moi, j'avais complètement zappé ce changement de taille, le petit monde de Kraland est passé en version 5, de très nombreux changements sont survenus : interface améliorée, changements divers... et allègement du site grâce à l'utilisation des feuilles de style !
Le site vient de tourner le demi-million de visites ! (une belle surprise pour mon retour de vacances)
Le cap des 500 000 visites a en effet été franchi hier soir, ce qui nous fait environ 30 000 visites pour les 18 derniers jours.
Le traffic du mois de Décembre a pris un petit coup dans l'aile au passage, plus de 30 Go... La dernière animation "Révolutions" y est pour quelque chose, elle a été téléchargée plus de 800 fois depuis sa mise en ligne. "Mars Render" et "Iceberg" continuent aussi de plaire, chacune a été téléchargée un peu plus de 300 fois durant ce dernier mois de 2005.
Allez, un petit message depuis la Lorraine, mon lieu de vacances !
Commençons par le début des vacances, à savoir les cadeaux de Noël. Le moins qu'on puisse dire, c'est que ce Noël a été ludique : j'ai reçu entre autres Age of Empire III en coffret collector (assez magnifique ce cofret), ainsi qu'Age of Mythology en version gold (avec son extension). Bref, j'ai de quoi jouer pendant un bon bout de temps...
Petit amusement, j'ai pu aller au Thermapolis à Amnéville (sorte de remise en forme/détente thermale), et j'ai essayé quelque chose de plutôt sympathique : outre les classiques saunas, jacuzzis et hammams, j'ai pu faire un jacuzzi géant en extérieur, alors qu'il neigeait dehors !
Et je n'ai pas pu m'empêcher d'essayer une pratique plutôt suédoise : aller marcher en maillot de bain dans la neige, par -3° ! Vous me croyez si vous le voulez, mais le plus dur est pour les pieds quand on marche dans la neige en maillot de bain, même le fait de se saupoudrer de neige les bras et et les jambes n'est pas très difficile, c'est même une sensation assez sympathique !
Comme vous le voyez, les vacances se passent très bien, je répondrai aux divers messages dès mon retour (j'ai un accès plutôt limité à internet).
Et vous savez quoi ? J'y suis très bien... et j'y retourne !
Le site a bien tourné ces derniers jours avec, 67 000 visites en 20 jours, soit une moyenne de 3350 visites par jour. Le total vient de dépasser les 470 000 visites dans la journée !
J'en parlais dans divers billets précédents, je vais essayer de retranscrire un peu le cheminement de la création de la dernière animation "Révolutions". Vous verrez que ça a été plutôt cocasse par moments :
24 octobre : prise de contact en toute discrétion avec Arnaud et Florent Creux (la Team Superior), j'ai dans l'idée de faire une animation sur la musique de Jean-Michel Jarre "Révolutions", et j'ai envie d'animer certains de leurs "big suns". Ils sont partants, je reçois les deux premiers mondes.
26 octobre : le story-board de la future animation est bien dégrossi, j'ai découpé les différents passages, ce qui me donne une idée des durées de chaque paysage. Gardez bien à l'esprit que je ne suis même pas sûr à ce moment que ce que je veux animer est... possible.
28 octobre : un premier big sun est scripté sans trop de soucis, le calcul est lancé.
1er novembre : une deuxième partie est scriptée sans trop de problèmes, la première étant finie de calculer, mon ordinateur ne prend pas de repos, calcul de la suivante (le désert).
4 novembre : le calcul avance à bon train, la deuxième partie est quasi-finie, il faut que je scripte en vitesse deux autres parties. Je pensais le faire facilement, bien mal m'en a pris : en essayant de synchroniser deux vrilles pour faire la transition entre un passage herbe/désert, je me heurte à divers problèmes : les deux terrains ne cohabitent pas bien ensemble, Terranim s'en mêle et me plante à la figure à plusieurs reprises... je décide de ne pas donner suite à ma première idée (pousser un juron et envoyer la souris à travers l'écran), et j'insiste un petit peu. Ouf, c'est scripté... (cochon qui s'en dédit, la même partie va me recauser des problèmes peu après)
13 novembre : la première des 2 parties ci-dessus est calculée, la seconde est lancée.
17 novembre : la seconde partie est calculée (le deuxième passage dans le désert), par manque de temps je n'ai pas le temps de voir l'animation finale de ces deux parties, je scripte dare-dare le big-sun sur l'eau, le calcul est lancé dans la soirée.
A partir d'ici, les emmerdes commencent...
24 novembre : je regarde la partie sur l'herbe... aïe aïe aïe ! De nombreux bugs sont présents : la texture n'est pas belle à plusieurs passages, et le terrain connaît un problème de sous-échantillonnage des plus disgracieux (ce problème est visible dans Nuclear, une de mes précédentes animations). J'hésite... est-ce que je peux dissimuler discrètement ces problèmes ? Je fais divers essais... infructueux.
2 décembre : la partie du big sun sur l'eau est quasiment finie de calculer. Je décide d'essayer d'animer une de mes dernières réalisations, à savoir une image avec l'effet bliss (visible dans la galerie "Bliss, neige rayons et eau"). Je n'ai aucune idée si le résultat pourra être bon... personne n'a jamais essayé ! J'essaie donc de scripter cette partie... et Terranim fait des siennes, impossible de prévisualiser le mouvement !
3 décembre : résumons :
une partie est complètement foireuse,
je viens de m'apercevoir d'un autre petit bug dans une autre partie sur le désert,
et je vais essayer d'animer un bliss sans avoir pu prévisualiser quoi que ce soit, j'ai juste pu faire deux ou trois snapshots à divers moments, ça a l'air de ne pas être trop buggé. Mais je n'ai aucune idée sur la continuité de la chose, rien ne me dit que l'effet bliss (qui à la base est plus un bug qu'autre chose) sera animable.
Histoire de compléter le tableau, la partie du big sun sur l'eau que je pensais bonne est trop courte, je me suis gourré de 8 à 10 secondes ! Bref, je commence à me demander si je ne fonce pas droit dans le mur.
5 décembre : le big sun est fini de calculer, mais c'est trop court, décision est prise de ruser un peu au montage, car le temps de calcul de 10 secondes de cette partie est trop long ! Heureusement, la ruse fonctionne. Le rendu du bliss peut commencer. Je décide au passage de réduire le story-board, l'intro que j'avais prévue avant l'animation du bliss était de trop... et je décide de jeter la partie sur herbe que je n'avais pas réussi à rattraper. Contact est pris avec la Team Superior, qui comprend le problème, et qui me prête un autre paysage dans le même genre.
7 décembre : le bliss s'est calculé vite et bien, faut dire que je n'avais pas pris trop de risques supplémentaires (pas de brusque changement d'altitude par exemple). Je scripte à vitesse grand V la nouvelle partie sur herbe qui doit remplacer la partie foireuse. Le rendu en est lancé.
13 décembre : ouf, la partie sur herbe fonctionne bien, mais le rendu est long, il reste encore pas mal à calculer. Je commence à augmenter la priorité du processus Terragen, car je veux finir tout cela avant la fin de l'année !
16 décembre : je décide de stopper un tout petit peu avant la fin le rendu de la partie sur herbe, j'ai assez d'images. Je retouche un terrain à la main pour une partie sur un désert, car la caméra touchait le terrain. J'aurais pu refaire le script, mais c'était plus long que de rectifier le terrain. 150 images à recalculer.
17 décembre : yes, la partie problématique s'est corrigée sans trop de soucis, et surtout rapidement. Je réassemble le tout. Le calcul est fini, après un mois et 3 semaines, 24H/24 7 jours sur 7.
18 décembre : le montage est fini.
20 décembre au soir : sauvegarde générale avant d'installer les codec divx 6.1 pour compresser le tout (comme divx avait offert des numéros de série gratuits pour leur anniversaire et que j'en avais obtenu un). Au final, tout fonctionne parfaitement, et je compresse le fichier initial non compressé de... 4,5 Go pour obtenir les 51 Mo que j'uploaderai juste après.
21 décembre : je fais l'annonce de cette nouvelle animation... et la promesse de ce journal de bord.
J'avais annoncé hier qu'elle serait en ligne ce matin, c'est chose faite. Vous pourrez voir que le style a complètement changé par rapport à la précédente, on est dans des paysages plutôt imaginaires !
Reste que cette animation est une expérimentation, car personne à ma connaissance n'a animé un effet de bliss avec Terragen, ni ce genre de soleils...
Comme la création de cette animation a été plutôt ardue, je compte très bientôt poster un billet-journal de son processus de création, afin que vous voyiez l'envers du décor.
Allez, je ne vous retiens plus, le tout est disponible sur la page des animations, c'est la première en haut.
J'ai fini le montage de la prochaine animation, je la metterai en ligne dès que possible (vraisembablement mardi ou mercredi, le temps d'expédier plusieurs autres choses).
Et histoire de faire ch... mon monde, je peux d'ores et déjà vous dire... qu'elle est réussie !
Il me reste environ 150 images à calculer pour terminer cette animation... j'espère que j'aurais le temps de la mettre en ligne avant de partir en vacances !
J'ai pu aller le voir au cinéma, et je dois reconnaître que l'adaptation est réussie, même si le livre contient bien plus de détails (cet opus fait environ 650 pages). L'essentiel y est, les acteurs s'en sortent plutôt bien et les effets spéciaux sont bons.
J'avoue que j'avais un peu peur après avoir vu ce qui avait été fait du Prisonnier d'Azkaban (un massacre à côté du livre qui est excellent). Qui plus est, La Coupe de Feu est le tome que je préfère, mais cette adaptation est de bonne facture ! (ce qui est en soi un exploit, car cet épisode est l'un des plus complexes et importants de la série du petit sorcier)
Ça calcule d'arrache-pied pour terminer cette animation avant Noël, il doit me rester environ 600 images à calculer, mon Athlon 64 ne s'est pas arrêté de calculer depuis environ 1 mois !
Au menu, un petit rappel sur les mouvements de caméra, une étude de divers mouvements simples avec divers conseils, les options avancées et la grosse nouveauté apportée par Terranim 2.0.14 (en bêta), à savoir la timeline.
Le tout est bien sûr librement téléchargeable pour une lecture hors-ligne.
J'avais parlé dans cette nouvelle précédente d'un petit projet secret que j'avais commencé il y a quelque temps. Ce projet a bien avancé, je pense pouvoir le mettre en ligne d'ici quelques jours, le temps de peaufiner ce week-end.
Je viens de faire une première : réussir à animer un monde avec des paramètres très tordus, sans avoir pu le prévisualiser (Terranim n'a rien voulu savoir), bref, j'ai créé le mouvement de caméra au petit bonheur la chance, je n'étais en prime même pas sûr que ces paramètres tordus soient animables... et bien ils l'ont été, et c'est une réussite au passage !
Je viens de scripter dare-dare la dernière partie, qui va remplacer la partie trop problématique dont je parlais il y a deux billets. Le calcul est lancé, comme il n'y a pas d'eau, je pense que cela va vite être expédié.
En tout cas, je compte bien faire un journal de bord pour la création de cette animation, vous verrez que sa conception a été cocasse...
Une nouvelle partie (celle qui mettait beaucoup de temps à calculer à cause de l'eau) s'est terminée ce week-end, j'en ai lancé une autre qui est extrêmement rapide à calculer : 250 images en une nuit !
Chose assez rare, je vais probablement revoir mes ambitions à la baisse, la future animation va être amputée de 30 secondes (elle fera quand même environ 4 minutes, rassurez-vous !), j'ai l'impression que ces 30 secondes de début sont celles de trop...
Et chose plutôt désagréable, je vais probablement refaire une partie complète, j'ai trop de problèmes avec une partie précédemment calculée (bugs difficilement rattrapables, qualité moindre, etc.). Comme ce n'est pas une partie très longue à calculer, je vais soit la refaire, soit la remplacer.
Si tout va bien, tout cela devrait être vite bouclé...
J'avais déjà vu du sans-gêne dans les commentaires (genre de la pub à peine déguisée), mais là, je viens de voir le summum : une pub pleine et entière (même pas dissimulée) pour un studio de rap dans une nouvelle consacrée à Opéra qui devient gratuit !
Je n'ai rien contre ce genre de musique (j'apprécie bien Akhénaton et I am par exemple), mais il ne faudrait pas pousser... mon site n'est pas là pour que n'importe qui se fasse de la pub.
Donc à tout hasard, pour ceux qui auraient envie d'utiliser ce site pour essayer d'augmenter leur Google Rank, je vous invite à relire cette nouvelle.
Je vous indique le passage en question : Au risque de vous décevoir messieurs-dames, je me suis gentiment concocté un petit système qui me permet de voir tous vos commentaires par ordre de postage, et je n'ai que l'embarras du choix, un clic me permet de le supprimer (si ce dernier est raciste par exemple), un autre clic me permet d'ajouter rel="nofollow" au lien vers votre url si j'ai un doute, etc.
Je me suis même amusé à ajouter une option pour fermer les commentaires au cas où.
Aucun commentaire ne peut passer à travers les mailles du filet, donc laissez tomber et allez voir ailleurs... je préfère encore que ça me soit demandé ouvertement, au moins c'est honnête.
Ouf, enfin un peu de temps après le ménage ! (si si, serpillage et aspirage, faut pas croire que je suis fainéant)
La partie en cours avec plein d'eau se termine calmement, la prochaine est scriptée, mais j'ai rencontré bon nombre de difficultés, j'espère que cette partie problématique se fera sans problème... c'est pas gagné ! J'espère également que cette animation sera estampillée 2005, mais j'ai peur qu'elle soit plutôt signée 2006... on verra tout ça en fonction des derniers calculs.
Côté fréquentation, ce ne sont pas moins de 39000 visites en 10 jours qu'a vu passer le site... soit un total de plus de 403 000 visites ! Le cap des 400 000 est tourné !
Je viens d'ajouter un petit laïus au sujet des commentaires (en bas de la page pour commenter), j'ai malheureusement contracté une maladie incurable : l'allergie au langage SMS...
Le ministère de la Culture française envisage de faire voter en urgence de nuit le 22 et 23 Décembre prochain un projet de loi sur le droit d'auteur (le DADVSI).
On peut se dire "boh, si ça passe de nuit, ça doit être quelque chose de pas bien important...", Détrompez-vous !
Ce projet est censé transposer la directive européenne EUCD.
Concrètement, ce projet verrouille juridiquement les dispositifs anti-copie sur tout support numérique :
ces dispositifs seront crées, déployés et contrôlés selon des critères arbitraires par les seuls industriels du disque, du film et du logiciel propriétaire,
ces dispositifs permettront de surveiller et contrôler les pratiques numériques de tout utilisateur,
ces dispositifs permettront d'interdire à distance tout accès aux oeuvres et toute utilisation des matériels numériques et électroniques,
toute personne contournant, de manière directe ou indirecte, un dispositif sera présumée coupable du délit de contrefaçon (3 ans de prison et 300.000 euros d'amende), cette sanction s'appliquera à toute personne "non autorisée" qui communiquera de manière directe ou indirecte sur les dispositifs anti-copie (analyses et études de sécurité informatique, promotion de logiciels libres, etc), cette sanction s'appliquera au fait de développer, de présenter ou d'utiliser un logiciel libre ou un logiciel autre que celui choisi (et vendu) par l'éditeur.
En pratique, prenons des exemples :
vous voulez surfer sur le web sans utiliser le logiciel que veut imposer une compagnie, mais utiliser un navigateur libre certifié sans spyware, ça ne sera plus possible !
vous voulez écouter de la musique avec un logiciel libre au lieu d'utiliser un soft propriétaire, pas possible !
vous voulez graver votre dernier CD acheté légalement pour pouvoir profiter de votre droit à la copie privée (genre pour l'écouter dans votre voiture), interdit : pas le droit de contourner un dispositif anti-copie !
Etc...
Certains amendements de ce projet sont à la limite du foutage de gueule organisé : l'amendement VU/SACEM/BSA interdit les logiciels non équipés de mesures techniques. Cet amendement a pour objectif d'assimiler à un délit de contrefaçon, l'édition, la diffusion et la promotion de tout logiciel susceptible d'être utilisé pour mettre à disposition des informations protégées par le droit d'auteur et n'intégrant pas un dispositif de contrôle et de traçage de l'usage privé (ils appellent ça "une mesure technique").
Concrètement, mes animations sont soumises au droit d'auteur, avec cet amendement, vous n'aurez plus le droit de les télécharger et de les visualiser sans être tracé, sinon vous êtes hors la loi !
L'amendement des majors a pour objectif d'imposer l'utilisation de mesures techniques aux diffuseurs radios. Les producteurs veulent, par ce moyen, réussir à, interdire au public de faire des copies privées de radio numérique ou de zapper les pubs. Ils veulent imposer le chiffrement des flux à tous les diffuseurs numériques.
Pour comparer, c'est comme si on vous interdisait d'enregistrer sur une cassette votre émission de radio favorite.
Encore pire, de part la définition de la GPL, un logiciel sous cette loi n'intègre pas de traçage, autrement dit, il est clean. Si cette loi passe, les logiciels libres sous cette licence deviendront illégaux, alors que ce sont encore les mieux placés pour garantir l'accès à la culture pour tous !
Pour résumer, voici une loi faite sur mesure pour quelques grosses compagnies et pour les majors. J'avoue ne pas pouvoir comprendre comment un ministre de la Culture (qui doit à priori défendre l'accès à la culture pour tous) peut oser présenter un projet pareil et pouvoir se regarder dans un miroir. J'avoue que la méthode de faire passer en urgence et de nuit juste avant Noël (l'hémicycle sera quasiment vide) est particulièrement révélatrice sur le style...
Normalement, cela devrait être une question de jours... Tristan Nitot annonce que c'est pour demain soir, ce qui nous amène donc vraisemblablement pour une sortie Mercredi.
Les majors de la musique et autres compagnies râlent sans arrêt que leurs ventes baissent, je viens encore de vérifier l'adage ce Samedi : si les prix sont corrects, le problème du piratage est caduque.
En voici l'exemple : je farfouillais dans un rayon de jeux pour PC dans un magasin, j'ai été tenté par plusieurs jeux : Civilization 4, Age of Empire 3 (dans un coffret magnifique), Age of Mythology (avec son extension) et... Sim City 3000 Edition Mondiale (c'est un de mes opus préférés de cette saga, j'ai longtemps squatté le PC de mon père pour y jouer).
Je regarde les prix des deux premiers... aïe ! Ça tourne vers les 60 à 70 € (environ 400 à 450 de nos anciens francs). Forcément, cela fait hésiter.
Le troisième est à un prix un peu plus raisonnable, ça tourne vers les 30 €. J'hésite un peu... c'est tentant !
Je décide quand même de regarder dans le rayon des petits prix, et je tombe donc sur Sim City 3000 Edition Mondiale... à 10 € !
Là, mon sang ne fait qu'un tour (et y a pas de mal à se faire plaisir de temps à autres), bref, jeu acheté ! (et je pense que le prochain sera Age of Mythology)
Je ne dis bien sûr pas que les jeux doivent être tous à ce prix, mais je crois de plus en plus que des prix plus raisonnables favoriseraient l'achat et non le piratage de ces jeux. J'en veux pour preuve, le rayon des jeux PC qui avait le plus de succès était celui... des petits prix. Les derniers jeux que je me suis offert sont d'ailleurs tous dans la gamme "budget" : Colin Mac Rae 4 (très bon), Mafia (génial), Sim City 3000 Edition Mondiale (sympa), etc...
Et c'est logique, à quoi cela sert-il de pirater des jeux sur plusieurs CD qui sont à 15 ou 20 € ?
Autant je suis né à la bonne période point de vue technologie (internet, tout ça...), autant pour certaines musiques, j'ai dû naître un peu trop tard... un demi-siècle trop tard quand on voit ce que j'écoute !
En discutant musique avec une connaissance au boulot, j'ai pu retrouver un medley des Star Sisters (oui, je sais, c'est kitschissime à souhait !), et là 16 minutes de plaisir !
Pour ceux qui ne connaîtraient pas, voici une petite image :
Et rien que pour le plaisir, partons dans le passé, voici quelque titres, certains sont assez connus, d'autre un peu moins :
Boogie woogie bugle boy
South American Way
Bei mir bist du schön
In the mood
Rhum and Coca Cola
Tico tico
Say si si
Pennsylvania 6-5000
Joseph Joseph
Ti-Pi-Tin
A string of pearls
Hold Tight Hold Tight
Beer barrel polka
Don't sit under the apple tree
Moonlight serenade
Oh Ma-Ma
Tuxedo junction
Pistol Packin' "Mama"
Pennsylvania polka
Yes, my darling daughter
Happy days are here again
American patrol
Chattanooga choochoo
J'avoue, j'adore leurs voix bien rétro, c'est toujours aussi agréable à écouter, je me souviens les avoir écoutées sur vynile...
Je suis sûr que vous connaissez certains de ces morceaux, c'est typiquement le genre de musique dont les titres ne parlent pas forcément, et quand on écoute... "ah oui, mais je connais ça !"
Par exemple, "Pennsylvania polka" peut s'entendre dans le film "Un jour sans fin" (le jour de la marmotte, excellente comédie avec Bill Murray), "In the mood" (archi-connu) a été également repris par Jive Bunny (et pas mal d'autres titres au passage), "Rhum and Coca Cola" a été repris par Arielle Dombasle dans son dernier album retro, etc...
Dans un style plus rythmé, je vous conseille "Glenn Miller Orchestra, Sing Sing Sing", ça a une pêche d'enfer... si vous aimez ce genre de musique.
Dans un genre proche, la bande originale du jeu Mafia se défend bien aussi, avec entre autres du Django Reinhardt.
Où comment commencer un week-end en écoutant de la musique pas agressive pour deux sous !
J'avoue : je pourrais tout à fait tenir ce genre de propos, IE Mac est une bouse sans nom en termes de respect des standards... ce qui est le comble du comble, ce navigateur avait été créé justement dans cette optique (bravo), mais son développement a été arrêté et le produit n'est pas fini (pas bravo)... simple exemple, la gestion des "float" est assez hasardeuse, ce qui peut être plutôt gênant.
Pour en revenir à notre histoire, ce propos n'est pas le mien, mais celui de... Microsoft !
Citons-les : Si vous utilisez Internet Explorer pour Mac, nous vous recommandons d'utiliser un autre navigateur pour avoir une expérience optimale de MSN...
A quand une annonce du genre : Pour une expérience optimale du web sur PC, nous vous recommandons d'utiliser un autre navigateur qu'IE 6 PC ?
Côté prochaine animation, mon ordinateur souffre sec et calcule à tour de bras, mais comme il y a beaucoup d'eau dans la partie en cours de calcul, c'est plutôt long. Petite consolation : c'est particulièrement beau ! Je vais essayer de scripter les quelques dernières parties pour finir cette animation dès que possible.
Côté fréquentation, cela reste toujours très élevé, avec plus de 8000 visites en 2 jours ! Le compteur vient de tourner les 364 000 visites.
Côté teaser, je viens de commencer un nouveau petit projet, je suis par contre incapable de dire quand il sera disponible en ligne... très bientôt sans aucun doute !
Je le repête pour ceux qui ne le sauraient pas encore : c'est une version de test, qui n'est pas complètement stable et finie, donc vous l'utilisez à vos risques et périls ! (rassurez-vous, il n'y a pas de grave danger imminent non plus, mais quelques plantages ou bugs sont possibles)
En discutant avec une connaissance, ce dernier m'a fait part qu'il s'était fait un plaisir : manger dans un super-restaurant 4 étoiles des plats très raffinés.
Chose plutôt amusante, il a été surpris quand je lui ai raconté mon petit plaisir du week-end : aller se promener à Genève et manger... des marrons tout chauds !
En farfouillant dans la base de données du site, je me suis aperçu qu'elle venait de franchir le mégaoctet !
Bien sûr, ce sont les nouvelles (environ 700 Ko pour 818 billets) et les commentaires (un peu plus de 200 Ko pour 821 commentaires laissés) qui pèsent lourd dans la balance...
Et, sur cette remarque amusante, je vous souhaite un bon week-end !
Cela fait un certain temps que je n'avais pas fait un topo sur la fréquentation, elle reste très bonne : le site a tourné les 346 000 visites, soit plus de 14 000 visites pour les 16 derniers jours.
J'en ai profité pour ajouter un petit laïus juste en dessous du formulaire pour laisser un commentaire...
Je vais pouvoir plus facilement me lâcher avec mon nouvel appareil photo numérique : je viens d'acquérir une nouvelle batterie (moins de problèmes d'autonomie) et une nouvelle carte mémoire bien rapide de 1 Go !
Prochain achat : un trépied ! (car faire des photos avec un tant soit peu de temps de pose est impossible sans... et j'ai envie de faire un petit peu de photo de nuit)
Une petite frayeur m'est apparue après avoir installé l'extension : le jeu bloquait lamentablement à l'écran de chargement... ce n'est pas très grave, je vous donne l'astuce : il faut lancer le jeu en mode fenêtre, comme le fichier est modifié, mon firewall (Zonealarm pour ne pas le citer) bloquait, et je ne pouvais pas voir que ce dernier bloquait. (en lançant le jeu en mode fenêtre si vous avez un firewall, le problème se résoud en quelques secondes, il suffit d'autoriser le fichier modifié)
Hormis ce petit problème, le jeu fonctionne nickel, l'extension apporte un peu de sang neuf au jeu (j'adore les nouveaux turbos rouges... un peu trop violents !), et tout marche très bien.
Chapeau bas et un grand merci aux gars de chez Nadéo !
Les p'tits gars de chez Nadéo continuent de bien se défoncer pour faire plaisir aux amateurs de Trackmania : après avoir proposé gratuitement une mise à jour vers Trackmania Original cette fois c'est Trackmania Sunrise qui est à l'honneur.
L'extension s'appelle Trackmania Sunrise Extreme, elle apporte de nouveaux blocs, de nouveaux circuits, de nouveaux modes (j'adore le mode Stunts sur Trackmania Original, ils l'ont repris !), etc...
Elle est disponible dans le commerce avec Trackmania Sunrise... mais comme les gars de Nadéo sont des gens bien, les possesseurs de Trackmania Sunrise ont la possibilité de télécharger l'extension gratuitement !
Je l'ai prise ce matin sur Clubic, la bête pèse 400 Mo, heureusement pour moi que le débit de téléchargement était très bon (800 Ko/s).
Je la testerai dès que possible, mais je crois qu'on peut déjà tirer un coup de chapeau à Nadéo, ce genre de mentalité et d'initiatives est malheureusement trop rare, signalons-le donc !
Le site de Yves Maquinay (qui a entre autres créé Mars Render, est-il besoin de le rappeler ?) vient de subir un petit lifting, sobriété et simplicité semblent être les maîtres mots de cette refonte.
Je trouve ce nouveau design plutôt réussi, allez donc faire un petit tour sur ce site, vous en aurez au passage pour vos yeux, les créations sont toujours aussi bonnes !
Il y a quelques jours, j'ai été subitement pris par l'envie de rejouer à Fallout, un des meilleurs jeux de rôle sur PC auxquels j'ai jamais joué.
Je décide donc de reprendre le CD original du jeu (en fouillant dans mes vieux CD), et j'essaie de réinstaller le jeu en question.
Argh ! Je me prends un message d'erreur bizarre à l'installation, bref, pas moyen de l'installer. Et m...., pas possible de jouer à un de mes jeux préférés.
Après quelques recherches, j'ai trouvé ceci, et je pense que cela intéressera ceux qui veulent le faire fonctionner : il est possible de faire fonctionner Fallout en faisant une installation manuelle pas trop compliquée (quelques fichiers à copier et un fichier de config à créer au blocnotes).
Comme j'ai copié le plus de fichiers possible sur mon disque (ce qui correspond à l'installation maximale en fait), non seulement le jeu est rapide mais je n'ai même plus besoin du CD pour jouer.
Si vous ne connaissez pas ce jeu, je vous invite à l'essayer, ne vous offusquez pas des graphismes, l'intérêt du jeu réside dans la taille de l'univers offert...
Firefox 1.5 vient de sortir en RC2, ce qui veut dire que nous ne sommes plus très loin de la version finale parfaitement stable et fonctionnelle !
Ça sent bon le SVG et plein de bonnes petites améliorations !
Vous pouvez trouver des informations à ce sujet sur Clubic, et également à partir de Mozilla Europe.
Attention, c'est une version de test, pas encore pleinement stable, vous êtes prévenus ! ;-) (si j'ai un peu de temps libre, je l'essaierai et vous aurez droit à un petit compte-rendu)
Pour ceux qui ne connaitraient pas ce spectacle, je vous invite à le découvrir, pour ma part, je viens de le revoir avec toujours autant de plaisir...
Maria Ulrika Von Glott (Marianne James) et sa fidèle pianiste Yvonne de Saint-Coffre (Ariane Cadier) se disputent le même homme, Siegfried, sur fond d'opéra... complètement déjanté !
Beaucoup d'humour et de talent, à voir et à revoir !
Un très bon mois en tout cas, qui a vu passer pas moins de 24 000 visites !
Côté téléchargements, "Mars Render" a été encore téléchargée plus de 200 fois (un peu plus de 1000 téléchargements depuis sa mise en ligne) et Iceberg un peu plus d'une centaine (elle a tourné les 2100 téléchargements !).
La prochaine animation se profile calmement à l'horizon, mon ordinateur tourne à plein régime pour calculer les parties restantes...
Dimitri Schkoda a l'air de vivement apprécier mes animations et certaines de mes images, et il a tout à fait raison sur un point (je le cite) : "je rêve de voyages impossibles et voyage dans des rêves impensables. Je voudrais avoir mille vies, 48 heures par nuit et ne plus jamais avoir à dormir."
Cela vaut tout à fait mon état d'esprit quand je crée une animation, ou quand j'en regarde une.
Je peux en tout cas lui retourner le compliment dans un autre domaine : ses compositions musicales sont excellentes, c'est un vrai plaisir à écouter ! Vous pouvez monter le son sans problème, nous sommes à des années-lumière de la cacophonie ambiante qui sévit sur la musique actuelle...
Qui sait, peut-être un jour mes animations rencontreront sa musique...
Voici enfin des photos faites avec mon nouvel appareil photo, l'EOS 350D, et comme ces photos sont prises juste à proximité de chez moi (sur la colline de Ballaison, en face de Douvaine), je l'ai sobrement intitulée : Le bonheur est près de chez soi. Au menu : couchers de soleil, château de Teignères et couleurs automnales !
C'est toujours un petit évènement dans le monde des jeux : le 4ème opus est signé Firaxis & Sid Meier au passage.
La plupart des tests du jeu sur le net annoncent un bon cru, je n'ai pas encore pu l'essayer... mais je compte bien le faire d'ici quelque temps !
Précisions : je suis un fanatique de Civilization depuis le premier opus qui m'a littéralement scotché à mon écran à l'époque, le second opus m'a bien plu également, j'ai terminé une civilisation sur le score de 185%... j'ai accroché un peu moins à Call to Power, même si je l'ai fini assez aisément, quant au 3ème opus, j'ai bien aimé, quoique un peu moins que les 2 premiers opus. Et je ne compte pas le temps passé sur Sid Meier's Alpha Centauri, plus les scénarios...
Vivement !
P.S : pour les détracteurs des jeux vidéos qui pensent que cela ne fait qu'abrutir les gens, lisez la Civilopédie, et vous verrez la richesse de ce genre de jeu...
Le titre énigmatique de ce billet lance tout simplement les dernières nouveautés de la prochaine animation !
Au futur menu, la bête devrait durer pas moins de 3 à 4 minutes, et sera dans un style relativement différent des dernières animations. J'ai déjà scripté deux parties, il m'en reste encore quelques unes à faire. Terranim en a d'ailleurs profité pour me prendre la tête avec quelques bugs curieux... et certaines parties risquent d'être difficiles à scripter.
Côté calcul, environ 800 images ont déjà été calculées, et comme il n'y a pas beaucoup d'eau (mais il y en a quand même), le rendu se fait relativement vite.
Je viens de trouver une petite extension bien agréable pour Firefox, elle s'appelle Gmail Notifier.
Comme son nom l'indique, elle permet d'avoir une notification si vous recevez un message sur votre boîte Gmail, et le cas échéant de vous connecter directement à votre boîte Gmail afin d'aller la consulter.
Bref, c'est pratique, bien foutu et léger, donc pourquoi s'en priver ?
Je vais rectifier ce que j'ai annoncé dans un précédent commentaire : la prochaine animation est en cours de calcul, même si on en est encore plus aux balbutiements qu'autre chose !
Je n'ai scripté qu'une partie, mais les premières images sont impressionnantes... maintenant il va falloir être patient !
Petit plaisir d'habiter à côté de la Suisse, Batman Begins est sorti en DVD il y a peu dans les bacs helvètes, je vous conseille vivement ce film, pour une fois qu'un film avec Batman n'est pas complètement neuneu...
Attention, ce sont des mathématiques de comptoir qui vont suivre !
J'ai remarqué que la fréquentation suit en général la formule suivante : Pour un nombre de jours n donné > 0, la fréquentation f est de l'ordre de : f=(n-1)*1000.
Cela se vérifie assez souvent, et encore cette fois : 6000 visites pour les 7 derniers jours, pour un total de plus de 320 000 visites !
On peut donc en déduire deux choses :
que le site voit donc passer un petit peu moins de 1000 visites par jour, ce qui permet de vérifier le théorème pour n pas trop grand, et dans les proportions stoechiométriques habituelles (hors sortie d'une nouvelle animation par exemple), le tout à pression constante.
que cette formule est complètement débile pour n suffisamment grand modulo l'âge du capitaine élevé au carré, que la formule contient une singularité cosmique pour n=0, et que selon la poussée d'Archimède p(z+h)=p(z)-ρgh tout cela n'est qu'une vulgaire coïncidence...
Franchement, les petits gars de Nadéo ont vraiment tout compris sur comment faire plaisir aux joueurs : après avoir sorti Trackmania premier du nom, proposé une extension gratuite, sorti le tout à un prix raisonnable (30 € si je me souviens bien), ils ont sorti Trackmania Sunrise, petite merveille côté graphisme, fun, jouabilité et musique. Ce dernier a été sorti à un prix correct également (42 €).
Il faut également voir que plusieurs milliers de circuits sont disponibles sur le net, donnant une durée de vie quasi-infinie au jeu.
Leur dernier coup de force est Trackmania Original, sorti récemment : ce n'est pas à proprement parler un nouveau jeu, puisque c'est une reprise du premier Trackmania, avec les graphismes de Sunrise, de nouveaux circuits et de nouveaux modes.
Ils auraient pu sortir ça à 60 €, mais non, le Trackmania d'origine remanié sort à 25 €... pour ceux qui n'ont pas le premier jeu. Car pour ces derniers, il est possible de télécharger gratuitement la mise à jour vers Trackmania Original (c'est pas tous les éditeurs qui ont cette mentalité !).
J'ai téléchargé cette super-extension hier, et là cela a été la claque, c'est vraiment génial de pouvoir jouer au premier Trackmania ainsi.
Bref, il n'y a qu'une chose à dire, pour leurs jeux et pour l'état d'esprit de la boutique : bravo Nadéo !
Les affaires vont pouvoir reprendre, j'ai changé mon ancien disque dur de 80 Go pour un tout nouveau... 250 Go !
Mes différentes partitions vont enfin pouvoir respirer, les animations avaient tendance à mes les saturer bien vite...
Petite info au passage si vous devez faire des animations, si vous utilisez la FAT32 comme système de fichiers, vous serez limité en taille maximale pour un fichier à 4 Go. C'est déjà pas mal pour un seul fichier (!), mais j'ai déjà dépassé cette limite avec mes dernières animations, "Mars Render" en non compressé pèse pas moins de 7 Go par exemple.
Si comme moi vous vous intéressez à la mythologie, un bouquin pourra peut-être vous intéresser : le Larousse des mythologies du monde, écrit par Fernand Comte.
J'ai eu le plaisir de trouver ce livre il y a peu, et il est très intéressant à lire ! (je viens de finir la partie sur la mythologie grecque et romaine, et là je suis dans la partie consacrée à la mythologie égyptienne)
Et il y a de quoi faire : 320 pages sur les mythologies du monde entier... plaisant !
J'ai créé un petit fond d'écran dans un humour "très informaticien", sur une blague assez connue des geeks.
Petite traduction : il y a seulement 10 types de personnes : ceux qui comprennent le binaire et ceux qui ne le comprennent pas (si vous ne comprenez pas la blague, ce n'est pas grave...).
Apparemment, il y a des geeks sur Clubic, car je leur ai proposé ce fond d'écran hier, et vous pouvez le télécharger ! (il est même en première page au moment où j'écris ce billet)
Donc, bon anniversaire à Tristan, et que Firefox vive longtemps ! (à noter, Firefox 1.5 est en bêta test, la seconde bêta est sortie il y a peu... vivement la version finale !)
Je viens de l'ajouter, c'est dans un style radicalement différent des précédentes galeries, puisque je me suis amusé à mélanger plusieurs de mes paysages à chaque fois.
C'est assez amusant à faire, il suffit de choisir plusieurs images au hasard et d'essayer de les assembler.
J'ai lu le dernier Astérix ce week-end, et le moins qu'on puisse dire, c'est que le ciel lui est tombé sur la tête. Je suis un très grand fan d'Astérix (je les ai tous, et je les connais par coeur, je les ai lus un nombre incalculable de fois), et je dois avouer que ce dernier opus est franchement... pas terrible, voir même très décevant. Le dessin est certes splendide, mais l'histoire est sans plus, et l'humour tout en finesse coutumier des Astérix est quasi-inexistant. Bref, un album à oublier... même si Goscinny est irremplaçable, Uderzo devrait se trouver un scénariste digne de ce nom, car ce dernier album est franchement mauvais (et c'est un très grand fan qui le dit).
Triple-Patte pourrait dire : nigro notanda lapillo...
Côté nouvelles personnelles, je vais changer de voiture d'ici une semaine ou deux, vous aurez droit aux photos en exclusivité mondiale...
Et côté fréquentation, le site vient de tourner les 314 000 visites, soit 8000 visites pour les 10 derniers jours, c'est toujours plaisant !
... auxquelles on ne peut jamais être prêt, même si on s'y attend un peu.
Hier soir, j'ai vu partir devant mes propres yeux la maman d'une amie, après une longue période de souffrance due à un cancer généralisé, c'était la première fois que j'ai de mes yeux vu quelqu'un mourir devant moi.
Pascal en a parlé sur son site, j'ai enfin pu le voir de mes propres yeux : le magazine consacré à Photoshop nommé "PSD magazine" consacre quelques pages sur l'utilisation de Photoshop avec Terragen, et mon site est évoqué dedans !
J'avoue être surpris de voir mon site cité à côté d'un des maîtres en la matière, celui de Luc Bianco. Autant je peux le comprendre pour les animations avec Terragen, autant je suis étonné de voir que ce sont mes images "fixes" qui sont citées !
J'entends par moments que "faire des animations, Nicolas a l'habitude, il y arrive sans problèmes à chaque fois", etc.
Rien n'est plus faux. Il est vrai que vous voyez mes dernières animations s'améliorer à chaque fois, et qu'effectivement j'arrive de mieux en mieux à obtenir ce que je veux, néanmoins il faut avoir à l'esprit que vous ne voyez jamais les ratés, les plantages, les prises de têtes, etc... vous ne voyez que le "produit fini", qui n'est d'ailleurs rarement totalement exempt de défauts, même si ces derniers sont subtilement cachés ou gommés... par moi-même !
On me demande également à quoi peut bien servir le 3ème tutoriel, ce dernier m'étant souvent décrit comme un petit repaire d'astuces pour les longues animations (alors que ce qui est écrit dedans est parfaitement valable pour des animations plus courtes, je dirais même vivement conseillé). Je trouve que c'est justement l'un des tutoriels les plus utiles, pour éviter de rater une animation et pour ne pas trop se prendre la tête quand on en crée une.
Dites-vous bien une chose : je n'ai pas inventé ces problèmes/astuces par magie, cela ne m'est pas tombé dans les mains ainsi. Derrière chaque astuce ou problème évoqué... et bien il y a un raté, une casserole, appelez ça comme vous le voulez !
Afin de redorer un peu le blason de ce tutoriel sur les longues animations et de montrer aussi l'envers du décor, faisons un petit tour parmi les astuces données dans ce tutoriel, et je vais vous expliquer d'où elles viennent, autrement dit, vous allez connaître la plupart des gros gadins que j'ai connu dans les animations avec Terragen.
Un problème qui revient souvent et qui est particulièrement dévastateur : une belle bande noire dans le ciel à cause d'une taille de ciel insuffisante...Bon celui-là, j'ai fait l'erreur un bon paquet de fois, j'ai dû corriger un nombre incalculable d'images... pour vous donner une idée, "CQFF", "Fairground" et "Please Help" m'ont fait reprendre chacune (à la main) environ 10 à 20 secondes d'animation... soit 250 à 500 images à retoucher une à une. Charmant n'est-ce pas ?
Se méfier des bords du terrain. : bon, là, je ne vais pas faire l'inventaire, environ 10 de mes animations comportent ce petit défaut, à des degrés plus ou moins élevés... et qui dit bord du terrain dit belle bande noire dans le ciel, donc retouches à faire...
Si vous voulez faire des effets de morphing avec le plugin SOPack, je vous conseille de faire l'effet dans un script à part de votre animation, et il vaut mieux que ce script commence à l'image numéro 1... Très simple, le petit effet de morphing de "Fairground" était au début complètement buggé, le terrain était bizarrement découpé et le morphing était complètement loupé ! Ce n'est qu'en isolant le script (comme décrit dans le tutoriel) que ce bug a disparu. J'ai compris cela... seulement après trois rendus foireux de ce passage.
Une autre erreur qui revient souvent, ne vous fiez pas (trop) à la vitesse affichée par Campath quand vous utilisez la prévisualisation 3D : ah, ça c'est du raté de compétition, j'avais voulu faire il y a trois ans une animation de trois minutes sur une jolie musique de Final Fantasy 8, j'avais synchronisé la musique sur la prévisualisation 3D de Campath (à 15 images/seconde)... quelle ne fut ma déception quand je vis que cette animation n'était au final absolument plus synchronisée (à 25 images/seconde)... (mais ce ne fut pas ma seule erreur dans ce projet, cf quelques points après)
Méfiez-vous des ciels très sombres avec effets de rayons, vous pouvez vous retrouvez avec un paysage très sombre ou surexposé...Vous voyez l'animation "Breathe" ? A l'origine, je devais la faire sur l'image "The Calling", disponible dans cette galerie d'images, je m'étais dit que ça serait superbe d'animer ces rayons impressionnants... bien mal m'en a pris, les 5 premières secondes de l'animation étaient splendides, le reste fut à jeter, j'ai même laissé tomber le calcul tellement le reste de l'animation était sombre... du coup, j'ai refait l'animation telle qu'elle est maintenant sur un beau ciel bleu...
Evitez de donner une trop grande vitesse au vent si votre animation est longue (plusieurs minutes), cela peut créer de gros bugs dans le ciel : retour à ce grand raté évoqué deux points plus haut, j'avais mis dans cette future grande animation (sic) une bonne vitesse de vent, et vers les 2 minutes 30 d'animation, quasiment plus de ciel... autant corriger 3 à 400 images est pénible mais faisable, mais créer un ciel avec le déplacement du vent dans les nuages, le tout à la main (!), pour chacune des 1500 images restantes... pas possible !
Evitez aussi de donner des valeurs trop basses au zoom, c'est amusant, mais vous risquez de vite déchanter : très simple, j'ai dû, pour calculer un passage dans l'animation "Jeux de Caméra", taper deux fois sur la touche "entrée" à chaque image calculée à cause d'un bug sous Terragen. Faites ça 70 fois, et vous verrez comme cela peut être pénible... d'autant plus qu'il faut être devant son ordinateur pour faire ça, donc trouvez-vous quelque chose à faire pendant ce genre de passages...
Une erreur stupide mais qui ne pardonne pas : vérifiez bien que "Random cloud on each frame" ne soit pas coché : 150 images à jeter car le ciel changeait à chaque image... soit 25 changements de ciel par seconde !
Si votre animation est très près du sol, méfiez-vous, même si Campath vous indique qu'elle ne touche pas le sol : plusieurs animations en ont été victimes, de "Sad" et "Visions", en passant par "Please Help"...
Un autre problème peut être gênant : il arrive que la texture puisse très légèrement se déplacer entre chaque image. Là, ce sont toutes mes animations qui sont affectées, jusqu'à "Breathe" !
Je conseille de calculer une image de temps à autres avant de lancer le rendu complet, afin de voir si tout va bien à divers moments durant l'animation. Si j'avais appliqué mon propre conseil, j'aurais évité de devoir calculer le final de "Mars Render" 3 fois...
Je conseille également souvent de commencer avec de petites et courtes animations, ce n'est pas pour rien, ce fabuleux projet aborté pour tout un tas de raisons (ciel, synchronisation, etc.) est l'excellent exemple de ce qu'il ne faut pas faire quand on débute : voir trop grand et ne pas assez maîtriser son sujet. Tout ce que cela amène, c'est de se vautrer lamentablement, et de se dégoûter de faire des animations.
Vous croyez que cela n'arrive qu'aux autres ? Un débutant en animations avait lancé un projet de très grosse animation sur Ashundar, c'est clair qu'il avait envie de faire vite et bien... le projet a bien démarré, a connu de nombreuses péripéties, et a fini par capoter, suite à un plantage de la machine contenant tous les scripts, mondes et terrains. Pourtant, je crois avoir assez répété dans mes tutoriels de faire au moins des sauvegardes des mondes, scripts et des terrains : au pire, cela permet de recalculer ce qui a été perdu.
J'ai également perdu 18 animations (les plus anciennes, qui n'ont jamais été mises en ligne) que je n'avais pas sauvegardées d'une manière ou d'une autre...
Bref, j'espère avoir donné envie à ceux qui veulent faire des animations avec Terragen de lire ce 3ème tutoriel, il vous évitera de subir ce genre de mésaventures... mais rassurez-vous, c'est quand même un plaisir de faire des animations, et maintenant que quelqu'un (moi !) a essuyé les plâtres, il serait dommage de ne pas en profiter !
Hier soir, je me pose devant mon ordinateur, je commence à surfer un peu, et ce dernier me plante à la figure : redémarrage immédiat !
Bon, ça arrive, et c'est même exceptionnellement rare depuis que j'ai cet ordinateur.
Je redémarre donc, et je décide d'aller faire une ou deux petites modifications sur mon site, là-dessus je remarque qu'une de mes partitions n'est pas "comme d'habitude", je décide d'aller voir de quoi il retourne, et je m'aperçois que la partition est indiquée comme non formatée ! (autrement dit, mon vieux second disque commence franchement à avoir des faiblesses).
Là, j'essaie de faire un inventaire de ce que j'ai perdu... qu'y avait-il sur mon F: déjà... divers téléchargements (genre des softs libres comme le fichier pour installer le panda rouge, quelques vidéos faites avec Terragen par d'autres personnes, etc.), et... *merde*, mes sites !
Heureusement, une sauvegarde de tout cela avait été faite sur mon disque externe il y a quelque temps... je décide donc de la récupérer... à part les quelques dernières mises à jour que j'ai fait sur le site et que je peux récupérer, rien de perdu. Pfiouuuu, ça m'aurait franchement fait ch... de tout paumer.
Moralité : faites des sauvegardes si vous avez des fichiers auxquels vous tenez, un disque externe n'est pas cher au prix de ce qu'il peut vous éviter de perdre !
Moralité bis : faut que j'aille investir dans un nouveau disque, ce disque récupéré de mon ancienne configuration commence à se faire vieux... et étroit !
Ouf, je ne suis pas fâché de voir arriver ce week-end, cette semaine a été assez chargée point de vue boulot, et par voie de fait assez fatiguante... d'où par exemple l'absence de billet hier.
Côté fréquentation, on a tourné les 306 000 visites, soit plus de 6000 visites pour les 6 derniers jours.
Et comme je suis très fatigué, je n'aurai que trois mots : bon week-end !
Le moins qu'on puisse dire, c'est que lire 700 pages de Harry Potter est plus aisé et rapide que d'en lire 700 de Franck Herbert, preuve en est : j'ai fini le dernier opus en environ 2 jours et demi.
Reste que la magie opère toujours, l'histoire glisse lentement vers un côté plus sombre... et pleins d'ambiguïtés ne se résoudront qu'avec le dernier opus... plus qu'à attendre la fin, probablement d'ici deux ou trois ans !
Quand Teko décide de s'en prendre aux conducteurs qui ne connaissent pas l'expression "distance de sécurité", c'est dans un style pour le moins original, et assez hilarant si on imagine la scène en vrai !
J'en avais parlé dans le billet précédent, voici quelques chiffres à propos du site :
766 billets depuis le début de la refonte, soit une moyenne de 1,4 billets par jour, en comptant tous les jours, y compris ceux où j'étais loin de l'ordinateur en vacances (par exemple).
767 commentaires !
Un peu plus d'une centaine de liens dans la page des liens.
Côté fil RSS, il a été téléchargé pas moins de 90 000 fois... et moi qui doutais de son utilité.
Bref, c'est toujours autant du plaisir de s'occuper de ce site, même si je n'ai pas tout le temps que je souhaiterais pour le faire !
D'ailleurs, si vous avez des idées de skins, n'hésitez pas ! (encore mieux, si vous avez un graphisme à portée de main, je suis preneur, l'intégration est encore le domaine où je suis le plus efficace)
Le site vient de tourner les 300 000 visites, en fait il les a tournés hier soir, mais je n'avais plus d'accès à internet, la freebox ne voulait rien savoir.
Et pour la peine, une petite info agréable : je suis devenu bêta-testeur de Terragen 2.
Et histoire de couper court aux futures questions : je n'ai pas le droit de diffuser la moindre information à ce sujet. J'espère juste pouvoir bientôt mettre en ligne quelques images à ce sujet.
En tout cas, je suis particulièrement content que le site ait atteint ce nouveau compte rond, pour mémoire les 200 000 visites avaient été tournées le 9 Juin dernier.
Je préparerai quelques statistiques en début de semaine prochaine... et sur ce je vous souhaite un bon week-end, j'ai un Harry Potter à lire !
Le résultat est sans appel : 5 Ko pour la source, sans compter les autres avantages (accessibilité, réutilisabilité...).
Donc, vous m'excuserez de faire du "pignolage de mauvais codeur", mais je compte bien continuer à bosser ainsi... je pense que personne ne m'en voudra.
Chose promise, chose due, je viens d'ajouter un nouveau skin sur le site...
Avant de vous précipiter pour l'essayer, je vous préviens : c'est une tentative d'émulation de navigateur texte sur un très vieil écran... c'est juste un délire d'informaticien, j'avais envie de m'amuser un peu.
Je l'ai d'ailleurs classé dans "Expériences curieuses", ce qui est totalement significatif du style de ce skin !
Le titre de ce skin est "Old Screen"... il est également disponible en CSS alternative.
Je vous prie de m'excuser ce titre un peu direct, mais il faut reconnaître que cette extension est une véritable tuerie : non contente d'offrir plein de possibilités (infos sur les tags, validation, désactivation de diverses choses, etc.), mais une des dernières fonctionnalités ajoutées est un pur bonheur pour débugger une CSS, le mode "Edit CSS".
En quoi cela consiste-t-il ? C'est très simple, cela vous permet d'éditer à la volée les CSS d'un site, et de voir directement les modifications se faire sous vos yeux, bref, c'est absolument génial et hyper-pratique. Dommage que la plupart des bugs apparaissent sous un navigateur dont je ne citerai pas le nom et qui supporte plutôt mal les standards... sinon tout serait parfait dans le meilleur des mondes.
J'avais envie de créer un thème façon navigateur texte sur un vieil écran, et j'ai pu le créer en quelques minutes en faisant quelques essais avec cette possibilité, je vais l'ajouter dès que possible dans les skins du site, normalement d'ici ce soir, ou tôt demain matin.
A noter, le créateur de la Webdeveloper toolbar vient d'annoncer une bonne nouvelle... elle est d'ores et déjà compatible avec Firefox 1.5 bêta !
Bon bin, le moins qu'on puisse dire, c'est que je suis passé à la gamme supérieure, en passant du Canon Powershot A70... à un Réflex numérique Canon EOS 350D !
J'ai encore un peu de mal à maîtriser la bête, mais je pense rapidement me faire une petite séance photo afin de le mettre à l'épreuve ! (parce que les essais à 23 heures, c'est pas terrible point de vue luminosité... même avec un appareil de cette qualité)
Je parlais dans les nouvelles précédentes d'une nouvelle réalisation, et bien la voici : j'ai participé (et je participe encore) à la refonte d'Ergologique.
Mon rôle a été simple dans cette refonte : créer un squelette XHTML/CSS à partir du nouveau graphisme du site.
On pourra surtout tirer un grand coup de chapeau à Emeric Thoa (le créateur d'Ergologique), qui a abattu un énorme travail pour terminer cette refonte.
Un bien beau site, et du contenu fort intéressant. Si vous désirez en savoir un petit peu plus, allez faire un tour sur la page de mes réalisations web, j'ai écrit un petit laius à ce sujet.
P.S : pour les ayatollahs des standards qui vont d'abord voir le code source d'un site avant son contenu, il est inutile de venir râler sur le fait que quelques portions de code ne sont pas valides, on le sait et on est en train de corriger tout cela. Par contre, toute remarque poliment argumentée (même sur des erreurs de code !) est la bienvenue, et même avec plaisir.
4 heures de roller, dont 3 de slaloms à Genève, je suis détruit à un point que j'ai rarement atteint... mais content d'avoir fait du sport !
Un peu de rangement (aller au container emmener ce qui se recycle, rangement dans l'appartement)...
Nettoyage intégral et serpillage intégral de l'appartement (pendant que ma douce et tendre travaille, l'homme fait le ménage, hé oui) => encore un peu plus tanné.
Bref, je suis complètement en morceaux ce soir, je pense que cela va être très calme pour le restant de la journée...
Le petit navigateur qui monte vient d'être mis à jour, principalement des corrections de bugs et d'une ou deux failles de sécurité (dont une sérieuse découverte il y a quelques jours).
Je vous invite à mettre à jour Firefox en allant faire un petit tour sur Mozilla Europe par exemple.
Cette dernière version vous permettra de surfer tranquille point de vue sécurité en attendant la prochaine version 1.5 !
Karsten Keppel a encore fait très fort pour sa dernière animation, Four Seasons épisode II est en ligne sur son site (dans Terragen>Movies).
Il n'y a pas grand chose à dire, la musique me fait penser à Jean-Michel Jarre dans ses meilleurs moments, l'animation est réussie... je me suis permis un petit plaisir, voir la version "ultra" qui pèse pas loin de 300 mégas !
J'étais déjà au courant de cette animation, car j'ai participé au rendu : comme il m'avait aidé pour une précédente animation, c'est normal que je l'aide à mon tour.
Bon je crois qu'à ce niveau-là, y a plus qu'une chose à faire, s'asseoir, regarder et s'incliner.
qui croient que devenir développeur web se fait en deux semaines sans effort,
qui pensent que créer un site de qualité se fait en 2 jours,
qui croient qu'au bout de 2 essais ils arriveront à pondre une animation parfaite,
que calculer une animation se fait en 2 heures,
qui pensent avoir fait le tour de Terragen en 15 jours,
qui croient qu'écrire un tutoriel se fait sans effort,
etc...
Pourquoi commencer ce billet ainsi ?
Et bien, je reçois de temps à autres un petit message de quelqu'un qui croit avoir tout compris de tel ou tel sujet, et qui veut qu'on lui donne des ressources diverses, et sans discuter encore ! Ou plus comique, un débutant me propose un projet d'animation de 25 minutes (là, je tousse déjà), et me certifie "qu'il a déjà tout planifié", etc... J'essaie bien de lui dire que c'est à mon sens une erreur monumentale de se lancer dans ce genre de projet pour débuter, car c'est le meilleur moyen de se dégoûter si le projet capote... et il a toutes les chances de capoter. Autant je réponds toujours de bon coeur à une question (dans la limite de mes compétences bien sûr), autant ce genre "j'arrive et je sais tout" ne me donne pas envie d'aider.
Ce billet n'est nullement pour les incendier, mais juste pour leur dire une chose :
Prenez le temps d'apprendre, et même prenez le temps tout court.
Commencez petit, ne brûlez pas les étapes, ça ne sert à rien. Il n'y aucune honte de faire petit ou simple. Il ne faut pas confondre puissance de l'outil et connaissance de l'outil ou de la technique.
Vous pouvez avoir la meilleure Porsche, si vous êtes incapable de la piloter, elle ne servira à rien.
Vous croyez que je suis arrivé à pondre mon site perso en 5 jours ? Relisez les nouvelles depuis le début (depuis 1 an et 5 mois), et observez la progression, j'apprends petit à petit, et j'en apprends tous les jours. Pour les animations, c'est pareil, j'ai commencé très petit, j'ai fait plus de 15 animations avant celles mises en ligne... et y a eu de splendides ratés ! (faudrait que je fasse un billet sur ce sujet, ça pourrait être amusant) Lisez mon 3ème tutoriel, vous voyez les quelques avertissements sur les bêtises à ne pas faire ? Et bien, dites-vous bien que si je vous incite à ne pas faire ce genre de conneries, c'est que... je suis tombé dans le panneau !
Faites les comptes, sur tous mes tutoriels, il y a environ une vingtaine de gaffes expliquées... je n'ai rien inventé, si je les explique aussi clairement, c'est que je les ai faites, parfois ça a juste ralenti le calcul... parfois j'ai dû jeter à la poubelle de gros projets.
Quand vous débutez en ski, vous ne commencez pas par la piste noire ? C'est pareil pour tous les domaines que vous pourrez trouver (développement web, animations en images de synthèses, vélo, ski, lecture, apprendre à marcher, photographie, etc...), il vous faudra bien débuter un moment et accepter que vous ne pourrez pas faire aussi vite, aussi bien, aussi beau, aussi fort que untel.
Personnellement, je rêve de faire d'aussi beaux paysages que les maîtres de Terragen, je rêve de faire un film complet en images de synthèse, j'ai envie de faire un site avec autant de skins que possible... ça se fera... mais pas en 2 jours.
Aussi séduisant que ça peut paraître, le "tout-cuit" est ue illusion.
Décidément, cette semaine est bien chargée, beaucoup de boulot et beaucoup de projets à l'extérieur, tant purement personnels (sorties) que projets personnels sur le net.
Et bien sûr, c'est toujours le même principe (le P.E.M) qui gouverne : c'est quand j'ai le moins de temps disponible que je suis le plus sollicité...
Bref, j'espère enfin pouvoir ajouter cette prochaine réalisation sur le site, je voudrais en profiter pour faire diverses mises à jour au passage...
Opera est maintenant passé gratuit, et sans cette bannière de pub désagréable qui me déplaisait fortement (ce qui m'incitait à très peu l'utiliser, je n'aime pas la publicité sur le net).
Je vous invite à l'essayer, ce dernier existe en français, et propose pas mal de bonnes options, comme le rendu en petit écran (pour les écrans de téléphones portables par exemple), et le rendu en plein écran réel (média projection), dont vous pouvez profiter par exemple sur mon site.
Décidément, il y a des jeux qui sont des réussites. J'avais fait une pause, je ne jouais plus beaucoup à Trackmania Sunrise, je décide ce week-end de refaire une petite partie histoire de se détendre, et je vais voir au passage s'il y avait de nouvelles campagnes.
Résultat : 10 campagnes "officielles" sont disponibles au téléchargement, ce qui assure un bon paquet d'heures de jeu, bien plus que ce dont j'avais besoin (je n'en ai essayé qu'une ou deux).
Voilà ce que j'appelle un jeu bien foutu : on n'y joue plus pendant un certain temps, on décide d'y revenir, hop, de nouveaux circuits sont disponibles, ce qui permet de renouveler le plaisir de jeu constamment. (sans compter les milliers de simples circuits qui sont disponibles sur le net)
Autrement dit, durée de vie infinie pour les fans.
Enfin, les stats des pages persos de Free ont été mises à jour (en tout cas les miennes) !
Je peux voir que ma dernière animation "Mars Render" a été téléchargée encore 300 fois, ce qui porte le nombre de téléchargements à un peu plus de 800, ce qui n'est pas mal, compte-tenu de la lourdeur du fichier en question. "Iceberg" continue de plaire aussi...
Côté fréquentation, on est dans la moyenne des autres mois, légèrement au-dessus même, cela doit être l'effet rentrée.
Allez, tout le monde en parle (vu sur le Standblog), je ne vais pas faire exception.
Je me posais la simple question : en ces temps de forte hausse du pétrole, et donc du prix de l'essence, est-ce que ma voiture était du genre à consommer beaucoup d'essence, ou pas trop ?
Quelques données avant le résultat :
Je respecte les limitations de vitesse, par simple civisme.
Je ne suis pas au volant d'une voiture moderne... ma 205 est de 1989, donc on ne peut pas dire que j'ai les dernières options qui permettent de diminuer la consommation (j'ai même pas d'option pour que mon essuie-glace essuie une fois toutes les 3-4 secondes, c'est dire).
J'ai une conduite plutôt très cool : pas d'accélérations brusques, le plus possible au frein moteur, et pas d'accélération si je vois que dans 150 mètres, ça n'avance pas (les personnes qui sont déjà montées en passager pourront témoigner, il est très facile de dormir quand je conduis, c'est tout en douceur).
Je me demandais si, même avec ce style de conduite, ma vieille 205 ne serait pas un gouffre à essence, elle est d'un certain âge, et a un bon nombre de kilomètres au compteur... qui plus est, le moteur est particulièrement nerveux.
Le résultat n'est pas mal : 560 kilomètres parcourus avec 39 litres d'essence. Ce qui nous donne une moyenne de 6,96 litres pour cent kilomètres, donc arrondissons à 7 litres.
Pour une voiture d'un certain âge, on peut dire que c'est plus que correct, certains de mes amis sont à 10 litres aux cent avec des voitures bien plus modernes.
Moralité, c'est quand même bien la conduite qui fait la consommation... et la vie est déjà assez stressante, s'il faut en plus être complètement speedé au volant !
Deux nouvelles : le prochain tome, Harry Potter et le prince de Sang-Mêlé sort dans moins de 15 jours !
Et une nouvelle bande-annonce du prochain film, Harry Potter et la coupe de feu, est disponible. Si le film est à la hauteur de cette bande-annonce, j'ose espérer que ce film sera moins un massacre que le dernier en date.
(lisez le Prisonnier d'Azkaban, et vous verrez que le film n'a rien à voir avec... le bouquin est bien mieux !)
Daniel Glazman propose sur son blog une nouvelle façon de dire qu'un blog déçoit, je cite :
"Décidément, j'en ai ras-la-casquette du ton qu'emploie régulièrement $1 sur son blog. Je débranche son fil RSS de mon aggrégateur et vais voir ailleurs."
Je propose de lancer le concours de l'annonce du débranchement de fil RSS !
Et j'ouvre le feu :
Décidément, le ton qu'emploie régulièrement <censure express> me recroqueville les artères, je décide donc de dé-RSS-iser son feed et je vais voir ailleurs si j'y suis.
Ou bien :
Décidément, le phrasé de acétylsalicilate de sodium n'est point seyant, je décide donc de mes désabonner de ces âpres lectures RSS-iennes, encore eut-il fallu que je fusse abonné à son fil RSS.
Ou encore :
Décidément, apt-get de grep($1 xargs toto) est un gâchis de bande-passante, je vais donc économiser des octets en allant mod-prober ailleurs.
Je vois que la fréquentation reste très bonne, plus de 5000 visites en 6 jours, soit plus de 285 000 visites au total.
J'attends de nouveau les statistiques de Free, je suis curieux de voir le nombre de téléchargements de la dernière animation...
En tout cas, je n'ai pas beaucoup de temps à moi : le boulot me solicite beaucoup, et le côté "privé" n'est pas en reste... j'essaie bien de piquer un peu de temps sur le sommeil, mais la ressource sommeil est précieuse ! Sinon ça fragmente trop le cerveau, et ce dernier se met à faire du bruit (ronflements) à des moments inopportuns... il y a également des risques de pertes de données (mémoire corrompue).
Il faut vraiment que je calme sur l'informatique, je commence à parler comme un ordinateur... quoique certains pensent la même chose : selon Jean-Louis Krivine, on pourrait comparer la "couche logicielle" du cerveau à du lambda-calcul, par exemple le "programme réparateur de fichiers" de notre cerveau serait en fait... le sommeil !
Cela parait débile ou curieux à première vue... mais ça ne l'est peut-être pas tant que cela.
J'ai mis à disposition ces deux dernières semaines mon Athlon 64 pour calculer une animation qui n'est pas à moi, cette dernière devrait arriver d'ici peu, je peux d'ores et déjà vous dire qu'elle risque d'être plutôt réussie... pour ce que j'en ai vu !
Bref, attendons patiemment... vous serez prévenus dès qu'il y aura du neuf à ce sujet !
Je rebondis sur une question posée sur le blog de Laurent Denis, faut-il documenter CSS ?
Indiscutablement : oui, et la tenir à jour.
Toutefois, j'ai l'impression qu'il y a une tempête dans un verre d'eau lancée par quelques personnes, qui opposent professionnels/amateurs vis à vis des standards. Voici les arguments que j'en retiens pêle-mêle, je donnerai mon avis juste après (attention, je ne les cautionne pas !) :
On reproche aux pro-standards de s'adresser uniquement aux professionnels, et pas assez aux non-professionnels,
on parle pas directement aux non-professionnels en version "simplifiée",
on est en train de s'apercevoir que l'intégration XHTML/CSS n'est pas si simple, et que "pas n'importe qui" peut le faire,
les standards sont réservés à une intelligentsia ayant une certaine plume et un certain esprit d'analyse...
Alors sur les deux premiers points, je dois reconnaître que je suis mitigé. Certes il n'existe pas de super-ressource qui vous dit : "vous voulez faire un site qui ressemble à ça, alors faites comme-ci comme-ça, point final" destinée aux non-professionnels, mais d'un autre côté, je suis plutôt partisan d'expliquer à quelqu'un comment pêcher pour qu'il se débrouille plutôt que de lui pêcher trois poissons et qu'il doive faire avec. Après, de telles ressources existeront peut-être... mais pour le moment, ce n'est pas le cas.
Il faut à mon humble avis garder un fait à l'esprit : quand on veut convaincre dans un domaine lambda qu'il faut employer telles nouvelles méthodes plutôt que telles autres, il vaut mieux en général que les pros possèdent(maîtrisent) déjà ces nouvelles méthodes...
Exemple : quand je veux travailler du bois et que je ne sais pas comment faire, je vais demander à quelqu'un qui s'y connait ce dont j'ai besoin (une ponceuse, une scie, etc...), et comment faire. Cela me permettra de retaper ma porte en bois, sûrement pas aussi bien que le pro qui a "le coup de main" et le savoir, mais je vais pouvoir me débrouiller.
Avec les standards, on est un peu, passez-moi l'expression, "le cul entre deux chaises (voir plus)", on a :
des professionnels qui sont convaincus que c'est ce qu'il faut utiliser, et qui essaient de démystifier la tour de Babel,
des professionnels qui s'accrochent aux anciennes méthodes et qui ne veulent pas lâcher,
toute la gamme des professionnels qui sont entre ces deux cas extrêmes (le convaincu qui en bave, le sceptique, etc...),
des non-professionnels qui arrivent très bien à utiliser ces méthodes,
des non-professionnels qui trouvent cela difficile (et toute la gamme de variations comme pour les professionnels),
et des charlatans et/ou des intégristes qui hurlent au milieu, etc...
Reste que l'utilisation des standards n'est pas encore pleine et entière chez les pros (on en est même loin), et qu'on a en prime divers problèmes (rendus non uniformes sur certains navigateurs, etc...).
Là-dessus, ajoutez l'idée répandue que n'importe qui peut faire aussi bien qu'un professionnel, ajoutez quelques charlatans qui font n'importe quoi, saupoudrez le tout d'un peu de désinformation de certains intégristes de tous styles... et vous verrez que le débat n'est pas simple !
Je m'adresse aux non-professionnels : allez demander à un pro qui a déjà du mal à utiliser un outil en perpétuelle évolution de vous l'expliquer très simplement... vous imaginez que cela peut ne pas être toujours simple de vulgariser jusqu'à un certain point.
Qui plus est, écrire des tutoriels, ce n'est pas simple et cela prend du temps, il faut arriver à tirer la substantifique moëlle en vulgarisant juste ce qu'il faut... j'espère que les râleurs auront ceci à l'esprit, en tout cas, tous ceux qui ont déjà écrit un tutoriel quelconque le savent.
Maintenant que l'on peut mieux comprendre la relative complexité de la "sphère standards", je pose la simple question : pourquoi opposer non-professionnels et professionnels ?
On peut très bien faire de la photographie amateur avec son petit compact numérique, non ? Alors certes, on ne fera pas aussi bien que l'expert en photo qui maîtrise un reflex numérique sur le bout des doigts et qui fait des photos incroyables, ça c'est certain. Mais essaierait-on d'opposer experts et amateurs en photographie ? Je n'en vois personnellement pas l'intérêt. Chacun fait du mieux qu'il peut... avec ses connaissances, et avec ses outils.
Je ne vais pas hurler quand je visite un site parce qu'une balise n'est pas fermée (sauf sur mon propre site !), en tout cas, je ne fais pas partie de cette catégorie.
J'arrive enfin à ce qui justifie le titre de ce billet un peu long, on commence (doucement) à s'apercevoir que l'intégration XHTML/CSS ne s'improvise pas (surtout chez les professionnels mais également chez les non-professionnels) : il faut un certain savoir-faire pour pouvoir intégrer tout ces paramètres : accessibilité, graphisme, ergonomie, contraintes commerciales, respect des standards, utilisation des standards, légèreté, nouveaux médias, réutilisabilité, une certaine capacité de structuration d'un document, séparation structure/contenu, gestion des rendus hasardeux de certain navigateurs, contraintes de temps, etc...
Hé oui, c'est pas toujours simple, je le sais bien !
Typiquement, quand j'entends le classique "n'importe qui peut le faire", non. Pas d'accord. Niet.
Ce n'est pas "n'importe qui" qui peut être un bon programmeur en JAVA, par contre n'importe qui peut le devenir, pour peu qu'il ait une motivation bien solide pour apprendre et qu'il soit appliqué dans son boulot. Ce n'est pas "n'importe qui" qui peut être un grand photographe immédiatement, ce n'est pas "n'importe qui" qui peut s'improviser menuisier/ébéniste/plombier/boucher/etc... mais on peut le devenir, si on s'accroche pour apprendre un métier.
Alors pourquoi l'intégration XHTML/CSS avec tous les paramètres énoncés ci-dessus ferait exception ?
Je viens de corriger un petit bug et d'ajouter une petite option (pour éviter le recours forcé aux classes) dans mon générateur de tableaux, le GT project.
Suite à diverses questions, je le reprécise tel que c'est écrit sur la page d'accueil de ce mini-projet : cet outil a pour but de générer des tableaux accessibles en XHTML, autrement dit, des tableaux destinés à leur fonction première en XHTML, à savoir afficher des données tabulaires et non destinés à la présentation.
Je devrais très probablement mettre à jour mon générateur de formulaires (j'ai vu un petit bug), ajouter deux ou trois bricoles sur le générateur de tableaux, et probablement ajouter une nouvelle réalisation.
En tout cas, la fréquentation est excellente : plus de 4000 visites en 4 jours, on tourne le compte rond de 280 000 visites !
Je suis en train de l'essayer, et je dois reconnaître que pour une bêta, c'est pas mal du tout ! Je crois que ma fonction préférée est la possibilité de pouvoir glisser/déposer les onglets pour les ordonner à sa guise. Sinon j'aime bien le support de SVG et la vitesse quand on utilise les boutons précédent/suivant.
Attention, c'est une bêta, elle n'est à utiliser que si vous voulez tester, cette version peut planter et avoir divers problèmes.
Bref, cette bêta m'a l'air de très bon augure pour la prochaine version 1.5 finale !
Félicitations, je n'avais pas vu de troll aussi puant que celui qui agite la communauté des développeurs web qui utilisent les standards depuis un bon bout de temps !
Premier acte, la menace fantôme : Luc Saint-Elie lance un torc... texte contre les standards, pas très bien argumenté et mélangeant un peu tout à la va-vite.
Second acte, l'empire contre-attaque : Daniel Glazman contre-attaque, et force m'est de reconnaître qu'il tape très juste, même si la diplomatie n'est pas son fort.
Troisième acte, le retour du jet d'ail : Luc Saint-Elie en remet une couche sur "la bonne ambiance des intégristes des standards du web", ce qui va à coup sûr calmer les esprits.
Quatrième acte, maître Yoda arrive : Tristan Nitot s'en mêle, avec l'élégance habituelle et la diplomatie dont il a toujours su faire bon usage.
Cinquième acte, la chevauchée de Daniel : c'est dans un style plus... direct que Tristan, on va dire subtilement nuancé, mais au moins, ça a le mérite d'être net et précis. ;-)
Sixième acte, la vengeance du sith : Luc s'étonne que ses propos aient déchaîné les passions.
Moralités :
J'apprécie quelqu'un qui dit clairement ce qu'il pense, même s'il n'est pas très diplomate. Donc sur ce coup-là, bravo Daniel !
Comme disait Coluche, "quand on ne sait pas grand chose d'un sujet, on n'a qu'à fermer sa gueuuule..." visiblement ce qu'aurait dû faire Luc.
Luc s'étonne de voir que son torch... texte déchaîne les passions... moi ça ne m'étonne pas : quand on dit un certain nombre d'âneries sur un sujet, par exemple oser sortir au nez des créateurs de sites comme Openweb ceci : Ah oui.. la doc.. la doc sur les « standards du web » se signale par sa pédanterie (prenez n'importe quel texte sur les « standards du web » c'est à se taper les cuisses de rire on dirait un sermon de prédicateur américain), une doc pédante donc, sentencieuse à souhaits et vide de contenu... lorsqu'elle existe., il ne faut pas s'attendre à des félicitations de la part des gens qui se font ch... pour les écrire ces docs.
Dans le même style, en disant que NVU est tout juste bon à convertir du texte accentué en texte stylé (!), c'est sûr que l'on va s'attirer l'amitié du créateur du soft...
Et d'une manière générale, avant de lancer des propos à tout-va sans argumentation sérieuse, on ferait mieux de prendre le temps de se renseigner sur le sujet.
Teko vient de poster un billet sur ce qu'il appelle la pensée binaire, mélange de jugement rapide et sans aucune nuance.
J'avoue que je suis complètement d'accord : à trop vouloir faire des raccourcis faciles et de la paresse intellectuelle, on finit par entendre tout... et surtout n'importe quoi.
Un exemple parmi tant d'autres : la France n'a pas voulu aller faire la guerre en Irak... est-ce pour autant que l'on peut dire que la France protège les terroristes ? "Bien évidemment non, ça n'a rien à voir" me direz-vous. Et vous aurez parfaitement raison.
Et bien ma foi, ce fut un repas d'anniversaire franchement réussi : bonne nourriture (ma douce et tendre est un vrai cordon bleu), bons vins consommés comme toujours avec modération (Saint-Véran vieilles vignes, Cahors vieilli en fût de chêne), très bon dessert (tarte au citron !), et digestifs particulièrement exceptionnels : la Chartreuse jaune V.E.P (la meilleure liqueur de Chartreuse, un goût exceptionnel), et un Cognac XO (composé de liqueurs allant de 20 à 60 ans, rien que ça) pour ceux qui n'aimaient pas la Chartreuse.
On n'a pas 25 ans tous les jours !
Et je pense que je vais bientôt pouvoir changer d'appareil photo, mon petit A70 devrait se transformer en Canon EOS 350D... et oui, je vais bientôt passer au Reflex numérique !
Une nouvelle version de Terragen vient de sortir, la 0.9.41 !
Au menu, des correction de bugs (les triangles noirs en bordure d'eau, etc...) et surtout l'ajout d'une prévisualisation en 3D comme sur la version Macintosh.
Nul doute que cette prévisualisation va bien aider pour faire... des animations !
Apparemment, la migration chez Free n'était pas finalisée, le site a été inaccessible pendant le début de matinée (pas dramatique en soi).
Au passage, j'ai enfin pris le temps d'essayer Command and Conquer Generals, et je dois avouer que cet opus est particulièrement bon, au moins autant que ses prédecesseurs.
Bon, faut dire que j'aime assez ce style de jeu depuis Dune 2, Command and Conquer et Alerte Rouge n'ont fait que le confirmer (mention spéciale aux missions Tesla d'Alerte Rouge, assez marrantes).
Bien qu'il se soit passé certainement plein de choses intéressantes dans le monde, là c'est le vide complet, pas le temps de poster une nouvelle digne de ce nom.
Allez, petite info pour les fans de Command and Conquer, j'ai trouvé un des derniers opus, Command and Conquer Generals, à un prix assez agréable : 15 € !
Free a du faire un déménagement des pages persos, donc le site a été indisponible depuis hier en fin de journée jusqu'à aujourd'hui (le temps de propagation des DNS).
Bref, tout a l'air d'être reparti sans trop de problèmes...
Quand j'étais petit, on m'a appris que les deux mots magiques étaient "s'il te plaît", et donc très logiquement "Merci !". On me disait que le geste est gratuit pour moi, mais qu'il avait une grande valeur pour celui à qui je le disais.
Je voudrais donc juste adresser un "Merci !" aux personnes bien aimables qui prennent le temps d'envoyer un message pour me dire que le site leur a plu, que les images leur ont donné de l'inspiration, que les animations leur plaisent, que les tutoriels les ont bien aidé, que les photos leur ont rappelé de bons souvenirs, que mes petits utilitaires leur ont été utiles, etc...
Ce geste ne coûte rien, mais il a pourtant une grande valeur : ça fait toujours plaisir... et ça encourage à continuer !
En quelque sorte, c'est un "Merci !" pour ceux qui disent "Merci !" !
Donc, à ces gens aimables qui prennent le temps de s'arrêter, je n'aurais qu'un mot :
Et ça démarre en force pour la dernière animation "Mars render", qui a été téléchargée 500 fois depuis sa mise en ligne ! (il y a moins d'une semaine)
Chose plus étonnante, "Iceberg" a dû profiter du coup de pub pour la dernière animation, et s'offre une deuxième jeunesse... le nombre total des téléchargements de cette animation se rapproche gentiment de 2000 (plus de 650 fois rien qu'en Août).
Côté traffic, ce mois qui s'annonçait relativement calme vient de voir passer pas moins de 18 Go... en 4 jours !
J'espérais que les statistiques de Free seraient mises à jour assez vite histoire de voir ce que la dernière animation a donné (traffic, téléchargements, etc...), mais elles n'ont pas été mises à jour.
Histoire de compléter l'animation de la veille, je vous invite à aller faire un tour sur la page de Kees Veenenbos, un fondu de Mars (et de Terragen).
Pourquoi ce site et pas un autre ? Tout simplement que Kees a été invité à plusieurs reprises à la NASA pour la qualité de ses travaux sur Mars (rien que ça, en effet !), ce qui en dit long sur la qualité desdits travaux...
Si vous ne connaissez pas, allez y faire un tour, et vous verrez d'où vient l'inspiration de la dernière animation... j'en profite pour remercier les trois créateurs de ce site, à savoir Yves Maquinay (alias Terreinconnue), et Arnaud et Florent Creux (alias la Team Superior).
A noter, il faut un codec divx très récent pour la lire, le fichier pèse pas moins de 60 Mo (presque 6 minutes d'animation, ceci explique cela).
Le calcul a duré 2 mois sur mon Athlon 64, environ 8500 frames !
Côté terrains, les terrains utilisés sont des relevés topographiques de la sonde Mars Global Surveyor... autrement dit, ils ont été directement pris à la source ! Vous pouvez les trouver sur Space-graphics, un excellent site.
Le site a vu passer environ 5000 visites en 6 jours (week-end compris), soit plus de 265 000 visites au total, bref, la fréquentation reste très bonne.
Elle risque vivement d'augmenter d'ici quelques jours, ainsi que le traffic, ce dernier va même d'ailleurs probablement exploser...
Et que le moins bon soit félicité quand même pour ses efforts !
Mais de quoi parle-je donc ?
Non, ce ne sont par les prochains Jeux Olympiques (dont on n'a pas le droit de prononcer les mots si on n'est pas un sponsor officiel... mais où est Pierre de Coubertin ?), mais le petit concours d'Alsacréations (rafraîchissement de sites, en CSS bien sûr).
"Moins bon" est tout relatif, tous les sites présentés sont bien réussis... le gagnant n'aura pas usurpé sa place !
Cela m'étonnerait que je sois bien placé, le niveau est élevé... et de toutes façons, j'avais déjà prévu d'acheter le livre de Raphaël Goetter : "CSS 2 - Pratique du design web" ! ;-)
Je voudrais tordre le cou à une bêtise que j'entends souvent à propos d'Internet (qui plus est venant d'utilisateurs néophytes) : on n'est pas totalement anonyme sur Internet !
Alors, certes vous pouvez jouir d'un certain anonymat pour surfer sur un site (en utilisant un proxy qui fera office d'intermédiaire par exemple), et effectivement, on ne va pas vous traquer si vous dites un gros mot sur un forum, mais sachez que vous êtes toujours identifiables si vous enfreignez la loi !
Voyons quelques exemples :
Quand vous surfez, votre machine est identifiée par une adresse IP (par exemple : 62.147.132.88). Il suffit pour une personne qui enquête sur un cybercrime de demander à votre fournisseur d'accès à qui correspond cette adresse pour que vous soyiez retrouvé en moins de temps qu'il n'en faut pour le dire.
Après vous pouvez utiliser un proxy (une sorte d'intermédiaire), mais encore là, les proxys ont pour obligation légale de conserver "les traces" (logs) de ceux qui l'ont utilisé. Donc, idem, point de salut !
Après, on pourrait se dire, pourquoi ne pas utiliser un proxy dans un pays étranger qui n'est pas soumis à cette loi ? A cette interrogation, je réponds par une question : et êtes-vous prêt à faire confiance à ce genre de proxy douteux ? Quand on sait que l'utilisation de ce proxy douteux peut très bien se retourner... contre vous (et oui, pourquoi pas ?). En quelque sorte, on appelle cela l'arroseur arrosé !
Etc...
Par un concours de circonstances, j'ai été invité à donner mon avis sur une affaire réelle de piratage. En épluchant un peu les logs de la machine et en remettant les pièces du puzzle en place (date, circonstances, etc...), il a été assez aisé de débusquer le "petit malin" (qui visiblement ne l'a pas été assez)... j'ai même été plutôt surpris de la relative facilité pour le retrouver.
Donc mettez-vous ça en tête une bonne fois pour toutes : l'anonymat sur Internet est tout relatif.
Je ne sais pas si vous êtes fan comme moi d'Indiana Jones et la Dernière Croisade, mais je voudrais attirer votre attention sur une réplique du film, au moment ou Donovan prétend qu'il est à deux pas de trouver le Graal. Indiana Jones (Harisson Ford) lui répond :
-D'habitude, c'est toujours à ce moment-là que le sol s'écroule sous vos pieds.
Force m'est de constater que ce dernier n'a pas tout à fait tort : j'ai perdu 2 jours de calcul pour la dernière partie, suite à une inattention mêlée à un "coup de pas de bol"... bon le sol ne s'est pas écroulé, mais ça énerve quand même.
Allez hop, 80 frames à jeter (j'ai connu pire), et cette fois, j'espère bien que ça sera bon (j'ai fait toutes les vérifications pour que cela le soit).
Encore 450 frames, et le calcul sera fini... qui a dit que les possesseurs d'ordinateurs puissants étaient des gens impatients ?
Voici un titre curieux et énigmatique, mais il y a pourtant un fil conducteur entre ces trois endroits : c'est tout simplement la première galerie de photographies consacrée à mes dernières vacances !
Plutôt que de faire une suite de photos où l'on passe du coq à l'âne, j'ai préféré regrouper par thèmes, voici donc la première galerie de photographies de ces vacances : En vacances : Architecture !
D'autres galeries devraient arriver d'ici peu... la section photographies va bien grandir !
Le site continue de bien vivre, avec 4000 visites en 5 jours. On vient de passer encore un compte rond, avec 260 000 visites au total.
A noter, la dernière animation "Iceberg" continue de plaire, elle a été téléchargée environ 1900 fois depuis le début ! (mise en ligne vers début Juin)
Ce dont je vais parler ici est uniquement destiné aux développeurs web qui souhaitent voir l'affichage de leurs sites sous différents navigateurs, l'utilisateur classique ne doit pas (pour des raisons de sécurité évidentes) utiliser ces anciennces versions pour naviguer, il faut utiliser la dernière version d'IE en date, qui est la 6 si je ne me trompe pas.
Et d'ailleurs, si vous pouvez même migrer vers des navigateurs plus sûrs qu'IE, ça sera tout aussi bien pour vous, croyez-moi.
Toutefois, les développeurs de sites peuvent être confrontés à devoir développer un site qui rende à peu près bien sous IE 5.5 (par exemple).
J'avoue que pour ma part, je ne teste pas en dessous de IE 5.5, 5.0 étant vraiment ma limite ultime, il ne faut pas pousser non plus : les personnes qui utilisent encore IE 4 et inférieurs sont bien gentilles, mais il est temps de passer à quelque chose d'un peu plus moderne...
Alors, la question est posée : est-il possible d'avoir plusieurs versions d'IE sur la même machine ?
Et bien la réponse est oui : Joe Maddalone explique comment c'est possible, au prix de quelques manipulations un peu tordues. Comme ces manipulations sont un peu pénibles à faire, des archives tout-en-un sont disponibles au téléchargement, il vous suffit de choisir celles qui vous faut, et de les extraire dans un répertoire lambda (comme un programme ne nécessitant pas d'installation).
Petit détail : j'ai essayé la version 5.5 et la 5.0, le numéro de version indiqué dans le navigateur n'est pas le bon. Exemple : j'utilise la 5.5, il m'indique que c'est la version 6.0 (il indique toujours la version la plus récente que vous avez réellement).
Vous pouvez vous convaincre néanmoins que c'est bien la 5.5 que vous utilisez en allant sur cette page de test, regardez votre User agent.
Je le reprécise bien : cette manipulation est utile uniquement pour les développeurs web, PAS pour les utilisateurs ET ENCORE MOINS pour le surf quotidien, ces versions sont complètement obsolètes, et peuvent mettre votre machine en péril. Si vous ne pouvez pas vous passer d'IE pour surfer, utilisez la dernière version. Mieux : essayez un navigateur moderne comme Firefox, vous aurez moins de problèmes avec.
Histoire de rire, j'ai utilisé la version 4.01 et la... 3.0. Et bien mon site se dégrade mieux avec la 3.0, ce dernier ne supportant pas les CSS (affichage style Lynx), par contre, la version 4.01 est une vraie horreur... ça supporte à peine les CSS, je vous laisse imaginer le résultat calamiteux sur mon site... qui n'utilise que ça !
Encore 604 images... non 603 (une vient de se calculer à l'instant) avant la fin de ce calcul bien long, et la possibilité pour moi de voir toute cette animation...
Je commence à ne plus avoir envie d'être patient !
(tiens 602 images, encore une de finie)
Quand même, mon ordinateur a calculé la bagatelle de... (tiens 601 images, encore une de finie)... le temps de calculer... (tiens 600 images, encore une de finie)... 8040 images en moins de deux mois !
Bref, quand on me sort que mon processeur est trop puissant, je ris doucement... il est utilisé à 100% pendant les rendus d'images !
J'avoue que c'est un peu méchant de se moquer, mais un de mes sports favoris est de poser la question qui tue (parfois sans faire exprès) à un vendeur en informatique, surtout si je sens que ce dernier ne maîtrise pas trop son sujet. Autant je n'insisterai pas si ce dernier reconnaît qu'il ne sait pas (ça arrive, et c'est même normal), autant je vais enfoncer le clou dans le cas contraire.
Petit best-of des sorties les plus drôles :
-Je cherche une barrette de RAM, où sont-elles ? -Là ! (il me montre les disques durs) -Non ça, c'est de la "mémoire" de stockage... -Et bien, c'est bien ce que vous m'avez demandé ! (et il insiste en plus)
-Bonjour, je cherche une carte de décompression MPEG. -Vous voulez lire une vidéo MPEG compressée ? (!!??!?)
-(en riant) Je voudrais des CD Rewritables (prononcez à la française). (le vendeur rit, et demande à un jeune débutant d'aller chercher des "Reuvritabeulses", ce dernier paraît interloqué, mais fonce dans le magasin) -(plié de rire) vous croyez qu'il va trouver ? -(riant également) ah, c'est pas dit ! (quelques minutes se passent... apparemment notre jeune vendeur est troublé devant le rayon de la connectique) -Le jeune vendeur : on m'en a demandé l'autre jour, mais je ne sais plus où c'est ! (me sort-il tout gêné) -(moi, étouffant un fou rire) c'est pas grave, ne vous en faites pas !
Un jacky (un fan de tuning version ordinateur) est en train de bricoler sa "machine" avec un vendeur. Un gamin passe à côté avec sa grand-mère et lui demande : -dis mamie, à quoi ça sert toutes ces lumières sur l'ordinateur du monsieur ? (le gars gonfle le torse de fierté...) -La mamie : oh bin, ça doit être pour ne pas avoir à acheter une guirlande de Noël ! (yeux écarquillés du gars, et éclat de rire du vendeur et de moi-même)
Et enfin le meilleur que j'ai vu : (je ne m'en lasse pas) -Moi : quelle est la différence entre ces deux cartes graphiques ? (une Geforce 2 et une autre carte à base de Kiro 2) -Le vendeur : celle-ci émule les textures. -Moi : (!??!!!??) vous pouvez m'expliquer ? -Le vendeur : en fait, elle ne va pas calculer les textures (moi : c'est pourtant bien ce que je lui demande !), mais elle va les émuler ! -Moi : c'est-à-dire ? -Le vendeur : et bien au lieu de les calculer, elle va les émuler, ça sera plus rapide ! (et il insiste en plus !) -Moi : admettons, mais pour l'affichage ? (fou rire en cours de chargement) -Le vendeur : et bien c'est le bus qui va prendre le relai ! (!!!!) -Moi : Gné ? (Loading fou_rire modules) -Le vendeur : c'est pourtant simple : la carte émule les textures dans la mémoire (de mieux en mieux !), et le bus prend le relai pour les afficher ! -Moi : Aaaaaah, d'accord ! Merci. (fou rire activé)
Validome est son nom, et il présente l'avantage d'être pour une bonne partie en français.
Choses appréciables si vous ne connaissez pas trop, vous avez la possibilité d'avoir les entêtes HTTP, de voir l'arbre de votre code source (en version simplifiée), etc... bref, plein de petites choses sympathiques !
Sauf erreur peu probable, les scripts de la prochaine animation sont tous terminés, il ne reste plus qu'à calculer encore un peu plus de deux parties... dont le final, qui j'espère sera à la hauteur du reste.
Bref, il n'y a plus qu'à attendre sagement que le calcul se finisse, ce qui devrait arriver assez rapidement.
J'en parlais dans quelques billets précédents, le site s'offre un nouveau skin : Summer Reboot ! (petit clin d'oeil amical aux concours Summer Refresh et CSS Reboot)
Et je m'offre au passage le plaisir de le mettre par défaut !
Depuis le début de mon aventure dans l'informatique, ils ont toujours été là, alors je veux dire un grand merci...
...aux softwares de compression.
Déjà à l'époque de mon vieux 286, ils me permettaient d'arriver à un espace de stockage conséquent (pour l'époque) avec 80 Mo (en deux disques durs), et encore maintenant, ils m'ont permis de faire un peu de place sur mon disque externe : 7 Go de libérés en faisant un peu de rangement et en compressant divers fichiers de mes animations.
Le prochain skin a bien avancé (je surfe déjà avec afin de le tester sous toutes les coutures), je pense que c'est l'affaire de quelques jours de tests...
En tout cas, il aura été bien long à créer et à intégrer !
Les CSS ne passaient plus au validateur, la raison n'en était pas catastrophique : ce dernier ne semble plus supporter la notation "border:0 none inherit;", alors que c'était lui-même qui me la proposait quand je validais une CSS...
Bref, quelques menues corrections sur toutes les CSS du site (border:0;), et il n'y a plus de problème de validation.
J'étais un peu déçu de ne pas pouvoir participer au concours Cascading Style Summer Refresh (un rafraichissement de designs de sites) sur Alsacréations, faute de temps.
Or, bonne nouvelle : je viens d'apprendre que la date butoir a été repoussée au 17 Août 2005, ce qui va me permettre de finir le rafraichissement dans les temps.
Au menu, changement de style et "petites gâteries" en CSS (certaines m'ont bien fait criser à implémenter). Normalement, ce prochain skin devrait arriver d'ici quelques jours...
Cette fois, c'est de manière plus classique : via les livres !
Je viens de finir (après une longue période de pause) Les Hérétiques de Dune (pas mal), il ne me reste plus qu'à boucler La Maison des Mères (que je viens de commencer) pour finir le cycle de Dune, en attendant une hypothétique conclusion de ce cycle (la fin manquante), que pourrait écrire Brian Herbert, le fils de Franck Herbert.
Et je n'en ai toujours pas assez de l'univers de Dune, je pourrai toujours continuer avec la Genèse de Dune (par Brian Herbert), à savoir La Guerre des Machines, Le Jihad Butlérien et La Bataille de Corrin, qui vient de sortir assez récemment.
En tout cas, j'ai pu m'offrir un plaisir que les plus anciens lecteurs n'auront pas eu : j'ai pu lire le cycle "Avant Dune" (La Maison Atréïdes, La Maison Harkonnen et La Maison Corrino) avant le cycle original (comme si j'avais pu lire l'histoire dans l'ordre chronologique).
Reste que même si le tout est long à lire (et parfois difficile et un peu lourd), c'est un monde fascinant et incroyablement riche. J'en conseille la lecture pour ceux que le nombre de pages ne rebute pas...
Pour ceux qui veulent commencer avec quelque chose d'un peu moins dur, je conseille plutôt le cycle Avant Dune, le style est beaucoup plus simple à lire, j'ai bouclé La Maison Atréïdes en une semaine, La Maison Harkonnen en une semaine également et La Maison Corrino... en 3 jours (j'ai beaucoup aimé cet opus).
Les surfeurs les plus jeunes ne connaissent peut-être pas cette histoire qui a "défrayé la chronique" sur le net durant le dernier millénaire, à savoir en 1999.
Je veux tout simplement parler de l'Affaire (avec un grand A) David Hirschmann, un étudiant de HEC qui est devenu malgré lui un des premiers cyberloosers mondiaux, grâce, ou plutôt à cause d'Internet.
Je vous invite à relire l'histoire sur Hoaxbusters, mélange comique de complots, de manipulations, de vraies-fausses infos dignes d'un épisode de Dallas... je me souviens avoir bien ri durant cette période !
D'ailleurs, quelqu'un aurait-il des nouvelles de comment cela s'est terminé ?
Je vous invite à aller faire un tour sur Finis Africae, un weblog fort intéressant, ou s'entrecroisent réflexions personnelles, vulgarisation scientifique avec une certaine dose d'humour (la réflexion sur l'aérodynamique des machines à laver m'a bien plu), et divers sujets variés toujours traités avec justesse (en tout cas ceux que j'ai lu, je suis en train de lire le blog complet !).
Comme disait Gueuselambix dans une bande-dessinée célèbre, il ne dit pas que des carabistouilles !
J'avais un peu survolé le sujet des types de feuilles de style (favorite, alternative, etc...) dans mon article sur Openweb à propos des styles alternatifs, il est vrai que ce sujet est source d'erreurs, je m'y suis moi-même piqué plusieurs fois (pourquoi mon style alternatif déconne ? entend-on souvent sur les forums, etc...).
Je peux dire sans ambages que c'est un des articles les plus complets sur ce sujet qu'il m'ait été donné de lire, ne vous privez donc pas de cette lecture, c'est clair, concis et efficace.
Et comme l'auteur ne fait jamais les choses à moitié, il s'offre le luxe de pondre un 2nd article sur les les types de médias, aussi bon que le précédent.
J'ai revu Bowling for Columbine hier, et je suis décidément choqué par un aspect : la mentalité des pro-armes dans le documentaire.
Pour résumer grossièrement, Charlton Eston (oui, Moïse !) justifie d'aller faire du lobbying pro-armes dans une ville qui vient de voir des meurtres d'enfants (par armes interposées) seulement parce qu'il en a le droit.
Mais doit-on faire tout et n'importe quoi seulement parce qu'on en a le droit ???
On a le droit de se conduire comme un con, mais doit-on le faire sous l'unique prétexte qu'on en a le droit ?
M'est d'avis que non, mais bon...
Sur ces bonnes réflexions, n'hésitez pas à donner votre avis en commentaire, et je vous souhaite bon week-end !
Ce joli cap a été franchi probablement hier en début de soirée, en tout cas, le chiffre continue bien de grossir !
Côté fréquentation, il y a un léger tassement (c'est tout relatif) avec 6000 visites en un peu plus d'une semaine. Si on prend en compte que le compteur n'a pas été disponible pendant la migration des bases (environ une journée), je pense que ce "tassement" est à relativiser.
Les prochaines mises à jour comprendront :
Des ajouts de galeries de photos (promis dès que j'ai le temps de le faire).
Probablement des ajouts de liens.
Un nouveau skin devrait arriver d'ici une semaine ou deux, je voulais le faire pour le concours d'Alsacréations, mais faute de temps, je n'ai pas pu encore le finir (il me reste encore du graphisme à faire, et l'intégration CSS risque d'être ardue...).
Et très bientôt j'espère la prochaine animation, qui se calcule à très bon train, mon Athlon 64 tourne à pleine vapeur 24H/24 pour ! (et faut dire que comme il n'y a pas d'eau, même de gros terrains se calculent vite)
Sachez en tout cas que cette dernière va apporter quelques changements, notamment dans le montage, avec de nombreuses petites parties (une douzaine), au lieu des deux ou trois parties habituelles.
En tout cas, il y en a un qui n'est pas content de cette nouvelle animation... c'est mon disque dur ! (je donnerai quelques chiffres quand tout le calcul sera fini, il y a de quoi halluciner...)
Vous connaissez le précepte "0 fois quelquechose donne toujours 0" ?
Je viens d'avoir la preuve que c'est faux, d'une manière plutôt amusante.
En regardant les statistiques du site, j'ai pu voir que la feuille de style "sans.css" (qui est vide et pèse donc 0 Ko) a été "téléchargée" environ 8000 fois le mois dernier. Cette feuille de style est celle qui permet d'afficher le site sans aucun style, elle est complètement vide.
Je m'attends donc à avoir 0 fois 8000 = 0 Ko et bien non, les stats m'affichent qu'elle a été téléchargée 8000 fois, soit au total un traffic... d'1 Ko !
Amusant, n'est-ce pas ? (bien évidemment, je décline toute responsabilité quand à la transposition de cette démonstration à un autre domaine... héhéhé !)
A priori, cette migration de bases de données de Free s'était bien passée, hormis quelques petits bugs çà et là (interface d'admin indisponible pendant quelque temps, etc...), mais rien de bien grave.
On peut se poser la question de l'utilité des sauvegardes, je vais vous en donner un bon exemple.
Je décide pas plus tard qu'il y a pas longtemps de corriger une petite faute d'orthographe dans mon C.V, je vais donc sur mon interface d'administration, j'édite la page en question, je corrige, je veux sauvegarder... Plonk ! Erreur !
Je reviens en arrière : plus rien dans le C.V ! Je tape un mot afin de savoir si tout fonctionne bien... et tout marche bien ! A ceci près que je n'ai plus le contenu de mon C.V, chose que je n'ai pas envie de retaper.
Je décide d'aller voir si Google aurait le tout en cache, pas de bol, la page a été indexée jsute au mauvais moment, quand les bases de données étaient en cours de migration, donc indisponibles.
Cela sent le Murphy à plein nez, je n'ai pas accès à ma machine personnelle, et plus de C.V sur le site.
Et c'est là qu'on est content d'avoir fait une sauvegarde récente, qui m'a permis de vite restaurer le texte convoité...
Quand on vous dit que les sauvegardes, c'est utile !
7 parties sur une douzaine au total ont été calculées, ce qui fait environ 3 minutes d'animation sur les 5 que fera environ la prochaine animation.
Je continue de préparer chaque morceau dès que j'en ai le temps, et j'espère que cette animation sera vite prête, en tout cas, cela sera plus rapide à finir que la précédente !
Bonne nouvelle dit-on, je n'ai pas pu poster hier, d'abord par manque de temps, et ensuite à cause d'un problème avec les bases de données (ces dernières étaient inaccessibles, et comme le site est intégralement fait avec, point de salut).
Quand ce n'est pas un orage de grêle très violent qui me tombe sur la tête... bref, comme on dit : ils se sont donnés le mot !
Apparemment tout est reparti sans encombre ce matin, un petit merci à l'équipe technique des pages persos, qui fait un très bon boulot !
Décidément, quand je vois que certains se tannent pour rendre les sites plus accessibles, d'autrent se battent pour les standards, d'autres font des démarches qualité, etc...
Et quand on fait cette recherche stupide dans Google (page sans titre), on obtient quand même un total d'environ 4 200 000 résultats trouvés...
Soit 4 200 000 andouilles qui n'ont pas pensé à mettre un énoncé entre les balises <title></title>...
Oldies, but goldies, j'ai retrouvé en farfouillant dans un range-CD un vieux jeu qui m'a marqué.
Il s'agit de Novastorm, un bon vieux shoot-them'up (jeu de tir). Après quelques bidouilles (le jeu était prévu pour fonctionner sur un 486 DX 33 avec un lecteur CD double vitesse), j'ai pu le faire fonctionner avec Dosbox, et là instant émotion.
Le jeu en lui-même n'était pas exceptionnel, mais j'aimais bien le concept à l'époque : le vaisseau passait dans des décors précalculés de bonne facture (pour l'époque !), et il fallait dézinguer tout ce qui bougeait.
Passages mythiques :
Le boss du premier niveau (une immense station), sur une musique d'enfer !
Tout le 4ème niveau est d'enfer, on attaque par un champ d'astéroïdes, ensuite un survol d'un vaisseau immense, après passage dans une cité ou il faut slalomer entre divers obstacles (géant comme passage !), et folie douce jusqu'au boss final...
Le niveau secret, où l'on doit s'en prendre... à des tomates !
Les autres niveaux étaient sympas également, la musique était de bonne facture, et il y avait pas mal d'armes.
Bref, un bon moment de défoulement qui ferait sûrement sourire les "djeunz" de nos jours ! (le jeu a pas mal vieilli)
En discutant avec quelqu'un qui n'est pas très branché internet, j'ai pu entendre les mêmes arguments : virus, spam (phishing), etc... utilisés par les "anti"-internet, qui selon eux, rendraient Internet dangereux.
Cette personne me disait que les arnaques au phishing étaient une vraie plaie, etc... et qu'on ne pouvait pas lutter efficacement contre cela. Et qu'Internet avait inventé cela !
J'ai bondi quand j'ai entendu ce dernier argument : vous n'avez jamais reçu de lettre vous indiquant que vous aviez gagné une somme astronomique, une voiture, etc. ?
C'est pourtant le même genre de combine vaseuse où vous ne verrez jamais le supposé gain.
Autre chose, vous avez un gusse américain qui débarque chez vous et qui vous propose un héritage obscur ou un placement en Côte d'Yvoire ou au Nigeria (je les reçois souvent ces deux-là), vous signez sans réfléchir ?
Comme souvent, les problèmes ne viennent pas de la technologie en elle-même, tel qu'Internet, mais de la faillibilité des personnes, et ça, c'est pas nouveau. Pour le tourner autrement (en langage d'informaticien), le problème ne vient pas de l'unité centrale, mais de l'interface chaise-clavier, qui a un peu tendance à foncer sans trop réfléchir.
Si j'en crois Tristan Nitot sur son Standblog (et je suis tout disposé à), la bêta 1 d'Internet Explorer 7 est une déception pour plusieurs raisons :
seuls deux bogues CSS sont corrigés,
la pseudo-classe CSS hover est toujours ignorée pour les éléments autres que les liens (contrairement à la spécification CSS).
l'interface utilisateur est bizarrement fichue : les menus sont situés sous la barre d'onglet et on se retrouve avec des boutons dans la barre des menus.
Je pense qu'il n'est pas nécessaire de parler du test Acid2 qui tourne à la catastrophe...
Notons toutefois que le PNG est enfin supporté correctement.
Je dois avouer que j'attends un peu mieux que cela pour la prochaine version de ce navigateur... un bon support de CSS 2 et un bien meilleur rendu me semble être le minimum acceptable.
Quand je vois Frédéric qui s'énerve parce que Firefox ne se "développe" pas assez vite à son goût, je me dis finalement que la fondation Mozilla ne s'en sort pas trop mal...
Allez, des fois que quelqu'un qui passe ici ne la connaisse pas : la prochaine version de Windows ne s'appelle plus Longues Cornes (Longhorn), mais VISTA (regardez l'acronyme afin de comprendre).
Chose promise, chose due, voici un petit résumé de mes vacances !
Direction le Futuroscope, avec un petit arrêt-déjeuner dans la forêt de Tronçais (joli et quel calme) pendant le voyage pour manger. Deux jours au Futuroscope, et deux jours de plaisir ! Cinémas dynamiques, écrans hémisphériques, effets de 3D, écrans géants... bref, c'est toujours aussi bien que la première fois que j'y étais allé ! Mention spéciale à Destination Cosmos (sorte de planétarium) et à "Les yeux grand fermés" (un parcours en aveugle guidé par un non-voyant, déroutant et instructif).
Ensuite direction Vouvant, afin de rallier l'auberge de Maître Pannetier, qui sera mon hôtel pendant les trois jours suivants.
Durant ces trois jours, j'ai pu aller visiter les Sables d'Olonne (plages, feu d'artifice et salines), ainsi que les marais poitevins. Le tout avec moult dégustations de poissons et autres crustacés, bien sûr !
Ensuite direction Saintes, afin de rejoindre le Fast-hôtel (très bien également) qui sera le "point de sommeil" des 4 jours suivants !
Au menu de ces 4 jours, l'île d'Oléron (le phare de Chassiron vaut le détour, le reste est sans plus), Saintes (très belle cité avec son amphithéâtre romain, l'arc de Germanicus, sa cathédrale, etc.), La Rochelle (magnifique ville !) et son aquarium, le Paléosite, le zoo de la Palmyre, une petite balade au bord de l'Océan avec Fort-Boyard en fond, et une petite balade sur une gabarre (ancien bateau) sur la Charente.
Une petite étape à Angoulême, afin de jeter un oeil au musée de la bande dessinée, et à la cathédrale (j'aime bien l'architecture). Et histoire de continuer à se faire plaisir côté estomac, crustacés au menu !
Ensuite direction Boulazac (non loin de Périgueux) afin de retrouver des amis.
On ne sera pas en reste pour autant côté découvertes, avec un château dont le nom m'échappe, le gouffre de Proumeyssac et un jardin magnifique dont le nom m'échappe également.
Commence le retour en deux journées, où une étape sera faite à Volvic dans le Puy-de-Dôme, à l'hôtel de La Rose des Vents (très bien reçu là-bas), on en profitera d'ailleurs pour "remettre le couvert" côté poissons !
Enfin retour final, plein de souvenirs dans la tête...
Les photos suivront bientôt.
Vous devez mieux comprendre pourquoi j'étais "particulièrement bien" en vacances... Et manque de chance, j'avais pu prendre des photos au zoo de la Palmyre d'un panda rouge mascotte d'un célèbre navigateur, mais ces dernières sont ratées... dommage ! ;-)
Vu sur le web : le jeu GTA San Andreas a été à l'origine d'un petit scandale (scènes de sexes, etc.) de nos chers amis américains puritains, ces derniers ont quand même réussi à changer la classification du jeu pour l'interdire aux moins de 18 ans (interdit de le vendre dans les grandes chaines).
Et histoire de sombrer dans le ridicule le plus complet, un autre jeu est accusé par Jack Thompson, un procureur de Floride, pour les mêmes raisons.
Quelle fut ma surprise quand je vis après quel jeu il en avait : Les Sim's 2 ! Un des jeux les plus mignons qu'il m'ait été donné de jouer, et sans aucune salacerie d'aucun genre !
Motif invoqué par ledit procureur : un code permet d'enlever la "censure" quand un personnage est nu... ce qui est aussi torride que de regarder sous la jupe d'une barbie.
Il enfonce le clou au passage en disant que le jeu serait un paradis pour les pédophiles (!!!).
Bref, quand la connerie atteint un niveau impressionnant... ledit procureur devrait essayer Singles, Bomb'x (bomberman en coquin), SexTet (Tétris en coquin), Playboy The Mansion, etc... au lieu de s'en prendre à un jeu comme les Sim's 2, auquel je recommande d'ailleurs de jouer à tout âge, ce jeu est vraiment amusant !
P.S : Teko, es-tu revenu de vacances ? Je crois que ce genre d'info est parfait pour ton blog...
La journée d'hier m'a permis de presque rattraper ce que j'avais manqué depuis ces deux semaines de vacances, et de lire/répondre à/trier une bonne quantité de mails.
Petit bilan non exhaustif de quelques "évènements" durant cette période :
Sortie de Firefox 1.06 !
Pour les fans du petit sorcier, sortie du Prince de Sang-Mêlé... en anglais uniquement. La version française devrait arriver le premier Octobre, soit dans deux mois ! De ce que j'ai pu voir comme teasers, c'est prometteur !
Site toujours valide XHTML 1 Strict et CSS, ouf, pas de problème.
Un terrible orage de grêle a eu lieu dans ma Haute-Savoie natale pendant que j'étais en vacances, je n'ai pas trouvé beaucoup d'informations à ce sujet...
Motivation pour bosser... proche de zéro.
Je vois que le site a néanmoins vu passer 13 000 visites en 15 jours, soit plus de 244 000 visites au total.
Le calcul de la prochaine animation est relancé.
J'écoute une musique que j'ai eu le plaisir d'entendre au Futuroscope (vous aurez un petit résumé des vacances après) et un léger blues s'empare de moi... j'étais tellement bien en vacances.
Cinquième billet de la journée, et oui ! (je prends ma dose)
Le site va connaître une mise au repos pendant deux semaines, la raison en est simple : je pars en vacances dès demain matin.
Direction la côte Atlantique, je ne suis jamais allé de ce côté-là de la France, je vais faire un périple qui comprendra les Sables d'Olonne, Oléron, les marais poitevins, La Rochelle, etc...
Bref, je vais me faire une cure de fruits de mers, et surtout changement d'air au programmme ! Comme cela fait environ 6 mois que je n'ai pas eu de vraies vacances, je crois que ça va être du bonheur !
Check-list :
Cartes mémoires pour l'appareil photo numérique-OK.
Maillots de bain-OK.
Sauvegardes sur disque externe-OK.
Produits typiquements haut-savoyards (vous connaissez la caillasse, bien sûr !) pour faire un arrêt boustifaille à mi-chemin-OK.
Valoches prêtes-OK.
Lunettes de soleil-OK.
Voiture nickel pour rouler tranquille-OK.
Appartement nickel pour partir-OK.
Tables optimisées-OK.
Site toujours valide XHTML 1 Strict et CSS-OK.
Check-list-OK.
Fin des transmissions et extinction de l'ordinateur, retour prévu le 24 Juillet ! Bonnes vacances à tous !
Quelques infos sur le vif : une bonne partie du calcul total a été faite, je dirais que j'en suis à peu de choses près à la moitié.
Vous noterez que la vitesse de rendu n'a pas grand chose à voir avec la précédente : j'ai calculé en un mois avec ma seule machine (un Athlon 64 3200) la même durée que ce qui avait été fait en 3 mois... sur 4 ordinateurs puissants !
En tout cas, histoire de "teaser" un peu, je peux déjà vous dire que la musique sera un très grand morceau... de classique ! Je peux même dire que je n'arrive pas à imaginer que, quand l'animation sera mise en ligne, quelqu'un puisse me dire qu'il découvre ce morceau...
Je peux d'ores et déjà dire que Juin 2005 est à ce jour le mois de tous les records côté statistiques.
Comme ces dernières sont complètes pour ce mois, je me fais un plaisir de vous les livrer :
38 Go de traffic pour le mois, ça explose tous les précédents chiffres du site (le plus gros mois était Avril 2005, avec... 18 Go de traffic). Comme vous pouvez le voir, on en est à plus du double d'un des meilleurs mois. Si je regarde la moyenne des mois précédents, on en est même à plus du triple de l'habituel... Impressionnant mois de Juin !
La dernière animation "Iceberg" a été téléchargée... un millier de fois !
Le nombre de visites par mois continue toujours d'augmenter. Chose qui me rend particulièrement content : il n'a cessé d'augmenter depuis un an !
Quant à la fréquentation actuelle, elle reste très bonne, avec pas moins de 8000 visites... en 9 jours ! Soit un total de plus de 231 000 en tout.
Vu sur le blog de Teko (auto-baptisé "les conneries françaises"), une formule qui résume assez bien à mon avis la tendance astuelle en matière de voitures :
Petit billet ciné, je suis allé voir Sin City, et j'avoue que j'ai adoré : une superbe esthétique, la musique suit bien également, de très bons acteurs, etc. bref du tout bon !
C'est assez violent (je déconseille aux âmes sensibles), mais cet univers est unique en son genre, un moment de cinéma assez spécial !
Dans un autre genre, La Guerre des Mondes version Spielberg n'est pas mal non plus.
Pour les nostalgiques des anciennes consoles, je suis tombé sur un site très intéressant : Gros Pixels.
Ce site propose de très nombreux dossiers sur les jeux à succès (Megaman, Donkey Kong Country, Sonic, etc.), les consoles, les ordinateurs et diverses antiquités, comme les Game and Watch, les ancêtres des consoles portables (je me souviens encore des miens, fantastique époque !).
A voir et à revoir, en famille ou tout seul ! Attention, risque de nostalgie aigüe !
J'avoue que j'ai été surpris que Londres soit choisie, mais bon, l'important c'est de participer !
Je suis vraiment très déçu, on n'aura pas à Paris en 2012 :
une déferlante de sponsors (Koka-Kola, Sammessoungue, Naïke, etc.) qui viendront embellir Paris et nos télévisions par la même occasion,
les "splendides" t-shirts de l'évènement généreusement off... vendus,
Nelson Monfort qui beu-beu-beu-beugle à tout va sa joie d'être à Paris la cité lumière, Nelson Monfort "the Nelson" who say-say-say-says all his happiness to be in Paris the city of light,
l'occasion de voir des athlètes qui ne pensent qu'à respecter l'esprit de Pierre de Coubertin (l'important est de gagner pas de participer), dussé-ce être au prix de se doper allègrement,
des programmes télés qui font 24H/24 le plein d'épreuves toutes plus passionnantes que les autres (j'adore le barreur-moins-de-50-Kilos-plus-de-trois-bras-sur-1500-mètres),
le plaisir de voir la cité parisienne se transformer en forteresse dû aux problèmes de sécurité qu'impose un tel évènement, même si je n'habite pas à Paris,
la chance de contribuer à la construction de magnifiques stades, vélodrômes, etc. à utilisation presque-unique,
la chance de voir des journaux télévisés où les infos importantes sont relayées, telles que la victoire de Bouatché Goulovski, le bulgare germano-croate en 32ème de finale du lancer de poids par rotation hyperbolique non continue, alors que des infos tellement moins bonnes pour le moral passent à la trappe (sécheresses, brevets logiciels qui reviennent à la charge mais dont personne n'a rien à foutre alors que cela pourrait plomber durablement le secteur, etc.),
les interviews des athlètes, qui sont souvent de purs moments de bonheur, inoubliables ("alors, êtes-vous triste d'avoir la médaille en chocolat, de ne pas être sur le podium ?", "bin oui."),
cette espèce d'hystérie collective des présentateurs qui ne peuvent s'empêcher de crier à tue-tête ce qui se passe sur la course,
les sports paralympiques, qui intéressent toujours autant les sponsors et les télévisions, et dont les athlètes sont pourtant très loin de démériter,
etc.
et enfin, le plaisir de voir la même information récapépétée sous tous les angles dans les jours prochains où tout le monde se gaussera de la victoire de Paris 2012, du cultivateur de choux aux hommes politiques en passant par le français moyen (remarquez, là on va plutôt rentrer chez soi, un suppo, et au lit).
Toutes ces choses tellement uniques et indispensables, je suis tellement cont... déçu de ne pas y avoir droit... dans 7 ans.
Quelle misère, et dire que mon bonheur ne dépendait que de cela !
Le webmaster déçu.
P.S : je pête le feu d'un coup, je ne sais pas pourquoi !
Désolé, pas de nouvelles hier, mais je n'en ai absolument pas eu le temps.
Toutefois, une nouvelle très intéressante : Le Parlement européen a rejeté définitivement, mercredi, la directive très controversée sur les brevets des logiciels, en votant en seconde lecture contre le texte soutenu par les Etats membres et la Commission européenne.
Qu'est-ce que cela implique ? Pour le moment, la directive est abandonnée. Bon débarras dirons-nous, il vaut mieux pas de mauvais texte plutôt qu'un mauvais texte.
A noter pour l'anecdote, les pro-brevets, incarné par « Campaign for Creativity » un faux-nez des géants du logiciel a choisi lui d'être présent sur l'eau, le parlement étant entouré de canaux visibles depuis les bâtiments, il a affrété un petit yacht qui porte une grande banderole jaune et bleue. Les militants du logiciel libre n'ont pas été longs a réagir : quelques coups de téléphone et vers 12h30 le bateau ennemi s'est retrouvé encerclé d'une demi-douzaine de kayaks où des militants en tee-shirt jaune brandissaient des pancartes « software pattents kills innovation » (les brevets logiciels tuent l'innovation) entre deux coups de pagaie. Sur la passerelle qui surplombe le canal et fait la jonction entre les deux ailes du bâtiment, les eurodéputés rigolent. Quelqu'un s'exclame :
« c'est bien la preuve que la créativité est plutôt de leur côté » !
Dépité le bateau du lobby adverse a préféré lever l'ancre...
Passé cet épisode amusant, ce "débat" est encore loin d'être clos, la commission peut proposer un autre texte, donc on peut se dire content pour le moment, mais autant rester vigilant...
Posté dans un journal sur linuxfr : "Un jour des ordinateurs seront implantés dans le corps humain, prédit Bill Gates". Evidemment, la première des questions qui vient à l'esprit est : où sera le ctrl-alt-suppr ?
S'en suit quelques méchancetés à peine exagérées sur Windows adaptée au sujet... c'est hilarant ! Morceaux choisis :
En tout cas pour les DRM ce sera vraiment génial ... Si tu écoutes de la musique ou que tu regardes un film pour lequel tu ne t'es pas acquitté des droits, on peut au choix interrompre la fonction vue/ouie, te laisser voir/écouter mais simuler une maladie de Parkinson, ou même te faire uriner/déféquer dans le slip. On peut même imaginer d'autres trucs plus amusants...
Les gens de microsoft ont dans les yeux le bleu qu'ils ont sur leurs écrans.
- Mamam !! Maman !! Je croyais que les Fremen c'était que dans les livres... - Mais non mon chéri, ce ne sont pas des Fremen, ce sont des béta-testeurs de chez Microsoft.
CTRL+ALT+PWET
Allez, je rajoute les quelques idées qui me sont venues à l'esprit :
Le pilote de votre arrière-train est corrompu, insérez un doigt dans le lecteur...
- Etes-vous sûr d'avoir la diarhée ? Ouiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii... trop tard. Effectuez une défragmentation de votre slip.
Sexe 19.6 corrompu, démarrez Sexe 4.5 en mode sans échec.
Votre mémoire est insuffisante, achetez-vous une extension.
Etc...
Si vous en avez d'autres, n'hésitez pas, c'est petit de se moquer, mais ça me fera toujours rire !
Je viens d'ajouter à mes réalisations le site de Fabienne Muller.
Cette réalisation n'est pas la plus impressionnante que j'ai faite, mais elle a tout son intérêt : le site est entièrement actualisable (textes, photos, rubriques des photos, etc...) via une interface d'administration conséquente, qui permet également d'éditer des factures, de gérer ses frais, etc...
Cette phrase peut en effet porter à confusion. On a deux façons de parler de quelque chose :
Soit de manière privée : entre ses amis, ses proches, etc...
Soit de manière publique : dans un débat public, etc... ou sur un blog.
Et oui, un weblog est un lieu public accessible à tout le monde (en tout cas, c'est ainsi que je le considère).
Comme je l'ai indiqué dans un commentaire sur le blog d'Olivier, je suis tout à fait pour qu'il y ait plus de débats, plus de discussions (sur la politique), toutefois, j'estime (c'est un avis personnel) que les précédents débats ont vite tendance à tourner à la cacophonie et à perdre de vue l'essentiel : le sujet du débat !
Regardez les dernières élections : les dernières régionales n'ont pas parlé des régions, ça a été le lieu de débats enflammés pour/contre le gouvernement (à juste titre ou pas, telle est la question, mais ce n'est pas le lieu pour y répondre). Le dernier référendum a été un fourre-tout, où l'on a certes parlé d'Europe (heureusement), mais où se sont greffées des tas d'autres sujets, le tout dans une joyeuse cacophonie...
Comme j'estime que ce weblog est un lieu public, et que je n'ai pas les compétences pour parler de sujets aussi complexes (et trollifères) que la politique, je ne veux pas ajouter à ce "bruit". Je pense que l'on a une certaine forme de responsabilité à lancer des arguments de manière publique. Cela fait un peu vieux con du haut de mes 24 ans, mais ai-je le recul et les connaissances pour ne pas risquer d'induire en erreur quelqu'un sur un sujet aussi complexe ? Deux des choses que je déteste le plus sont la paresse intellectuelle et les raccourcis faciles. Je suis partisan de ne pas faire aux autres ce qu'on leur reproche. Suis-je sûr de ne pas commettre ces erreurs si je me mets à parler de politique ? Et bien, non, je n'en suis pas sûr.
Ce n'est pas pour autant que ces sujets ne m'intéressent pas (j'ai lu le Traité Constitutionnel, et oui, y a des motivés !), mais je me les garde pour mon cercle privé.
Donc pour mieux comprendre cette phrase que j'ai lancée ("chacun doit savoir rester à sa place"), je dirais que je n'ai rien à dire de manière publique sur la politique, et comme disait très justement Coluche :
"Celui qui n'a rien à dire... n'a qu'à fermer sa gueule !"
Plus j'écoute ses sketchs, plus je me dis que cet homme ne disait vraiment pas que des conneries...
En tout cas, n'hésitez pas à réagir, c'est toujours agréable d'en discuter.
Entre les plantages sur le site sur lequel je travaille (faites discuter du Javascript avec du PHP, lisez ce billet du délire du développeur pour imaginer la simplicité de la chose), et divers aléas, les mises à jours se font de plus en plus tard le soir !
Enfin, en tout cas, je vous invite à aller faire un tour sur le site de Jacek Yerka, ses créations sont tout bonnement sublimes (j'adore ce style).
Nouvelle plutôt amusante, il est prévu une adaptation d'Astérix et les Normands en dessin animé, j'avoue que je suis plutôt impatient de voir ce que cela va donner !
Olaf Grossebaf, Mataf, ComplètementPaf, Batyscaf, Plaf, Epaf, etc... rien que les noms des Normands me font rire, et me rappelent cet excellent opus !
J'ai scripté quelques parties de la prochaine animation, et s'est produite une chose étrange : ça calculerait presque vite !
200 images en une après-midi, c'est sûr que cela me change de 4 ou 5 images à la journée... bref, vivent les rendus "à sec" (comprenez sans eau) avec Terragen !
Commençons par une nuit très courte alors qu'on est fatigué, rajoutons beaucoup de boulot, un mal de gorge et de crâne qui vous transforme en zombie, saupoudrez le tout d'une chaleur assommante et étouffante qui vous fera presque vous endormir au volant, rajoutez deux ou trois merdes (soucis) en fin de journée, la connexion internet qui déconne, et je peux vous garantir qu'à la fin de la journée, vous vous direz :
"J'aurais mieux fait de rester couché."
C'est exactement d'ailleurs ce que je vais faire, trop crevé...
Demain est un autre jour, à demain donc pour des meilleures nouvelles !
La petite période de folie dûe à la dernière animation semble s'être calmée, elle a été téléchargée quand même 830 fois !
Côté fréquentation, ce ne sont pas moins de 8000 visites les 10 derniers jours, soit plus de 218 000 visites au total. Chose amusante, je remarque que le week-end est plus calme point de vue visites (serait-ce dû au beau temps ?).
Et c'est reparti pour une semaine... je suis bientôt en vacances, encore deux semaines à tenir !
De retour du boulot, je me dis "tiens, est-ce que je n'en profiterai pas pour mettre un petit billet ?".
J'arrive donc chez moi, je démarre la machine, je lance mon Mozilla préféré. Paf ! Impossible de se connecter au site, gnagnagna-machin-bidule-tout-ça.
Un rapide coup d'oeil à la Freebox, et m... en PPP clignotant.
Bon, je décide d'être patient (je démarre un jeu), le tout revient à la normale une demi-heure après (c'est extrêmement rare que ça déconne chez moi, donc ne râlons pas pour une fois que ça arrive). Je fonce voir mes emails et faire une modification sur un site que je n'avais pas eu le temps de faire au boulot... BAOUM !
Enorme coup de tonnerre (je fais un bond sur mon fauteuil), et de nombreux éclairs suivent. N'ayant pas envie de prendre le moindre risque (pas de terre sur les prises électrique, donc pas de parafoudre), j'arrête tout dare-dare, et je débranche tout le schmilblick (ordi et prise de téléphone).
Décidément, il y a des fois où y a pas moyen !
Donc sur ce, je vous souhaite un bon week-end ! (restons-en là)
En fait, j'avoue : j'ai un secret pour utiliser correctement les CSS...
C'est une astuce un peu ancienne, mais qui marche toujours bien, et qui permet de se dépatouiller dans 95% des cas problématiques.
Etes-vous prêts à connaître cette technique ancestrale qui me permet de sortir de beaucoup d'impasses ? Si ce n'est pas le cas, ne lisez pas la suite, si c'est bon, retenez votre souffle, je vous livre ce secret.
Tout tient en une formule, sa simplicité apparente ne doit pas pour autant vous faire sous-estimer sa puissance, elle m'aide souvent dans énormément de cas de figures, que ce soit pour faire une implémentation CSS correcte, ou pour corriger des bugs, surtout sous un navigateur infâme qui respecte mal les standards dont je ne citerai pas le nom.
Voici le secret : border:1px solid #f00; (à appliquer sans limite à divers blocs)
Ne me dites surtout pas "ce n'est qu'une simple bordure rouge", il ne faut surtout pas sous-estimer la puissance de ce concept.
Et oui, ça permet beaucoup de choses :
de voir comment s'articulent vos positionnements CSS,
de mieux comprendre pourquoi tel bloc s'affiche ainsi,
de voir comment le navigateur affiche réellement le bloc,
et tout simplement de faire des CSS correctes !
Bref, une méthode élégante, légère et fiable !
Remarquez toute la puissance du concept : concentré en 23 caractères, c'est pas cher payé pour une méthode universelle de debugging, je l'emploie très souvent.
Déjà le temps est à la chaleur, même si on est en tenue légère (short), mais alors imaginez quand on doit être bien habillé en chemise + pantalon pour aller au boulot !
Alors je lance un appel aux créateurs de mode : au lieu de recycler les vieilles idées en vêtements pour minets anorexiques lilliputiens, vous ne pourriez pas inventer des fringues qui évitent de mourir de chaud ?
Léger, thermorégulé, watercoolé, rafraîchissement par force centripète, ce que vous voulez, mais trouvez quelque chose !
Après le Summer Refresh, où l'on doit "rafraîchir" le design de son site pour l'été, voici arrivé le Cascading Style Summer Refresh, initié sur le forum Alsacréations, un haut-lieu des standards du web.
Comme le concours est purement amical (pour le fun), j'ai décidé d'y participer, un ravalement de façade est prévu pour le courant de l'été... (avant le 31 Juillet, date limite)
Un changement de taille pour la partie Opquast.org (celle où l'on crée de nouvelles bonnes pratiques), elle s'est transformée en atelier wiki !
Force m'est de reconnaître que ce nouveau mode de fonctionnement est bien plus agréable que l'ancien, je vous invite à aller y faire un tour, vous ne serez pas déçus du changement !
Et non, ce projet n'est pas enterré, je suis juste très pris ces temps-ci, ce qui m'empêche de continuer mon générateur de formulaires maison, le S.O.C project.
J'ai quand même réussi à trouver une petite demi-heure pour corriger plusieurs bugs (l'attribut enctype doit être sur la balise "form" et pas sur un input, divers label étaient foireux, etc...).
J'espère bientôt pouvoir ajouter une réalisation à mon actif sur ce site... il ne manque plus que l'autorisation du propriétaire du site.
Après avoir rapidement lu le "Da Vinci Code" de Dan Brown, je me suis attaqué à son précédent bouquin, "Anges et Démons".
Si vous avez aimé le style du Da Vinci Code, vous aimerez Anges et Démons, c'est dans le même genre !
Sur fond de conspiration, de science et... de conclave au Vatican (!), Robert Langdon, spécialiste de symbologie religieuse, à Harvard, est convoqué au CERN pour déchiffrer un symbole gravé au fer rouge sur la poitrine d'un éminent homme de science qui a été assassiné...
S'en suit une course contre la montre captivante et effrénée qui m'a personnellement bien plu, l'histoire est rythmée, on n'a pas le temps de s'ennuyer, c'est facile à lire. Preuve en est, j'ai lu le bouquin en moins de 4 jours ! (environ 550 pages)
Histoire de commencer la semaine en rigolant un bon coup, allez faire un tour sur Stars-oubliees.com, vous pourrez y retrouver des "stars" comme la bande d'AB productions, divers chanteurs à la carrière plutôt éphémère (boys band et autre joyeusetés...), etc...
C'est un bon moment de fou rire à ne pas manquer !
J'étais un peu impatient dans le billet précédent, et les statistiques du site viennent de tomber aujourd'hui même (je n'aurai pas trop eu à attendre).
Le résultat confirme ce que je pensais, le traffic a littérallement explosé ! Pour vous donner une idée, le plus gros mois en termes de traffic était Avril 2005, avec 18,2 Go.
Nous en sommes grosso modo à la moitié du mois, et le traffic a déjà atteint la bagatelle de... 27 Go ! Les téléchargements de la dernière animation se calment un peu, elle a été quand même téléchargée 733 fois ! (ce qui fait environ 15 Go sur les 27)
Je sens que ce mois va être celui de tous les records pour le site !
En tout cas, la fréquentation reste excellente, avec plus de 6000 visites en 6 jours, soit 210 000 visites au total.
J'avoue que je suis un peu impatient pour plusieurs choses :
Déjà de voir les stats du site (notamment le nombre de téléchargements de la dernière animation), ces derniers ne sont mis à jour que tous les 3 à 6 jours... Vivement !
Un autre projet est en cours de finition, je devrais bientôt l'ajouter à mes réalisations...
Et encore un autre projet qui devrait bientôt arriver, mais je suis toujours charrette côté temps pour l'achever...
Donc pour ceux qui craignent que le site va diminuer d'activité, qu'ils se rassurent, c'est plutôt le contraire !
Honte à moi, j'avais oublié de proposer dans les liens un superbe site : Mars Render, où vous pourrez voir des rendus absolument splendides de la planète rouge, faits avec Terragen.
Je suis tombé sur ce site par hasard, et j'avoue qu'il y a de quoi s'incliner. De quel site parle-je ? Simplement d'un site qui recense des records de vitesse pour terminer des jeux.
Comme j'ai été possesseur de certains de ces jeux, j'ai pu apprécier en "connaisseur" ces temps... et c'est de la pure folie !
Quelques exemples :
Super Mario 3 en 11 minutes (démentiel, certains niveaux sont finis en moins de 10 secondes),
Solstice en 7 minutes (jamais réussi à finir ce satané jeu, même en plusieurs heures),
Another World en 15 minutes (!),
Super Mario 1 en 5 minutes...
Bref, c'est de la folie douce, on se demande même si les gars qui font ces records sont humains...
J'entends souvent les gens râler quand leur logiciel favori met un certain temps à se répandre sur le net, on parle de "déploiements sur des miroirs" et de choses dans le genre.
Prenons un exemple concret : supposons que Firefox ait une mise à jour de sécurité (je parle de Firefox, mais l'exemple est également vrai pour n'importe quel logiciel), souvent la mise à jour est annoncée comme disponible, mais soit le logiciel ne la "trouve" pas automatiquement, soit il faut attendre quelques jours, soit il faut la faire soi-même. C'est un léger désagrément, mais ce n'est pas fait exprès pour em...bêter l'internaute moyen.
Imaginez donc ce qu'il se passerait si plusieurs millions d'internautes se précipitaient en même temps pour télécharger leur mise à jour sur un unique serveur ? Dans le mille, le serveur n'arrive pas à suivre, "la facture de bande passante" explose littérallement en quelques heures, bref... c'est la catastrophe, autant pour le site (qui n'arrive plus à suivre) que pour ses utilisateurs (mécontentements, lenteurs, etc.).
Ce qu'il s'est passé avec mon animation est un bon exemple d'explosion des téléchargements, à ceci près que même si c'est "énorme" pour moi, c'est rikiki à côté de ce que doivent supporter des serveurs qui encaissent des millions de téléchargements.
D'autant plus : Free est un hébergement gratuit (serveur et bande passante), mais celui par exemple de Mozilla n'est sûrement pas gratuit !
Donc voici à quoi servent des miroirs et pourquoi les mises à jours sont parfois espacées : tout simplement à alléger la charge des serveurs.
Pour faire une analogie, pensez au traffic... routier lors des départs en vacances. Imaginez ce qu'il se passerait si tout le monde partait durant la même quinzaine, etc... l'horreur sur les routes !
C'est exactement la même chose pour internet, d'ailleurs ne parle-t-on pas des autoroutes de l'information ? ;-)
Je suis allé voir les statistiques des pages persos de Free, et plus particulièrement celles du site. Pour info, je vais parler des stats générées hier via Webalizer (elles ne sont mises à jours qu'une à deux fois par semaine).
Et j'avoue que j'ai été impressionné par les chiffres de ce mois-ci, notamment grâce à la dernière animation !
Je pensais qu'elle avait été téléchargée une centaine de fois tout au plus, et les stats m'ont infirmé cette idée... en me faisant tout revoir à la hausse !
Elle a été téléchargée... 581 fois en 3 jours !
Le traffic a littérallement explosé : rien que le fichier de cette animation à créé 12 Go (!) de traffic, en à peine trois jours.
Je dois avouer que je n'en reviens toujours pas, les chiffres risquent d'être assez monstrueux en fin de mois, car nous ne sommes que le 13 Juin...
Je voudrais une bonne fois pour toutes pousser un bon coup de gueule à propos d'une bêtise que j'entends malheureusement trop souvent : les réseaux P2P ("proche en proche" en français) ne sont pas illégaux en soi, seule l'utilisation qui est en faite peut être illégale dans certains cas.
Explications : le P2P avait été créé à la base pour permettre de transférer (et de partager) de volumineux fichiers (par exemple, les images d'une distribution Linux comme Mandriva).
Un exemple typique : je voudrais proposer une de mes animations en très haute qualité à une centaine de personnes, je ne peux pas héberger un fichier de 1 Go sur mon site web, et le traffic ne pourrait d'ailleurs pas être assuré avec un fichier de cette taille.
Le P2P serait une bonne option dans ce cas, cela me permettrait d'envoyer petit à petit ce fichier vers d'autres utilisateurs, qui pourront en faire de même, et ainsi de suite. Certes, ce serait un peu long au tout début, mais plus le fichier serait partagé, plus le téléchargement serait rapide pour les personnes intéressées (plus de sources potentielles pour l'envoyer).
Au risque de choquer les anti-P2P, c'est complètement légal dans ce cas, dans le cas où vous téléchargez une distribution linux, etc.
Par contre, il est illégal de partager des ressources soumises à copyright, comme de la musique, des copies de jeux vidéos, de logiciels ou de films soumis à copyright. (mais il existe de la musique libre de droits librement téléchargeable par exemple)
Encore une fois, ce n'est pas l'outil qui est illégal, c'est l'utilisation qui en est faite qui peut l'être. Pour faire une métaphore, on ne va pas interdire la vente de couteaux de cuisine, sous prétexte que ces derniers peuvent être utilisés de manière illégale (un couteau n'est pas dangereux en tant que tel, c'est la main qui l'utilise qui peut l'être).
En espérant que l'attente n'ait pas été trop longue, je vous propose enfin cette nouvelle animation, après de nombreuses péripéties.
Pourquoi le calcul a-t-il été si long ? Regardez la quantité d'eau pendant l'animation, les effets de transparence, et vous comprendrez...
En tout cas, la bête dure pas moins de 4 minutes, et pèse... 44,5 Mo. Ce qui n'est pas très lourd comparé aux 5,2 Go du fichier en haute qualité...
Je tiens à remercier vivement Karsten Keppel, Christian Couette et mon papa qui m'ont bien aidé pour ce calcul interminable. Un grand merci également à Marcello Deschino sans qui cette animation n'aurait pu voir le jour, et qui m'a aussi aidé pour le calcul.
Je ne pensais pas atteindre ce chiffre impressionnant en si peu de temps.
Les 100 000 avaient été dépassées vers fin Janvier, le cap des 150 000 avit été passé vers mi-Avril, et là nous sommes le 9 Juin et un nouveau cap impressionnant (en tout cas pour moi) a été franchi : 200 000 ! (2000 visites en 3 jours récemment) Qu'il me soit permis de remercier ceux qui visitent régulièrement ce site, c'est grâce à eux que j'ai la motivation pour m'en occuper.
Et bien qu'on se le dise, c'est la fête !
L'activité était quelque peu réduite ces derniers jours, et bien les prochaines nouvelles vont dignement fêter ce cap, c'est moi qui vous le dis !
On commence tout de suite en force avec la prochaine nouvelle... et au passage l'édito a été légèrement mis à jour !
Décidément, cette animation aura bien joué avec mes nerfs, après divers essais, impossible de reconstituer une des parties !
C'est seulement en reconstituant cette partie en plusieurs fois que j'ai pu l'assembler, je ne comprends d'ailleurs toujours pas pourquoi il n'y a pas eu moyen de le faire directement comme je le fais d'habitude.
Bref... le montage se finira gentiment ce soir, si tout se passe bien.
Enfin, la dernière image s'est rendue ce matin, après 6 mois de lutte.
J'ai quelques soucis pour en faire le montage (le fichier final devrait faire environ un peu plus de 5 Go, donc mon ordinateur n'est pas très content), apparemment la 2ème partie a du mal à s'assembler.
Bink et Videomach refusent de la créer en entier, et Virtual Dub se casse les dents dessus aussi...
Décidément, cette animation ne veut pas se finir (ça peut être maudit une animation ?).
J'espérais que le rendu soit bouclé ce week-end, et il reste environ 25 images à calculer, soit une seconde d'animation. Je n'ose pas dire que j'espère que tout sera bouclé d'ici peu... sinon va y avoir un imprévu !
Enfin, vu ce qu'il reste à côté de ce qui a été fait, on peut se dire que le plus dur est fait... mais c'est difficile d'être patient !
En attendant, la prochaine galerie de photographies devrait arriver d'ici une journée ou deux.
Je pense que je devrais ajouter très bientôt une galerie de photos, car ce petit week-end dans la Chartreuse fut fort sympathique !
Quant à l'animation, je devrai savoir d'ici demain matin si le rendu est fini (normalement le cas), et récupérer donc la dernière partie qui manque (environ 6 secondes de l'animation).
Sauf gros problème, l'animation sera finie (de calculer) en début de semaine prochaine ! (normalement même pendant le week-end) Mon ordinateur est d'ailleurs en train de souffler après plusieurs mois de souffrance... la température du processeur a chuté de plus de 10° !
Si tout va bien, je pourrai en faire le montage, les retouches et mettre tout cela en ligne rapidement.
Un grand merci à ceux qui m'ont aidé à la calculer !
La fréquentation s'approche gentiment d'un prochain gros compte rond, en tout cas, elle vient pour le moment de dépasser les 195 000 visites, soit plus de 5000 visites en une semaine (ça a baissé un tout petit peu, mais ça reste très satisfaisant).
Et sur ce, je vous souhaite un bon week-end, je vais pour ma part me balader du côté de Chambéry et de ses montagnes pendant le week-end entier !
Si vous vous sentez l'âme d'un développeur, une version alpha de Mozilla Firefox nommée Deer Park Alpha 1 Developer Preview est disponible au téléchargement.
Attention, cette version n'est pas stable (comme son nom l'indique, c'est une version alpha pour développeurs), je la déconseille fortement aux simples utilisateurs (risques de plantages et de soucis).
Petite astuce, si vous voulez tester sans risquer de dégommer votre profil actuel de Firefox, vous devez faire ceci : firefox -CreateProfile deerpark firefox -P deerpark
Cela créera un profil de test.
Côté nouveautés, on pourra vraisemblablement tabler sur :
Le support de SVG en natif, ce qui permettra de faire enfin réellement démarrer cette technologie très prometteuse...
Un nouveau moteur de rendu meilleur sous tous les points (vitesse, supports de technologies, etc.)
De nouvelles options CSS
La possibilité de réorganiser les onglets à la souris
Une option pour rendre instantanée l'utilisation des boutons précédent/suivant
Amélioration du support pour les utilisateurs de Mac OS-X
Un très probable support de XForms en natif
Et encore bien d'autres choses...
Voilà ce que j'appelle de l'innovation ! On ne reste pas sur ses lauriers, on continue d'innover.
Tout cela devrait sortir vers la mi-Juin, vraisemblablement plutôt vers le début de Juillet.
En fait, je veux juste tordre le cou à une idée : j'entends souvent des anti-standards du web qu'ils se foutent royalement de savoir que leurs pages peuvent être allégées de quelques Ko. Je passerai également sur les arguments très intelligents du style "oui, tout le monde a une connexion haut débit"... (ce qui est encore loin d'être le cas)
Bref, revenons au poids des pages. Supposons que les pages de mon site ne soient pas codées via les standards, mais à coup de tableaux imbriqués, ce qui peut donner grosso modo des pages deux fois plus lourdes. C'est vrai, 10 à 15 Ko de plus par page, c'est pas énorme... regardons le traffic généré par mon site pour le mois de Mai.
Cela nous donne, oh pas grand chose : 13 782 951 Ko !
Soit pour avoir un chiffre un peu plus parlant, environ 13,8 Go. Là, j'entends déjà "c'est un mois exceptionnel point de vue traffic"... sûrement pas !
Par exemple, Mars et Avril étaient respectivement à 16,2 et 18,2 Go. La moyenne depuis le début 2005 est environ à 14 Go.
Imaginez donc que le traffic prendrait dans la figure si le site "pesait" le double ! Sachant que j'ai une fréquentation bien inférieure à de grands sites comme Yahoo, etc... Imaginez donc la facture que ces sites peuvent avoir en traffic généré, sachant qu'ils le payent ce traffic généré (je dirais même que ce n'est pas donné) ! Par exemple, un des hébergeurs avec qui je bosse couramment autorise 30 Go de traffic mensuel, et facture 7 € chaque Go de traffic supplémentaire (et ce n'est pas le plus cher qui soit !). Pensez donc à des sites très fréquentés (mettons 250 000 visites par jour, ce qui donne environ une fréquentation un peu plus de 250 fois supérieure à celle de mon site (on va prendre 250 pour des commodités de calcul).
Faites le calcul : 250 x 14 Go (en moyenne) = 3500 Go.
Imaginez donc s'il faut payer chaque fois 7 €, cela nous donne une facture de (3500-30) x 7 = 24 290 € juste pour le traffic supplémentaire ! (environ 159 332 francs pour ceux qui auraient du mal à imaginer)
Sachant donc qu'on a 12 mois dans une année, cela nous donne une facture à l'année d'environ 291 480 € ! Passez-moi l'expression mais ça "plombe" un budget, n'est-ce pas ?
Sachant qu'avec des sites pareils, les hébergements ne sont pas mutualisés comme pour mon site, mais plutôt dédiés (un voir plusieurs serveurs), cela coûte encore plus cher ! Et je n'ose même pas imaginer ce que cela pourrait donner si le site est mal codé, avec des pages qui font le double, voir le triple de ce qu'elle devraient faire...
Je viens de le voir aux infos : certaines personnes ont été abusées via phishing, maladroitement traduit par "hameçonnage" en français.
Je résume brièvement : en gros vous recevez un mail vous disant d'aller confirmer vos identifiants sur le site de votre banque. Bien sûr, c'est un faux site qui est donné en lien. Je vous laisse imaginer la suite...
J'ai eu une discussion vive avec une personne, laquelle me disait en gros qu'Internet était dangereux pour ce genre de raisons, les gens se faisaient facilement avoir, que la sécurité n'était pas au point, etc...
Pour ma part, je pense que ce genre d'arnaque n'est pas nouveau, si vous avez un doute, transposez dans la vie "réelle" les pourriels les plus célèbres :
Si quelqu'un vous téléphone, se présentant comme étant de votre banque, et vous demande votre numéro de compte, vous allez bien hésiter ? Vous allez sûrement demander une preuve si vous avez un doute, ou vous allez lui raccrocher au nez en riant (c'est cela, ouiiiiiiii, et moi je suis président de la république !).
Si vous recevez une lettre du Crédit Lyonnais vous demandant votre numéro de compte alors que vous n'êtes pas à cette banque, vous n'allez pas le leur communiquer, n'est-ce pas ? Cela n'a aucun sens, vu que vous n'avez rien à voir avec eux...
Vous recevez une lettre postée d'une adresse obscure vous demandant en anglais (!) votre numéro de carte bleue, allez-vous répondre ? Certainement pas !
Vous recevez une bonne quantité de publicité dans votre boîte à lettre, vantant les mérites de produits miracles, genre un régime qui va vous faire perdre 40 kilos sans effort et gratuit, qu'en faites-vous ? Débile, classement direct dans la poubelle ! (ou dans la caisse "papier" pour ceux qui recyclent)
Vous recevez une lettre de Monsieur Durand vous disant qu'il peut vous faire obtenir un diplôme, mais qu'il ne faut pas l'appeler lui, mais un Monsieur avec un nom imprononçable, vous allez marcher dans la combine ? Sûrement pas !
Et le meilleur (des spams) : vous recevez de la pub papier pour du Viagra quasi-gratuit, vous allez tout de suite en commander ? "Oh hé, j'ai pas de problème pour ça, moi ! Et ça sent l'arnaque !" vais-je sûrement entendre de votre part
Si vous ne vous faites pas avoir dans ces cas-là, pourquoi aller cliquer sans réfléchir alors ? Vous ne donneriez pas votre numéro de carte bleu au premier venu, alors pourquoi le faire sur Internet ?
Vous vous dites que j'exagère et que je vous prends pour des imbéciles, mais j'ai juste transposé certains des spams que je reçois à des moyens plus "traditionnels", rien de plus !
La plupart du temps, si vous lisez un peu attentivement ces mails, vous ne tomberez pas dans le panneau. La seule différence avec les mails, c'est qu'il ne vaut mieux pas répondre, cela peut permettre d'éviter de recevoir plus de courrier non sollicité.
Opquast semblait quelque peu "endormi", mais ce n'était qu'une apparence : le projet propose désormais la possibilité de générer des fichiers de rapport (dans divers format, comme le PDF) de vos démarches qualité (accessible via Mon Opquast).
J'ai fait quelques essais quant à la démarche qualité de ce site, et je dois reconnaître que c'est plutôt pratique.
Je ne peux d'ailleurs que vous encourager à essayer cette démarche "des bonnes pratiques", c'est intéressant et enrichissant pour les sites internet, et surtout pour leur créateur.
D'ailleurs je compte bien ajouter quelques bonnes pratiques au tableau du site (il en respecte déjà un nombre conséquent), dès que j'aurais un peu plus de temps libre...
Côté animation, une mauvaise et une bonne nouvelle, le calcul s'accélère de mon côté, et a ralenti du côté de mon "rendereur-adjoint". Ma patience commence à s'effriter quelque peu... (5 mois quand même)
Décidément, autant je peux être surpris agréablement quand je reçois un petit mail me demandant un coup de main sur une animation avec Terragen, ou quelques explications sur une portion de code PHP, autant je suis très (très !) surpris des requêtes de certains mails.
Comme j'aime bien rire de tout, mais pas de n'importe quelle manière, je vais me plier au jeu de la réponse !
Le dernier mail en date me suggère en gros d'afficher mes opinions politiques (si je suis pour ou contre le référendum qui a eu lieu hier par exemple, etc...) !!!
Alors je l'annonce solenellement : Mon weblog n'a jamais été, n'est pas et ne sera jamais un lieu où j'expose des opinions politiques !
Et ce pour quelques raisons simples :
Déjà, cela ne m'intéresse pas de le faire ici.
Ensuite, je pense que cela n'intéresse pas les visiteurs du site, en tout cas pas la très grande majorité (qu'est-ce qu'ils en ont à fou... pardon, à faire de savoir ça ???).
Qui plus est, je pense que chacun doit savoir "rester à sa place" : je suis sûrement plus crédible quand je parle d'XHTML/CSS ou même d'informatique en général (et encore), que si je me lançais dans des élucubrations stériles sur des sujets que je ne possède pas, encore plus sur des sujets aussi sensibles que la politique.
Au même titre que si vous me posiez une question sur l'ostéotomie fémorale dans la nécrose polaire (merci Turk & De Groot) ou encore l'impact du trou de la couche d'ozone sur la reproduction des moules en Basse-Normandie, ou encore de savoir si les techniques de culture du chou dans le Bas-Quercy sont optimisables, je serais bien en peine de vous répondre. Et bien là, j'estime que c'est pareil, je préfère fermer ma g... bouche plutôt que de risquer de proférer des âneries, j'estime qu'on en entend suffisamment assez dans la vraie politique, les médias, les pubs pour que j'en rajoute une couche.
Je veux bien mettre quelques réflexions existantielles sur ce site, mais j'ai peu d'être aussi passionnant qu'un débat sur la taille des noyaux de pêches... :->
Voilà en quelque sorte ce que j'ai répondu à cette requête pour le moins curieuse.
Mais cela ne s'est pas arrêté là, ladite personne (qui se reconnaîtra certainement en lisant ces lignes) m'a quand même répondu de vive (!) manière en me disant que j'étais incapable de prendre parti, etc... (décidément, il y a de d'ces énergumènes)
Monsieur, sachez que ce n'est pas parce que je n'ai pas envie de dispenser ce genre d'opinions sur mon site que je n'en ai pas pour autant, et jusqu'à preuve du contraire, j'estime avoir le droit de penser ce que je veux, et j'estime avoir le droit de penser que cela n'a pas sa place ici !
En tout cas, merci de m'avoir régalé de votre bêtise, j'adore rire de la bêtise humaine !
Je demande que soit mise en place la journée de 48 heures, car les journées de 24 heures de cette semaine ne m'ont pas suffi ! Beaucoup de boulot, de projets à côté et peu de temps libre.
En tout cas, s'il y a quelque chose qui n'a pas baissé, c'est la fréquentation, le cap des 190 000 visites a été franchi tout récemment, soit plus de 6000 visites en 7 jours !
Et je ne résiste pas à l'envie de donner quelques nouvelles de l'avancement de la prochaine animation : c'est une dernière ligne droite, il me reste environ 300 images à calculer, et un de mes "rendereurs" devrait finir une autre partie d'environ 150 images. Qui plus est, cette dernière partie est un peu plus rapide à calculer que les premières qui étaient littérallement interminables.
Chose cocasse, j'aurais déjà aimé proposer cette animation dans cette nouvelle où le site avait tourné les 100 000 visites il y a exactement 4 mois.
J'étais loin de penser que cette animation serait là plutôt pour les 200 000...
Enfin, en tout cas, je vous souhaite un agréable week-end, et dimanche, pensez à aller voter (oui, non, blanc, ce que vous voulez, ça ne me regarde pas, mais faites-le).
J'aurais pu appeler selon Antoine ce 3ème et dernier billet "le retour de la validation", mais je préfère quand même suivre la logique que j'ai rencontrée au long de mon initiation de Jedi-codeur de XHTML/CSS.
A savoir que quand vous avez copieusement fait le ménage dans votre code, et que la sémantique n'est plus un mot bizarre ni une lointaine promesse, je pense que le plus dur est fait. En tout cas, vous commencez à vous faire plaisir, et les moments de prises de tête sont loins, et commencent à se faire (un peu) plus rares.
A l'instar d'un régime équilibré, quand vous avez arrêté les cochonneries salées et sucrées, et que vous avez réussi à comprendre et à composer des repas équilibrés, le plus dur est fait.
Toutefois, on peut constater que certaines propriétés de vos feuilles de style sont quelque peu redondantes, que certaines éléments n'ont pas besoin d'une classe car ils peuvent être pilotés via un id judicieusement choisi, que certains éléments pourraient être un peu optimisés, etc.
Voilà ce que j'appelle des ajustements. Ce n'est pas grand chose, un petit détail par ci, une petite optimisation par là, des améliorations, des allègements.
Après ces ajustements, peut-on atteindre un point où l'on peut se dire que c'est fini, qu'il n'y rien à ajouter ?
Aussi paradoxal que cela puisse paraître, je pense (et je risque de choquer les ultra-puristes) qu'il est (presque) impossible d'atteindre la perfection, en l'état actuel. On peut s'en approcher, mais je pense humblement que la perfection n'est pas atteignable. Loin de considérations de philosophie de comptoir, je fais un constat simple : le web évolue, il doit évoluer, et il continuera toujours d'évoluer, c'est pourquoi je pense qu'il y a toujours quelque chose à améliorer (l'accessibilité, les nouveaux médias), toujours quelque chose à apprendre.
C'est à mon humble avis la chose la plus agréable, et la plus frustrante : on ne peut pas se reposer, on doit constamment se remettre en question. Parfois cela est motivant, parfois c'est gonflant. Mais évidemment, c'est un passionné qui vous parle, je suppose que vous avez déjà deviné si mon point de vue était celui du verre à moitié vide, ou à moitié plein. Evidemment, cela fait un peu profession de foi version internet, mais c'est mon avis, et j'espère que cela ne s'arrêtera pas, afin qu'il y ait toujours quelque chose à apprendre.
En espérant que ces trois billets vous auront plu !
Attention, l'expérience dont je vais parler ne pourra être vraiment comprise que par ceux qui ont déjà essayé. C'est d'autant plus risqué que si vous n'avez pas de bonne protection, vous risquez d'avoir des problèmes.
Vous voyez de quoi je veux parler ?
Avez-vous déjà ressenti un frisson... parce que votre ordinateur s'est mangé une coupure de courant ? (de quoi croyez-vous que j'allais parler ?)
J'ai donc pu essayer quelque chose d'assez curieux : débrancher volontairement mon ordinateur en cours de marche. Suis-je fou ?
Non, c'était juste pour tester mon dernier achat, un onduleur !
Croyez-moi, c'est vraiment curieux, quand on tient un peu à son matériel informatique, de débrancher son ordinateur volontairement ! Je recommande vivement d'essayer, c'est bizarre comme sensation !
J'ai dans l'idée de mettre un peu d'ordre dans la rubrique nouvelles/weblog, reste à savoir quand j'aurai le temps de le faire, les journées sont très chargées au boulot, et j'ai très peu de temps libre à côté... débordé !
Voici la suite de ce précédent billet, je vais essayer de continuer à garder l'analogie avec le régime alimentaire, histoire de donner des idées.
Nous en sommes donc au point suivant, vos pages commencent à s'alléger, et les pénib... "puristes" vous rabattent les oreilles avec un mot bizarre, la sémantique.
Qu'est-ce donc que ce concept ?
C'est assez simple à intégrer, il suffit pour cela de ne pas penser (pour le moment) à la présentation de vos pages, pensez uniquement à leur contenu. La sémantique consiste à donner du sens, c'est-à-dire utiliser les bonnes balises au bon endroit.
Comment donner du sens à votre structure ??? En fait, c'est assez simple, votre page, pour peu qu'elle soit un minimum structurée, contient :
un titre
les liens de votre bandeau
le texte de votre page, avec éventuellement des sous-titres, des paragraphes.
Vous pouvez donc utiliser une balise <h1> pour le titre principal, <h2> pour les sous-titres, <p> pour les paragraphes, etc. Mais la liste des liens du bandeau, avec quoi peut-on la représenter ?
Relisez la question, la réponse est dedans. Nous avons une liste de liens, utilisons donc... une liste <ul> ! Comme vous pouvez le voir, ce n'est pas très compliqué.
Ensuite, il faudra baptiser ces balises, afin de pouvoir les "piloter" avec les CSS. Encore une fois, ce n'est pas très compliqué, nous avons les "id" qui servent à définir quelque chose d'unique dans la page (exemple, vous avez un seul et unique bandeau, ce qui nous donnera <ul id="bandeau">), et les classes qui servent à... classer plusieurs éléments (exemple, vous avez plusieurs sous-sous-titres (<h3>) dans votre feuille de régime ayant des propriétés semblables, cela nous donnera donc <h3 class="feculents">Patates</h3>.
Là où cela se complique, c'est qu'il n'existe pas de balise <entete> par exemple, pourtant, cela pourrait être intéressant de structurer un peu plus. Qu'à cela ne tienne, le cas est prévu ! Nous avons deux balises à tout faire qui peuvent servir dans ce cas, <div> et <span>. Pourquoi en avoir deux ?
En fait, il y a juste une petite différence simple à comprendre. le premier est de type "bloc" et le second est de type "inline". La différence est simple, les blocs se mettent les uns au-dessus des autres (ils s'empilent en quelque sorte), et les "inline" se mettent les uns à côté des autres (inline se traduit par... en ligne).
Arrivé à ce stade, vous vous dites probablement que je suis fou, qu'une liste ne pourra pas remplacer vos tableaux... Détrompez-vous ! C'est là qu'interviennent les CSS, ce sont elles qui vont permettre de positionner correctement, de mettre des images en fond, de positionner lesdites images.
Et là, vous en êtes à une étape assez difficile, surtout si vous aviez l'habitude des tableaux pour présenter une page. Car on ne touche (quasiment) plus au code XHTML que vous venez de structurer, toute la présentation se fera via les feuilles de style, qui vont se servir des "id" et des "class" que vous avez utilisés. C'est le principe de la séparation structure/présentation.
A mon humble avis, il est plus simple au début de faire des essais sans intégrer d'images ou de positionnements un peu trop farfelus, juste avec des propriétés de bordures, de marges, etc.
Pour faire l'analogie avec le régime, cuisinez simple au début !
Ce n'est pas encore très beau (quoique, on peut obtenir des résultats très sympathiques), mais je trouve que cela a le mérite d'être plus simple (en tout cas, c'est comme ça que j'ai appris) pour commencer. Après quelques probables (c'est tout à fait normal) énervements, vous devriez finir par trouver tout cela assez simple (les propriétés ne sont pas en nombre illimité, et on finit vite par trouver à force de faire), il y a désormais de nombreux tutoriels, ce qui était moins vrai il y a quelques années...
Quant vous vous sentez à l'aise avec le positionnement CSS, vous pouvez commencer à vous amuser avec des images de fond...
Arrivé à cette étape, vous pouvez vous dire que vous mangez bien plus équilibré, et que le plus dur est fait.
J'ai corrigé un léger bug dans la prévisualisation de l'envoi d'un message, j'avais un peu trop forcé sur l'utilisation de la fonction "htmlentities()" de PHP...
J'en ai profité pour corriger au passage un bon paquet de liens auxquels il manquait un slash au bout... comment ça maniaque ? Perfectionniste !
Je reçois de temps à autres un message me demandant comment j'ai fait pour (rayez la mention inutile) apprendre/migrer ce site/corriger un site vers du XHTML/CSS.
Histoire de faire une analogie, je vais comparer ce processus avec un régime alimentaire que l'on veut équilibrer.
Je vais très certainement vous décevoir, mais je n'ai pas de solution miracle pour que vous changiez de cap en quelques heures. En même temps, vous vous en doutiez quelque peu ! Comme pour l'alimentation, il n'existe pas de pilule qui vous nourrit, qui est bonne au goût et qui est "naturelle".
Je vois deux cas de figure :
Soit vous voulez apprendre les techniques, mais en partant de 0 point de vue connaissances.
Soit vous avez envie de migrer un site fait à coups de tableaux imbriqués et frames.
Aussi curieux que cela puisse paraître, le premier cas est le plus simple, mais souvent c'est rarissime, la plupart des gens ont déjà un peu bricolé du HTML, et ont déjà pris quelques mauvaises habitudes. Analogie : trop d'huile pour cuisiner la viande !
Partons donc de ce cas de figure, c'était également le mien avec mon ancien site, frames et tableaux à gogo. La première chose que vous pouvez toujours faire est d'aller voir sur des sites comme Openweb ou encore Alsacréations, histoire de lire et de comprendre les changements auxquels vous allez être confronté. N'allez surtout pas lire les recommandations du W3C (c'est indigeste et inutile pour le moment), c'est comme si vous alliez lire les documents utilisés pour créer une voiture pour la conduire. Là, le but est d'utiliser la voiture, non pas de comprendre chaque rouage !
Le gros problème qui revient souvent est le suivant : par où commencer ? Encore une fois, nous avons deux possibilités :
Ni dieu ni maître : on détruit tout l'ancien site et on repart à neuf.
Ou soit l'on décide de corriger le site petit à petit.
La première option est radicale, je la réserverais pour les plus motivés, car vous risquez de vous heurter à beaucoup de petits problèmes (manque de connaissances, d'expérience), qui additionnés peuvent rapidement vous rendre fou. La seconde sera un peu plus longue, mais elle aura le mérite d'être un peu moins rude.
Pour ma part, j'ai commencé par faire des changements petit à petit, et quand j'ai eu l'impression d'être suffisamment rodé, j'ai balancé l'ancien site à la poubelle, et je suis reparti sur du nouveau, fort de mes connaissances acquises.
Quels changements peut-on déjà faire ? Vous pouvez déjà commencer à vous familiariser avec l'utilisation des feuilles de style, pour alléger un peu votre structure. Une autre chose simple à faire est de "fermer" les balises qui n'étaient pas fermées comme <br> qui deviendra <br />, de tout mettre en minuscules, etc.
J'ai par exemple commencé par essayer d'enlever les attributs de certaines balises pour les remplacer par des classes, pour surtout me familiariser avec les propriétés des CSS. Vous pouvez d'ores et déjà bien alléger la page rien qu'en modifiant quelque peu les attributs des tableaux et surtout du texte. Vous aurez aussi à vous choisir un doctype, ce qui permettra au validateur de comprendre ce que vous utilisez comme "langage" quand vous déciderez d'essayer de valider votre document. En gros, vous êtes au régime transitionnel (on commence à manger beaucoup moins de cochonneries) ou soit au régime strict (0 cochonnerie) sans sel, et le validateur va vous dire si vous êtes en accord avec votre régime.
La validateur va peut-être vous dire qu'il y a des erreurs, mais si vous avez déjà :
enlevé le plus d'attributs possible dans votre XHTML (exemple, les attributs <body color="#ffffff;" etc. seront indiqués dans une feuille de style, vous n'aurez quasiment plus que du code XHTML.
fermé les balises correctement
cela ne sera déjà pas si mal.
Essayez de voir également si vous ne pouvez pas simplifier quelque peu votre structure, l'exemple typique : ai-je bien besoin de 3 tableaux ici alors qu'un seul suffirait ? Analogie : faut-il 3 cuillères d'huile là où une suffirait ?
Pour faire le lien : vous mangiez mal, et là, vous avez déjà supprimé ou du moins bien limité les cochonneries sucrées et salées (on a encore du mal à s'en passer, mais au lieu de manger des biscuits salés, vous grignotez une pomme verte et quelques chips, car c'est duuuuuur de ne plus en picorer...).
A ce moment, les puristes vont vous sortir que ce n'est pas parfait (mais pourquoi mets-tu encore de l'huile ?), et risquent de vous décourager. Pour ma part, je serai plutôt optimiste en disant que l'on a un doigt dans l'engrenage, et que c'est bien parti.
Nous verrons un des aspects qui rebute le plus dans un prochain billet, à savoir le mot agité par tant de puristes : la sémantique.
En espérant ne pas vous avoir trop embrouillé dans cet article !
Histoire de savoir à peu près quel navigateur supporte quoi point de vue CSS, je vous invite à aller jeter un oeil à cette page : Contents and Compatibility, qui vous récapitulera dans les grandes lignes ce qui est supporté ou non.
En tout cas, le rendu avance pas mal : il reste environ 600 images à calculer, c'est-à-dire que les 4/5 du total ont été franchis et même bien entamés, car on a grosso modo 4400 images sur les 5000 que compte l'animation.
En tout cas, je compte bien mettre au repos mon propre ordinateur pendant une semaine ou deux, après ce long (doux euphémisme) rendu. Et même si je ne sais pas encore si je ferai une animation après celle-là, je suis sûr d'une chose : il n'y aura pas d'eau.
Autant vous le dire tout de suite, ce test montre bien l'inutilité de telles cartes pour le moment, il faut en gros pousser l'anticrénelage à fond en 1600*1200 pour espérer voir un gain... de l'ordre de 3% (ridicule donc).
Et je dois reconnaître que La revanche des Siths est une réussite : le lien est très bien fait entre les deux trilogies, et le film en lui-même est un très bon opus. Note amusante : quand on entend la première fois la respiration de Dark Vador, gros silence dans la salle, tout le monde retenait son souffle !
A noter, le DVD de Clone Wars est sorti récemment, ce sont des dessins animés dont l'histoire se situe entre l'épisode 2 et le 3, ce n'est pas mal non plus, même si le dessin peut surprendre quelque peu.
Amis développeurs web et débutants, réjouissez-vous !
Je désesperais de trouver un bouquin intéressant sur les enjeux de XHTML/CSS et les standards du web en général, je l'ai désormais trouvé (en français, histoire de ne pas déplaire).
Il s'agit de la version enfin francisée de "Designing with web standards", de Jeffrey Zeldman, rebaptisée pour l'occasion "Design web : utiliser les standards".
Le bouquin risque de déplaire aux intégristes des standards (les pénibles qui font un scandale parce qu'il y a une <div> de trop dans le code), car l'approche n'est pas celle du puriste, mais plutôt une approche pragmatique (on ne fait pas du parfait, mais du mieux qu'on peut).
Le livre est très pédagogique, et explique pendant une bonne partie les atouts des standards du web, viennent ensuite des exemples simples pour mettre en application.
Je dirai que pour le moment, c'est tout simplement le meilleur bouquin que j'ai lu sur le sujet, en tout cas celui qui fait la meilleure synthèse du sujet.
A lire, et indispensable pour tout développeur web ! (je finis rapidement de le dévorer)
... au cinéma, le 3ème opus de Star Wars sort aujourd'hui même, quelques fanatiques l'ont même déjà vu ce "matin", la séance était à minuit (j'aime bien Star Wars, mais je ne suis pas assez fanatique pour faire ça !).
Bref, je vous ferai un petit compte-rendu dès que je l'aurai vu...
Sinon côté bonnes nouvelles, je devrais vite récupérer ma connexion ADSL, ce qui me permettra de mettre à jour plus facilement le site. Vivement !
Les prochaines versions de Firefox devraient inclure SVG en natif, probablement avec XForms en prime, Opéra propose déjà un support de Tiny SVG et propose un mode de rendu petit écran, Safari est en voie de passer le test Acid2 avec succès, Konqueror également...
Et IE 7 va inclure d'ici quelques mois les onglets.
Remarquez, j'ai fait de l'intégration CSS tout le lundi...
Bref, une après-midi plutôt agréable, si ce n'est un certain navigateur qui m'a cassé les pieds (pour ne pas dire autre chose) tout le long de l'après-midi...
Tiens d'ailleurs, aux dernières nouvelles, IE 7 va inclure une innovation de taille...
Je vois que le site garde une bonne forme, avec pas moins de 3000 visites en 4 jours, soit plus de 178 000 visites au total !
Pour les prochaines mises à jour, je pense que je vais réfléchir à un nouveau thème, j'ai déjà quelques idées... d'ailleurs si vous voulez me proposer quelque chose, n'hésitez pas ! Le site tourne un peu au ralenti, j'attends sagement de récupérer ma connexion haut débit... Vivement !
Sinon, les ordinateurs continuent toujours autant de calculer, le mien découvre le plaisir de tourner 24H sur 24, j'espère que la prochaine animation sera vite finie... c'est quand même en route depuis janvier !
Il n'y a eu qu'un billet hier, mais mon boulot a duré bien plus longtemps que d'habitude, suite à un crash d'un serveur (il a fallu tout remettre d'aplomb). Bref, j'en suis quitte pour une bonne frayeur, une bonne prise de tête... et la maladie des codeurs, à savoir une douleur style tendinite dans l'avant-bras gauche (celui qui fait les Ctrl-C Ctrl-V, donc très sollicité).
A noter, deux failles qualifiées d'hautement critiques avaient été mises en avant sur Firefox 1.0.3 ce lundi dernier. (on peut d'ailleurs critiquer la personne qui a révélé ces failles avant qu'un correctif ne soit disponible, d'habitude on ne revèle les failles seulement après qu'un correctif soit disponible, et ce pour n'importe quel logiciel)
La mise à jour est disponible, cette version 1.0.4 de Firefox corrige ces deux failles, on peut d'ailleurs apprécier la réactivité de l'équipe des développeurs de Firefox qui a corrigé ces failles en 3 jours. Pour ma part, cette mise à jour a été faite via la mise à jour automatique de Firefox (même pas eu à y penser)...
La suite Mozilla est aussi concernée par cette mise à jour de sécurité, la version anglaise est déjà patchée, la française ne devrait pas tarder...
Cette fois, je vous invite à aller faire un tour sur le site de Kraland (le lien a été également ajouté dans la page des liens).
Kraland, késaco ?
C'est un cyber-univers divisé entre 7 empires aux idéologies bien différentes, vous pouvez faire partie d'un de ces 7 empires, un jeu de rôle ma foi fort bien fait est calqué sur cette trame (c'est assez difficile de tout résumer cet univers décalé).
J'avoue que le jeu est assez addictif, j'apprécie particulièrement le jeu de rôle et le petit jeu CiviKra solo (où il faut faire tenir une dictature le plus longtemps possible !).
En tout cas, on peut tirer un coup de chapeau à son créateur, Red Star !
Désormais, vous n'aurez plus d'excuses si vous n'utilisez pas l'option "prévisualiser" quand vous m'enverrez un message via le formulaire de la page de contact, je viens de corriger un petit bug qui n'empêchait pas son fonctionnement, mais qui rajoutait juste du code HTML dans le champ email après une prévisualisation.
N'oubliez pas de me laisser une adresse e-mail valide si vous désirez que je vous recontacte, sinon je ne pourrai pas vous répondre (entre autres à la personne qui m'a contacté à propos d'une intégration d'une animation Flash, je n'arrive pas à vous envoyer une réponse...).
Je ne peux pas deviner vos adresses... et non je n'ai pas cette capacité !
J'avoue ne pas trop m'en être aperçu au début (entre les 50 mails dont 48 pourriels et rattraper mes quelques jours d'absence sur le net), mais j'ai été assez surpris de voir que la fréquentation a fait un petit bond de 10 000 visites (!) en 9 jours sans activité, passant de 165 000 à 175 000 visites au total.
C'est bon la migration a été effectuée sans trop de soucis, après une bonne fatigue et quelques cartons, le plus dur est fait. Il reste bien quelques cartons çà et là, mais j'ai la sensation que le plus pénible est derrière moi.
Je passe d'un F2 à un splendide F3, je gagne une pièce au passage qui va s'avérer être... la pièce dédiée à l'ordinateur !
Bref, mon (pauvre) ordinateur va pouvoir calculer 24H/24 !
P.S : à tous ceux qui m'ont envoyé un mail, je vous demande un peu de patience, j'y répondrai dès que possible !
Comme certains le savent déjà, je vais déménager la semaine prochaine, et je n'aurais plus d'accès à internet depuis chez moi pendant toute la semaine. :(
Le site a d'ailleurs dû être "StandBlogisé" (nouvelle sur les scripts), car il a vu pas moins de 4000 visites en 3 jours, soit plus de 165 000 visites au total !
Si vous cherchez à me contacter (via mail ou via le formulaire du site), les messages ne seront pas perdus, mais je risque de ne pas y répondre avant un certain temps (et même un temps certain).
Comme je vais revenir à une connexion bas débit pendant plusieurs semaines, si vous pouviez éviter de m'envoyer d'énormes pièces jointes, cela me rendrait service ! Je vais également apprendre à réapprécier les joies des CSS légères !
En tout cas, je me vois obligé de mettre le site au repos forcé pendant toute la semaine prochaine, normalement l'activité devrait reprendre la semaine suivante.
Sur ce, je vous souhaite une bonne fin de week-end, et une bonne semaine suivante ! (pour ma part, ça sera emballage/déballage des cartons)
Au tout début, le but était d'atteindre 1 million de téléchargements en 10 jours, il a été atteint, à ceci près que cela a été 2 millions en 10 jours. Le compteur ne s'est pas arrêté pour autant, et il vient de franchir, tenez-vous bien la barre des 50 000 000 de téléchargements ! (en moins de 6 mois)
Le meilleur dans cette affaire ? C'est un succès mérité.
Firefox est simple à installer, facile d'utilisation, a peu de failles, et quand il y en a, elles sont corrigées très rapidement. Je peux aussi rajouter qu'il y a un gros paquet d'extensions de toutes sortes, qu'il respecte bien les standards, qu'il est libre et gratuit.
Bref, je ne vais pas bouder mon plaisir, pour une fois que la qualité a du succès !
Aussi curieux que cela puisse paraître, on peut trouver des ressources inconnues dans IE... oui je suis sérieux !
Voici donc une petite bêti... expérience amusante pour les développeurs web et les curieux !
Prenez IE et un autre navigateur, comme Firefox, Opéra, Mozilla, Konqueror, bref, ce que vous avez sous la main. Essayez de garder IE en dernier...
Ouvrez une nouvelle fenêtre ou un nouvel onglet le cas échéant, et rentrez ceci dans la barre d'adresse :
fakescript:alert("plop");
Personnellement, mon Mozilla m'a envoyé paître en me disant que fakescript n'est pas un protocole reconnu. Essayez ensuite avec IE... il vous affiche une boîte Javascript avec marqué "Plop" !
Donc j'en déduis qu'il existe un nouveau langage de script utilisable sous IE qui s'appelle le fakescript !
Et qui ressemble beaucoup au Javascript dans sa syntaxe...
IE en gère pas mal d'autres (remplacez fakescript par les suivants) :
le "pikascript", langage de script créé par des Pikachus
le "sansscript"...
le "cocuscript" (sic...), langage de script pour maris malheureux
le "macroscript", pour faire des gros scripts
le "memescript", langage de script pour faire comme chez mémé
le "pepescript", y a pas de raison que pépé n'ait pas le sien
le "pipiscript", pour quand ça presse (sic...)
le "cacascript", pour quand vous avez une plus grosse envie qu'avec le "pipiscript"
le "zeroscript", pour les mauvais élèves
le "yavascript", quand vous avez l'accent espagnol
le "nicoscript", et oui, j'ai un langage de script à mon nom !
le "sncfscript", pour les voyageurs
l'"operascript", pour faire des scripts chantés
le "lavascript", pour faire des scripts chauds
le "betascript", pour faire des scripts idiots
le "bebescript", pour faire des jeunes scripts, ou pour programmeurs précoces
le "plopscript", pour faire des "plop"
le "bytescript", afin de scripter des octets
le "ploucscript"...
La liste est longue, j'ai arrêté d'en chercher !
Nul doute qu'il en reste encore beaucoup à découvrir !
Qu'est-ce qu'ils sont forts quand même chez Microsoft, mais jusqu'où iront-ils ?
Mise à jour : la personne qui m'avait signalé cette "fonctionnalité" avait omis de dire qu'elle avait trouvé ça sur Linuxfr, je vais donc lui tirer les oreilles, et rendre à César ce qui est à César.
Jeuxvideo.com a publié hier soir un dossier sur les grands noms du Jeu Vidéo, c'est assez intéressant et on retrouve quelques noms mythiques, ainsi que l'histoire de ces protagonistes.
Ni plus ni moins que Sid Meier, Peter Molyneux, Eric Chahi, Alexey Pazhitnov, Jordan Mechner, et pleins d'autres...
Ces noms ne vous disent rien ? Alors reprenons la liste :
Sid Meier : le créateur de Civilization, titre que je n'hésiterai pas à placer comme plus grand jeu de tous les temps. Et oui, rien que ça !
Peter Molyneux : le génial créateur de Populous, Thème Park, Magic Carpet, Black and White...
Eric Chahi : le créateur de Another World, FlashBack !
Alexey Pazhitnov : comment ça, ce nom ne vous dit rien ? Vous n'avez jamais joué à Tétris ?
Jordan Mechner : encore une légende, grâce à un titre non moins légendaire. Vous ne voyez toujours pas ? A l'époque où l'animation des personnages est réduite à sa plus simple expression, ce jeu fera l'effet d'une bombe. Vous ne voyez toujours pas ? Je suis sûr que vous connaissez Prince Of Persia...
Pourquoi attribuer un titre pareil à une nouvelle sur ce site ?
Je viens de voir sur le site d'Euronews une nouvelle assez effarante : une loi qui vient de passer en Floride (à l'initiative de Jeb Bush) autorisera les possesseurs d'armes à dégainer en lieu public (!!!!) pour se défendre s'ils sentent que leur vie est en danger.
Aujourd'hui, les citoyens américains peuvent défendre leur domicile contre les intrus. Désormais en Floride, c'est dans les lieux publics, au travail ou au volant de leur voiture qu'ils peuvent tirer.
Imaginez donc, dès qu'un gars un peu nerveux va se sentir agressé... PAN ! En toute légalité. <sarcastique>Je pense que le taux de mortalité risque d'augmenter sensiblement en Floride dans les prochaines années... m'est d'avis que je ne me risquerai pas à aller dans ce pays pour mes prochaines vacances !</sarcastique>
Je ne peux que rejoindre Ken Gottlieb, élu démocrate en Floride : Il va y avoir des bavures et des drames... Ce texte n'est pas digne d'une société civilisée...
J'en ai profité hier soir pour faire quelques petits changements, notamment les captures d'écrans de ce site dans la partie réalisations web, qui ont été mises à jour en utilisant le mode plein écran d'Opéra, particulièrement pratique !
Je vois que la fréquentation est restée correcte, avec plus de 4000 visites en 5 jours, soit un total de plus de 161 000 visites !
Toujours pour les utilisateurs d'Opera, j'avais fait quelques changements il y a quelque temps sur le site, principalement d'ajouter le média "projection" pour toutes les CSS.
Or j'ai constaté il y a peu que la validation des CSS m'indiquait un avertissement, comme quoi les propriétés de curseur ne sont pas supportées pour le média "projection".
J'ai donc mis ces propriétés dans une CSS à part uniquement dédiée au média "screen", ainsi, il n'y a plus aucun avertissement et le site garde cette propriété utile pour le média "screen".
C'est grâce à ça que le curseur se transforme en point d'interrogation quand vous survolez un acronyme, ou qu'il se transforme en curseur de lien quand vous survolez un label d'un champ (cela invite à cliquer sur ce label, ce qui donne le focus au champ associé à ce label).
Au passage, j'en ai profité pour alléger un petit peu toutes les CSS du site (pensons aussi à ceux qui ne sont pas en haut débit).
On commence avec les utilisateurs d'Opera, un très léger bug a été corrigé dans les galeries de photographies et dans les galeries d'images faites avec Terragen (même bug dans les deux cas, à savoir un petit trait sous les images ou sous les photos, en fait c'était le soulignement des liens que j'avais oublié de retirer). Tous les skins ont été corrigés.
P.S : si vous ne connaissez pas ce mode d'affichage, je vous invite à essayer d'afficher le site en plein écran avec Opera, c'est un réel affichage en plein écran, particulièrement agréable au demeurant !
J'ai reçu plusieurs mails de personnes curieuses sur le sujet, et de râleurs qui me certifient que telle date est fausse, etc.
Encore une fois pour ceux qui savent tout mieux que tout le monde, je le répète, les deux billets sur "la lente évolution du web..." ne sont que purement subjectifs (et je l'ai précisé dans lesdits billets).
Pour les autres, je vous propose un autre document sur ce sujet, à savoir un panorama des navigateurs, lequel contient également l'histoire de la guerre des navigateurs.
Ce document illustre très bien le décalage qu'il peut y avoir entre les dates exactes de sorties de logiciels et le réel impact ressenti sur le web, si vous le comparez avec mes deux billets. Typiquement, le W3C a été créé en 1994, mais je n'en ai réellement entendu parler qu'aux alentours de 1998-2000... et pas en bien !
Imaginez : à l'époque, il n'y avait que très peu d'infos à ce sujet (pas de sites comme Openweb, etc.), et les recommandations du W3C étaient assez indigestes... (elles le sont toujours d'ailleurs) Tout cela n'invitait guère à démocratiser les recommandations du W3C.
Heureusement, tout cela commence un peu à évoluer, Firefox grignote des parts de marché, et comme par hasard, l'équipe de développement de IE a été reformée pour une version 7 qui devrait entrer en bêta-test d'ici cet été (on annonce entre autres un meilleur support du PNG, chose que Firefox et la plupart des autres navigateurs ont implémenté depuis longtemps).
Si je n'aurais qu'un conseil à vous donner, c'est de tenir à jour votre navigateur : jetez-moi des casseroles comme IE 5.5 ou Netscape 4 à la poubelle, et essayez un navigateur moderne !
J'ai corrigé diverses fautes d'orthographe que j'avais honteusement laissées dans les nouvelles précédentes.
J'en profite pour signaler que je suis tout à fait responsable des fautes sur le site... hormis celles laissées dans les commentaires !
Ce weblog n'a pas pour but d'être un correcteur orthographique, et je n'ai pas que ça à fou... pardon, à faire ! (et il y a une option "Prévisualiser" généreusement codée par mes soins, n'hésitez pas à vous en servir)
P.S : à tout hasard, si vous pouviez me dire s'il y a ou non des problèmes d'affichages avec ces deux derniers skins, j'ai bien testé autant que possible (sous Mozilla, Firefox, Opéra et Daube Explorer 6.0), mais on n'est pas à l'abri d'un petit oubli...
Autant pour moi, j'avais dit dans la nouvelle précédente que j'essaierai de plancher sur un nouveau skin, probablement un skin léger d'ailleurs.
Et bien, rectifions tout de suite le tir, je n'ai pas planché sur un skin...
Du coup, je n'en ai pas créé un... mais deux ! (un léger et un autre un peu plus lourd)
Je continue de les tester en long, en large et en travers, et normalement, ils devraient arriver sur le site d'ici demain, après-demain au plus tard.
P.S : ils ne sont pas encore dispos dans les CSS alternatives, ni dans la page des skins, mais il y a quand même moyen de les essayer... je surfe déjà avec l'un des deux !
Sur ce coup là, j'ai franchement honte, je n'ai même pas pensé à fêter le premier anniversaire de la relance du site (père indigne).
Et comme le prouve la première nouvelle du site, cette refonte tient particulièrement bien la route, car elle dure depuis 1 an... et deux jours ! (le 19 avril 2004)
Avec donc un léger retard, le site souffle sa première bougie !
Einstein disait : seules deux choses sont infinies, l'Univers et la bêtise humaine, mais en ce qui concerne l'Univers, je n'en ai pas encore acquis la certitude absolue.
Je commence sincèrement à croire qu'Einstein avait raison à propos de la bêtise humaine, que je rebaptiserai plutôt connerie humaine pour le propos qui suit.
Je vous fais donc part d'un mail que j'ai reçu à propos d'un de mes petits utilitaires, le "crypteur" de liens "mailto".
Monsieur, j'ai essayé votre soi-disant "crypteur d'emails", et je trouve honteux la façon que vous utilisez ce pseudo-utilitaire (Ndm : allons bon, v'là autre chose !). [... long propos où s'entremêlent pêle-mêle les droits des utilisateurs, la CNIL et une honte que je devrais avoir, mais je ne sais toujours pas pourquoi ...] Tout cela pour dire que collecter des adresses e-mails dans le but de les refiler à des spammeurs (Ndm : !?!!????!) via ce pseudo-utilitaire est purement honteux. Je ne vous salue pas, etc.
J'avoue sincèrement que j'en suis resté sur l'arrière-train pendant 5 minutes !
Force m'est également de reconnaître que la première envie a été de répondre de manière... disons impolie (voire outrancière) à cette personne, et d'en faire de même ici. Comme je suis le premier à dire que ce n'est pas parce que quelqu'un se conduit mal qu'il faut en faire de même (comprenez par là qu'il ne faut pas se conduire comme un *con* quand on en a un en face de soi), j'ai décidé d'y répondre plus poliment.
A la personne qui m'a envoyé ce mail (et au cas où il y aurait une seule autre personne qui croie que je suis un infâme suppôt des spammeurs), je peux vous certifier :
Qu'aucune donnée d'aucune sorte n'est collectée sur cet utilitaire.
Que le seul accès à une base de données pour cet utilitaire est une requête qui ajoute 1 à un chiffre qui s'avère être... un compteur que j'ai mis en place pour savoir si cet utilitaire était visité par les internautes.
D'ailleurs en voici la preuve, voici cette requête : UPDATE `detail_visites` SET crypteur=crypteur+1 ...
Que cet utilitaire n'est proposé qu'à des buts pratiques pour l'internaute (en fait, j'avoue que je l'avais fait égoïstement au début pour moi tout seul, et que je me suis dit après que ça pourrait être utile à d'autres, c'est pour cela que je l'ai proposé en libre service).
Qu'il n'y a aucune raison de déclarer cet utilitaire à la CNIL, vu qu'aucune base de données personnelles n'est collectée. Si je ne m'abuse, "la CNIL est un organisme français chargé de faire respecter la loi informatique et libertés de 1978. Cette loi impose à tous les acteurs de l'informatique et détenteurs de fichiers informatiques d'accorder un droit d'accès, de modification, de rectification et de suppression pour toutes les données personnelles collectées". Or on est hors-sujet, vu qu'il n'y a aucune donnée personnelle collectée !
Êtes-vous rassuré cher Monsieur ?
Je compte d'ailleurs ajouter un laïus à ce sujet sur l'utilitaire en question. Rassuré ?
Si c'est le cas, permettez-moi de subodorer à votre sagacité intellectuelle quelques modestes réflexions qui me viennent à l'esprit :
Vous croyez franchement une seule seconde que j'ai que ça à *foutre* de collecter des adresses e-mails via un pauvre petit utilitaire visité à peine plus de 500 fois ?!?!?
Alors que le but proposé via cet utilitaire est d'ailleurs d'essayer de ralentir ce que je considère comme un fléau pour le web, et qui est le courrier non sollicité ?
Vous avez réfléchi combien de microsecondes avant de me sortir cette *connerie* de la taille de la Tour Eiffel ?
Vous croyez sincèrement :
que je m'investis dans l'utilisation de recommandations pour un web plus propre (W3C) ;
que je m'investis dans l'utilisation de recommandations pour un web plus accessible (respect des règles WAI) ;
que je fais l'éloge à plusieurs reprises de bonnes pratiques du web, bonnes pratiques entre nous soit dit que j'essaie d'implémenter le plus possible pour ce site (voyez la déclaration qualité du site pour en être convaincu), lesquelles permettant une meilleure accessibilité, interopérabilité, ergonomie, légèreté, transparence, etc. bref une meilleure qualité du web en général ;
que je passerai un temps fou (je peux vous le certifier, ça prend du temps) à améliorer et à enrichir petit à petit ce site (et les autres...), et ce sans faire aucun compromis sur le temps que j'y passe ;
que j'en ai d'ailleurs fait mon métier (voyez mon CV) ;
que je m'investis à écrire des articles sur Openweb ;
que je me tanne à écrire des tutoriels les plus accessibles que je puisse faire, pour créer des animations avec des logiciels pas monstrueusement connus ;
et plus globalement que je passe un temps fou à lire des textes et à perfectionner mon savoir pour faire des sites toujours meilleurs,
uniquement pour collecter trois pauvres adresses e-mails *à la con*, dont je me fous éperdument comme de mon premier slip ? Si vous croyez ça une seule seconde, permettez-moi de vous dire que vous êtes un *abruti décérébré* de la pire espèce !
Sans blague... (avec une grosse injure que la politesse m'interdit de reporter ici**)
** P.S : une indiscrétion vous fait savoir que l'insulte prononcée en langage très vulgaire se rapporte à une pratique sexuelle jugée déviante par l'église catholique, dont l'origine serait due à Sodome et Gomorrhe...
A noter, Firefox est disponible dans une nouvelle version, la 1.0.3, qui corrige quelques bugs et quelques failles de sécurité, notamment cette faille basée sur Javascript qui permettait de lire une partie du contenu de la mémoire vive de l'ordinateur (la faille avait été découverte aux alentours du 5 avril, et elle était déjà corrigée le soir même dans des "compilations nocturnes").
On notera sur le site de Secunia (Firefox) que Firefox a 4 failles non corrigées qualifiées de peu critiques. Pour tout donner en détail, 15 failles ont été trouvées, et donc nous avons 4 failles non corrigées sur 15, ces dernières étant qualifiées de peu critiques.
Et je ne vais pas pouvoir m'empêcher de comparer avec IE.
Le résultat est un peu moins glorieux : 80 failles ont été trouvées, dont 19 ne sont pas corrigées. Je vois également que sur ces 19 failles non corrigées, 2 sont qualifiées de "hautement critiques", le reste oscillant entre pas ou peu critique, et moyennement critique.
Après un certain temps de test, je ne peux que confirmer l'impression laissée dans les nouvelles précédentes, ce jeu est une vraie petite bombe !
La maniabilité est toujours au top, et la difficulté est pas mal dosée. Reste qu'obtenir une coupe de série en or en plate-forme... et bien vous avez intérêt à vous accrocher !
A noter, l'éditeur de circuits vous assurera une bonne durée de vie si vous êtes fan, vous pouvez par exemple aller sur Trackmania Exchange pour trouver de nouveaux circuits.
Et comme un circuit pèse environ 2 à 3 Ko à télécharger, ça serait dommage de s'en priver !
Après un week-end plutôt chargé, je vois que la fréquentation reste bonne, avec plus de 2000 visites pour ces deux derniers jours, soit plus de 152 000 visites au total !
Par contre, une nouvelle qui m'a bien surpris est tombée ce matin : Adobe rachète Macromédia !
Pour ceux qui ne sont pas familiers de ces deux "boutiques", voici la même nouvelle, mais en version logiciels.
Il y avait un certain temps que je n'avais pas posté de bêtise pour le week-end, je vous invite donc à aller faire un tour sur ce site : les clients à la con.
Vous y lirez quelques échanges assez splendides entre vendeurs et clients !
Décidément, c'est la période "corrections de bugs" !
J'en ai profité pour en corriger un plutôt curieux qui me faisait planter l'affichage de la page d'une nouvelle, si cette nouvelle n'existait plus. Vous pouvez essayer ce cas de figure, avec ce lien vers une nouvelle erronée.
Enfin... l'essentiel, c'est que ce soit corrigé, et c'est désormais le cas.
Et comme indiqué dans la nouvelle précédente, voici quelques stats maison, j'avoue que certains chiffres me surprennent :
Je viens juste de m'en apercevoir, mais cela fait presque un an (à 5 jours près, c'était le 19/04/2004) que j'ai relancé ce site !
Je doutais que le fil RSS soit vraiment intéressant pour les visiteurs, or depuis janvier 2005, il a été "vu" un petit peu plus de 20 000 fois, ce qui me montre à quel point j'ai pu avoir tort en doutant de l'intérêt de ce dernier.
524 commentaires en tout, depuis que j'ai ajouté cette possibilité.
561 billets depuis le début, soit donc environ un peu plus d'1,5 billets par jour depuis le 19/04/2004. Pas mal, non ?
Les tutoriels ne sont pas en reste, car depuis janvier 2005 ils totalisent environ 8700 visites à eux tous, sachant que le premier tutoriel est en tête (+ de 3000 visites pour les deux versions), il est talonné de près par le tutoriel sur Terranim, qui totalise un petit peu plus de 2500 visites pour les deux versions depuis le début de cette année.
Mes utilitaires ne se débrouillent pas mal, avec environ 1500 visites, toujours depuis janvier 2005.
19 animations, et la 20ème qui s'annonce comme très réussie, pour ce que j'en vois de déjà calculé !
Pas moins de 12 skins différents, dont une version imprimable, une version pour petits écrans, 6 skins "graphiques", 4 skins légers et un mode "random" qui a fait déjà 6 victimes !
Le site est consultable par 4 médias différents (screen, projection, print, handheld). Et après on va encore oser me dire que les CSS n'ont pas de vrai potentiel... cela prête à sourire quant on voit le résultat. Et sachez que je compte bien faire encore divers skins (j'ai déjà quelques idées qui me trottent en tête), je ne vois d'ailleurs pas ce qui pourra m'empêcher d'en rajouter...
Petit détail amusant, la base de données du site pèse 610 Ko, plutôt léger, non ?
Bref, que du plaisir, que du bonheur, et donc une seule direction s'impose : je continue de plus belle !
A noter, Terranim 2.1.4 est disponible en bêta-test.
La principale nouveauté de cette version est une timeline qui vous permettra de contrôler très finement vos animations.
Je l'ai essayé en vitesse hier, et à première vue, c'est plutôt pratique et bien conçu.
N'oubliez pas que c'est une version bêta, des bugs peuvent survenir, donc sauvegardez bien vos projets si vous voulez en faire avec cette nouvelle version.
J'avais oublié de vous en parler hier, je viens de finir un bouquin marrant : "Barry Trotter et la Parodie Ehontée".
Comme vous l'aurez deviné, c'est une parodie du célèbre Harry Potter.
C'est complètement déjanté, et force est de reconnaître que l'auteur de cette farce connaît plutôt bien les originaux. Si vous êtes un fan du petit sorcier, vous reconnaîtrez sans problème les nombreuses "déformations".
Quelques exemples :
Sirius Black devient Siroz... je vous laisse deviner à qui correspondent Pludbus Céldèlbore, Grobid, Professeur Gogue, Rato Malaufoie...
Les Détraqueurs deviennent les Marketors, des commerciaux assez inquiétants...
Lord Voldemort devient Lord Valdemarne, et il n'aime pas non plus les moldus, rebaptisés pour l'occasion Glandus !
Bien sûr, Barry est un tire-au-flanc de la pire espèce... etc.
C'est de l'humour un peu noir, voir limite lourdingue et grinçant par moment, mais c'est bien fendard, et surtout cela ne se prend pas au sérieux, je vous recommande vivement si vous êtes un fan de l'original !
Matin à 8H00 : démarrage de la voiture pour aller au boulot. Journée chargée : rendez-vous à 9H pétantes au boulot pour un nouveau projet + corrections de bugs sur un autre, et je dois être rentré avant 15H chez moi, la voiture doit passer au garage à 15H pour vidange.
8H15 : les vitesses ont du mal à passer, il faut un peu bourriner pour que la première passe.
8H20 : bouchon annoncé sur ma route.
8H30 : les vitesses sont de plus en plus dures à passer... j'espère arriver au moins jusqu'aux trois quarts du chemin, afin de faire étape chez mes parents... et de récupérer une voiture en "bon état de marche".
8H35 : bouchon confirmé sur ma route, un camion s'est couché dans un tunnel.
8H40 : il me reste 20 minutes pour faire un trajet qui normalement m'en prend 15... sans bouchons ni problèmes de boîte de vitesses.
8H42 : décidément, ma voiture m'inquiète de plus en plus, je décide de téléphoner chez mes parents pour y faire escale, ma mère me propose de passer directement chez le garage, ce que je décide de faire.
8H45 : je décide de téléphoner au boulot pour prévenir que je serai probablement à la bourre... crédit de communication épuisé, impossible de téléphoner.
8H50 : arrêt chez le garagiste. Probable problème d'embrayage ou de boîte, heureusement pour moi, il peut prendre ce maudit tas de ferraille demain.
8H55 : arrêt express chez les parents, je téléphone au boulot. Mon boss m'explique que lui aussi a eu des problèmes sur la route, il me dit que le rendez-vous qu'on devait avoir attendra sagement (quelle chance d'avoir un patron compréhensif !).
9H00 : coup de fil express à l'autre garage pour annuler le rendez-vous à 15H.
9H08 : je décide de filer aller chercher une recharge pour ce téléphone à la c.., je la paie, j'essaie de recharger... pas moyen. Je m'aperçois qu'elle m'a filé une recharge... mais pas pour le bon opérateur.
9H10 : vu le bordel annoncé sur la route, je décide de bosser à distance chez mes parents en attendant que la situation s'améliore.
Je me suis un peu amusé ce dimanche, et j'ai pu ajouter une CSS dédiée à l'affichage sur petits écrans (média "handheld").
Pour résumer en deux mots, tout est mini dans cette CSS, le site s'affiche en une colonne, les images sont remplacées par leur attribut "alt", etc.
Si vous utilisez Opera, vous pouvez voir ce que cela donne en mode "Small Screen" (rendu en petit écran, dispo si vous faites Maj + F11 sous Opera).
Toutefois, je trouvais dommage que l'on ne puisse pas voir dans un navigateur classique ce que cela peut donner, j'ai donc créé une seconde CSS basée sur celle pour les petits écrans, avec deux ou trois légères modifications inhérentes au média "screen".
C'est donc en quelque sorte un nouveau skin que je vous propose, je l'ai mis dans la catégorie "Expériences curieuses" de la page des skins.
Et comme tout est mini dans cette CSS, je l'ai donc logiquement baptisée Mini-Blue !
P.S : il est tout à fait normal que cette expérimentation ne soit pas parfaite, si vous avez des remarques à me communiquer à ce sujet (tests, conseils, etc. j'ai un peu de mal à trouver des infos sur le sujet), n'hésitez pas.
J'ai corrigé divers oublis dans plusieurs CSS, notamment celles des skins légers (comme Simple Blue, etc.) dans lesquelles j'avais bêtement oublié de cacher les séparateurs entre les liens dans les galeries d'images ou de photos...
J'en ai profité pour alléger quelques peu ces CSS au passage !
En tout cas, la fréquentation reste excellente, avec 2000 visites ce week-end, soit plus de 147 000 visites au total !
La première partie de la prochaine animation est entièrement calculée, la dernière frame vient de finir de se calculer à l'instant même !
Bink est en train d'assembler le tout... J'en profite d'ailleurs pour faire un peu de rangement sur ma partition dédiée à Terragen... et hop, 5 Go de libérés (en triant et en compressant quelques vieux restes).
C'est bon, la vidéo est assemblée, et je dois dire que le résultat est pas mal du tout, vivement que la deuxième partie soit achevée !
Sur ces bonnes nouvelles, je vous souhaite un bon week-end !
Ce sont pas moins de 3000 visites en 4 jours qui se sont ajoutées au compteur, pour un total de plus de 145 000 visites !
Côté nouvelles, je suis en train de réfléchir à un petit skin léger, histoire de penser aussi à ceux qui ont une petite connexion internet (et de m'amuser un peu avec les feuilles de style !).
Le moins qu'on puisse dire, c'est que les graphismes changent bien de précédent opus. La difficulté est bien plus relevée à mon avis (certains circuits en mode plateforme sont vraiment prise de tête...).
J'ai également eu une petite frayeur à l'installation, le disque a mis un certain temps avant de se lancer, j'ai cru qu'il ne voudrait jamais s'installer...
Par votre incapacité à informer de manière sérieuse et raisonnée. Je m'explique.
Dès qu'une info dite "importante" arrive, on en bouffe jusqu'à plus soif pendant au moins 15 jours, quand ce n'est pas plus. Je ne sais pas si c'est l'envie de faire de l'audimat, ou de faire durer les infos, mais j'avoue que j'en ai un peu marre. Le soir même de la mort du Pape, on a eu droit à un journal environ 15 minutes après l'heure "officielle" du décès, et dans ledit journal, il a été clairement dit que c'était le genre d'info qui durait pendant 1 mois minimum, et qu'on allait en manger à toutes les sauces.
Prenons le meilleur exemple, le sacro-saint (sic) journal de TF1 !
On commence avec la mort de Prince Rainier (sa vie, son oeuvre, etc. gnagnagna...). Ne râlons pas, comme c'était le premier journal que je voyais à ce sujet, je comprends qu'on traite l'info du jour même (normal, dirais-je même).
On enchaîne avec... le Pape. La foule sur la place St-Pierre, etc.
S'en suit... notre petite série sur les français qui veulent aller voir... le Pape.
Je décide de zapper, ne supportant plus qu'on me rabâche la même conner... pardon info.
Retour sur TF1, fin du reportage précédent. Remarquez, ça change de "notre belle série sur les fabriques de cloches à l'ancienne"... Comment ça, j'exagère ? C'était le sujet de la semaine dernière !
On enchaîne avec... suspens insoutenable... Va-t-on parler un peu de cette Constitution Européenne incompréhensible dont personne n'a rien à foutre, mais qu'il va falloir aller donner son avis dessus quand même ? Ou va-t-on entendre parler de la grêve des urgentistes en France ? Peut-être vont ils nous re-saoûler avec l'Irak (en plus son "président" a été élu aujourd'hui même, dans l'indifférence générale) ? Un immense espoir monte en moi, je me dis que je vais peut-être enfin avoir des arguments sérieux et compréhensibles sur la Constitution Européenne, car le texte est copieusement indigeste à lire, et difficile à comprendre. Je vais enfin SAVOIR ! (car je veux savoir)
Et bien non. Tout faux. Retour sur le Prince Rainier, et c'est reparti. Et météo, et point final.
Bref, quand il y a une info "à forte teneur en audimat", elle bouffe tout le reste, et quand il n'y a pas de grosse info, on a droit à des sujets limites ridicules (le concours du village le plus fleuri, la mamie de Chaumont-sur-Jura qui a peur de se casser la g.... parce qu'il y a 3 flocons qui tombent... en hiver (!), etc.).
Je ne dis pas que ce n'est pas bien de parler de ce genre de sujets, mais il y a peut-être un peu plus de temps à consacrer à des infos un peu plus importantes que l'artisan-ferrailleur d'Oxouille-Sur-Champenois reconverti à la culture du chou dans le Bas-Quercy... Oserai-je appeler cela de l'abrutissement médiatique ?
Oui.
P.S : (librement adapté de Coluche) heureusement que je ne regarde pas uniquement la télé, sinon, bonjour la qualité de l'information. Si tout le monde ne regardait que la télé, ça serait un de ces bordels. D'ailleurs, c'est un beau bordel. Je me demande si tout le monde ne regarde pas que cela...
Le site de Yves Maquinay a subi une petite cure de jouvence, je vous invite à aller faire un petit tour, le site et ses images virtuelles en valent la peine !
J'en ai profité pour corriger quelques oublis (acronymes, etc.) sur le site, la fréquentation n'a pas diminué, avec pas moins de 4000 visites en 6 jours, soit plus de 142 000 visites.
Dès que j'aurais quelques nouvelles de mes "rendereurs", j'essaierai de poster des nouvelles de la prochaine animation...
Le site est devenu une entité autonome, vous ne pouvez plus contrôler les skins !
Je m'excuse d'avance pour la gêne occasionnée dans la navigation...
Mise à jour : rassure-toi Cédric, le mode "Random" était bien activé par défaut volontairement ! Quand à la preview de la prochaine animation... si vous croyez qu'il me faut 3 mois pour faire ça...
On ne pourra pas dire que je n'avais pas prévenu : il est clairement notifié "Expérience curieuse : il faut avoir le coeur bien accroché... etc.".
Les symptômes du mode "random" se suivent et se ressemblent plus ou moins :
Votre site doit avoir une erreur de code, surtout au niveau du PHP. Ndm : effectivement, c'est bien de PHP que vient le phénomène... mais y a pas d'erreur ! (c'est Lesieur !)
On vous a peut-être déjà prévenu de ce problème. (Ndm : certes, à 5 reprises, vous êtes le 6ème !)
Quoi qu'il en soit, je n'en tiens pas rigueur, votre site est très bien. (Ndm : il ne manquerait plus ça !!! Rancuniers !)
Bref, surtout ne lisez pas l'explication du thème "Random", quel plaisir de lire ce genre de missives électroniques !
J'ai eu cette idée cet après-midi, alors je vais essayer d'être exhaustif !
Rappelons qu'un terragenaute est un utilisateur de Terragen. Ce bestaire est ordonné par niveau de contamination (addiction) du logiciel, par ordre croissant.
Les débutants/intermédiaires :
Le débutant complet : il vient tout juste de découvrir le logiciel, et il a du mal à comprendre comment tout cela fonctionne.
Symptômes : il pose des questions souvent bâteau style qu'est-ce que veut dire tel mot, à quoi sert telle option, etc.
Conseils : Soyez gentil quand il vous pose ces questions, vous avez tous été débutants un jour...
Le débutant intéressé : il voit que les pros arrivent à des résultats tous plus stupéfiants les uns que les autres, et il veut comprendre "comment ils font ça !".
Symptômes : il est toujours en quête d'un tutoriel lui permettant d'affiner ses connaissances, à la limite de l'insupportable car TOUT l'intéresse. Il manque la technique, mais la volonté est forte !
Conseils : réfrenez ses envies, car il se disperse dans trop de directions en même temps.
L'intermédiaire patenté : ce dernier commence à maîtriser certains modules, mais d'autres modules ont bien du mal à passer.
Symptômes : les créations ont un ou deux points très forts (ciel, atmosphère, etc.), mais les réalisations sont perfectibles.
Conseils : Encouragez-le sans être trop dur sur ses points faibles, il ne manque que la pratique et un peu de réussite pour que ses réalisations deviennent de petits chefs d'oeuvres !
Les avancés :
L'overlayer fou : toujours en quête d'une texture en 4000*4000 (minimum) applicable sur une portion de ses réalisations.
Symptômes : il use et abuse de textures complexes à coups de SOPack.
Conseils : Pour cet exemplaire, il peut être utile de lui montrer que Terragen peut générer de jolies textures lui-même...
Le stratosphéreux : comme son nom l'indique plus ou moins, c'est un maniaque des strates avec le SOPack Strata Overlay.
Symptômes : il arrive à en placer partout, même sur une image où il n'y a pas lieu de mettre des strates !
Conseils : expliquez-lui qu'une image n'a pas forcément besoin de strates pour être réussie...
Le DEM-iste distingué : il utilise d'immense relevés topographiques en guise de terrain pour ses créations.
Symptômes : il est toujours en quête de relevés plus fins de terrains, et a au moins 10 versions du Mt Rainier et du grand Canyon.
Conseils : montrez-lui qu'il existe d'autres manières d'avoir des terrains intéressants... et moins lourds !
Le "World-Machiner" : comme son nom l'indique, il est adepte de World Machine dont il ne cesse de vanter les mérites.
Symptômes : il commence à parler sans arrêt de choses bizarres comme des macros, de "Perlin Noise", etc., et parle dans un langage assez difficile à suivre quand il explique la logique de ses créations de terrains. A noter, ce virus a muté, il peut se présenter des fois comme GeoControleur fou...
Conseils : ne soyez pas obtu envers la complexité de certains de ses propos, et profitez de ses connaissances, c'est un générateur de terrains à lui tout seul !
Les pénibles : Le boulet : comme dans tous les domaines il en faut un, Terragen n'échappe pas à la règle.
Symptômes : on a beau lui expliquer 100 fois la même bêtise, il posera 101 fois la même question.
Conseils : réfléchissez à deux fois avant de l'envoyer sur un tutoriel, car comme il lit les tutoriels en diagonale hyperbolique, il pourrait se mettre à vous questionner... sur des éléments écrits noir sur blanc. Fatiguant.
L'artiste raté : il est persuadé d'être un génie, ce que ne reflètent pas du tout ses réalisations.
Symptômes : il a tendance à adorer les images de tout le monde, en espérant que tout le monde aura la même attitude que lui... surtout envers sa propre personne.
Conseils : l'ignorance reste encore le meilleur remède à ce genre d'individu hautement imbu de sa propre personne... alors qu'il n'y a pas grand chose pour : les réalisations se suivent... et ne s'améliorent guère (voire sont franchement hideuses).
Le "reloaded rendereur" : il fait très... non, trop souvent la même image.
Symptômes : il a eu beaucoup de succès avec une image, et depuis, il n'arrive plus à faire autre chose, la caméra bouge de quelques mètres à peine entre chaque rendu.
Conseils : montrez-lui qu'il n'y a quand même pas beaucoup de différence entre les 25 dernières images qu'il a réalisées... voir pas de différences du tout !
Le caliméro Max : il est toujours en train de pleurer que Terragen ne fait pas cela comme tel soft, et est limité sur telle possibilité...
Symptômes : toujours en train de râler ou de grogner.
Conseils : proposez-lui de réaliser un paysage photo-réaliste avec 3D Studio Max ou Maya par exemple, cela devrait le calmer pendant quelque temps et l'aider à méditer sur le côté intuitif de Terragen...
L'odieux pompeur : comme il veut tout, et tout de suite, il reprend des fichiers mis à disposition gracieusement, déplace la caméra de 3 pixels et s'approprie le rendu.
Symptômes : une fâcheuse tendance à vouloir reproduire les travaux d'autrui... parfois au pixel près, et sans citer ou remercier le créateur original !
Conseils : dites simplement que l'auteur original avait fait une très belle image, ça suffit à le refroidir.
Les fous dangereux :
L'hyper réalistique : il FAUT que l'image ressemble à une photo, sinon ça ne compte pas.
Symptômes : capable de recommencer 1000 fois un rendu, de tester les 40 000 combinaisons possibles de "Density Contrast" et de "Density Shift" (200 fois 200), etc.
Conseils : difficile de le calmer celui-là... laissez-le tester toutes les combinaisons possibles, il n'y a rien à faire.
Le savant fou expérimentateur : il va essayer toutes sortes d'effets farfelus afin de voir si c'est exploitable.
Symptômes : utilise des paramètres curieux (des soleils négatifs, des brouillards concentrés à dispersion paraboliques non continues, etc.) ou des terrains farfelus.
Conseils : vous pouvez toujours tenter de lui faire l'apologie de la simplicité, mais ce n'est pas gagné avec ce genre d'oiseau !
Le rendereur King Size : tout est démesuré. Des terrains en 4096 (voire en 8192 !!!), des ciels de taille 100 000 unités Terragen, des rendus en 8000*6000 avec le niveau de détail à fond, etc.
Symptômes : se plaint du manque de puissance des machines actuelles.
Conseils : encore une fois, difficile de le calmer celui-là... essayez un concours d'images faites avec la version non enregistrée (=limitée) de Terragen ?
Le "turbo-renderer de masse" : il en calcule des images celui-là.
Symptômes : ne peut pas s'empêcher de faire des rendus. Tout le temps. En grande quantité. Sans arrêt.
Conseils : non seulement sa machine est difficile d'accès, mais elle est constamment utilisée. Difficile de calmer sa cadence infernale...
Le "TerraMojoPhotoVueBryceGeneur" : il faut qu'il les essaie tous. Et pire, chacun a ses forces... pour compenser les faiblesses des autres !
Symptômes : il utilise des terrains Mojoworld qu'il a créé, les exporte sous Terragen, ajoute une planète dans Vue d'Esprit, inclut quelques objets sous Bryce, et ajuste le tout sous Photoshop.
Conseils : ne lui dites pas qu'une nouvelle version de ses outils préférés est sortie...
L'animateur Terragenesque : Attention, danger public ! Depuis qu'il a eu le plaisir de voir une vidéo de paysages virtuels et doté d'une patience à toute épreuve digne d'un croisement génétique entre un moine bouddhiste et un anglais flegmatique, il ne peut pas s'empêcher de faire des animations. Tout le temps. A toutes les sauces.
Symptômes : il est toujours en train de parler de calculs interminables, de tutoriels (sur les animations bien sûr) qu'il écrit quand son ordinateur est monopolisé par ses rendus interminables. Limite tendance sadique envers les processeurs... pénible. Fatiguant. Insupportable. En plus, il n'arrive pas à comprendre que tout le monde n'a pas forcément envie de faire des animations... pour lui, il n'y a rien de plus logique que de laisser tourner des ordinateurs à 100% pendant plusieurs mois pour une animation (sic), là où une personne normale s'énerve au bout d'une journée.
Conseils : si vous avez un ordinateur puissant qui ne vous sert à rien, proposez-lui de l'aider pour les rendus, il va tellement vous sembler heureux de ce coup de main providentiel que vous aurez l'impression d'avoir sauvé la terre entière. Sinon, jetez un oeil à son boulot, car on n'imagine jamais le temps que cela peut prendre...
Si vous voyez d'autres bestiaux que j'aurais omis de mentionner, ajoutez un petit commentaire !
Rectification : bien sûr, toute ressemblance avec des personnes existant ou ayant existé ne serait que pure coïncidence...
Et voici le rafraîchissement du 3ème tutoriel, lequel vient boucler ce ménage (mises à jours des adresses, corrections diverses, ajouts de divers attributs, etc.) commencé il y a quelque temps.
J'en ai profité pour corriger quelques oublis (attribut "lang" de certains acronymes), je pense que je vais continuer à faire quelques changements, comme rectifier le nom de certains liens, ajouter quelques balises par ci par là, etc. Je vais également faire très bientôt un petit état des lieux de l'avancement du calcul de la prochaine animation.
En attendant, la fréquentation n'a pas faibli : 3000 visites en 5 jours, soit 138 000 au total !
Je viens de voir deux films ce week-end prolongé, et je vous les recommande chaudement.
Le premier des deux est Ray, ou si vous préférez un film retraçant la vie de Ray Charles (quel pied cette musique !).
Le second est Super Size Me, que j'ai pu voir en DVD. L'idée de ce documentaire est de montrer les résultats d'un mois de nourriture exclusivement "MacDonaldesque" sur la santé, je vous invite vivement à regarder ce documentaire, c'est comique et cela donne à réfléchir...
La "petite expérience amusante" dans les bonus risque d'en choquer plus d'un...
Je vois de temps à autres que des commentaires sont postés dans des billets bien anciens, et juste dans l'espoir d'augmenter le rang (Google rank) d'un site lambda grâce au champ "Url" pour poster un commentaire, qui sera transformé en lien quand le commentaire sera posté.
Ils doivent se dire "un petit commentaire/coup de pub discretos dans une nouvelle qu'il ne lit plus, ça passera tranquillement". Au risque de vous décevoir messieurs-dames, je me suis gentiment concocté un petit système qui me permet de voir tous vos commentaires par ordre de postage, et je n'ai que l'embarras du choix, un clic me permet de le supprimer (si ce dernier est raciste par exemple), un autre clic me permet d'ajouter rel="nofollow" au lien vers votre url, si par exemple votre propos n'a strictement rien à voir avec la nouvelle en question.
Le dernier en date a quand même été gonflé : oser poster dans une nouvelle indiquant une correction de bug de CSS un commentaire me disant qu'il fallait que j'aille sur LE site de telle ville... (site tout pourri en plus sous mon Mozilla préféré)
J'entends souvent que le respect des standards n'est qu'une chose pour codeurs maniaques en manque de sensations, et que cela ne change fondamentalement rien pour les utilisateurs.
Je passerai sur l'intelligence et l'argumentation du propos ci-dessus, et je vais essayer de tordre le cou à ce genre d'idée.
Reconnaissons-le, il est vrai que ces standards bien utilisés sont un plus pour le concepteur de sites :
Le site est plus léger, plus simple à créer et à maintenir.
On a beaucoup de possibilités de présentations à partir d'une même structure (cf les skins du site), et ce pour plusieurs médias (impression, écran, etc.)
Dans un monde idéal (autrement dit si IE les respectait mieux, ces standards), on ferait un site, et point barre, on sait que cela marche avec tous les navigateurs (gain de productivité, etc.)
D'un point de vue purement technique, ce sont les avantages qui me viennent à l'esprit.
Voyons le côté utilisateur :
Comme énoncé ci-dessus, le site est plus léger, donc se chargera plus vite (et oui, tout le monde n'a pas une connexion haut débit).
Si tant est que les standards soient bien utilisés, le site sera accessible à un large panel d'utilisateur. On me répond : "on s'en fout, ce n'est pas important". Je réponds donc : supposez que vous ayez un accident, ou que vous ayez subitement un problème quelconque (vue, motricité des mains, impossibilité d'utiliser une souris, etc.), vous seriez bien content de pouvoir continuer à surfer ? Au même titre que si vous deveniez handicapé, vous seriez bien content de trouver des places de parking, ou d'accéder à tel magasin. Donc pourquoi ne pas le faire ? Cela ne change rien pour les utilisateurs lambda qui n'ont aucun problème particulier, et cela aide les autres !
La diversité des médias est un autre avantage pour l'utilisateur. Supposons que vous désiriez imprimer une page, c'est quand même bien agréable d'avoir une version imprimable directement ?
J'ai dit plus haut qu'un avantage des standards pour le développeur était de ne faire qu'une seule version du site. Mais c'est aussi un avantage pour l'utilisateur ! Imaginez si vous deviez à chaque fois que vous consultez une page choisir entre 15 versions différentes (une version pour chaque navigateur) ? Déjà avec deux choix, c'est pénible, alors avec 15... C'est bien agréable d'accéder au site sans devoir se soucier de la manière d'y accéder, n'est-ce pas ? Au passage, voici ce que l'on appelle l'indépendance du média.
Proposer plusieurs designs pour un site (comme sur le site), cela ne sert à rien ? Dans l'absolu, en effet cela ne sert à rien. Pourtant je reçois souvent des mails me disant : j'aime bien votre skin "Simple Blue" pour sa légèreté, j'aime bien votre skin "OpenOffice" qui est marrant, j'aime bien le skin par défaut, mais je lui préfère tel skin... Si le fait de pouvoir créer plusieurs skins à partir de la même structure est agréable pour le développeur, il l'est d'autant pour l'utilisateur qui a... le choix ! C'est quand même agréable de pouvoir consulter le même site avec plusieurs designs différents, sur certains sites, on ne vous en donnera pas le choix ! (et toc !)
De plus, si votre site préféré respecte les standards, vous êtes sûr de pouvoir continuer à le consulter dans le futur...
Au final, c'est bien l'utilisateur qui gagne plus aux respect des standards.
Et après vous allez me dire que ce n'est pas important ?
Si comme moi vous aimez beaucoup la bande dessinée "Léonard est un génie", vous serez sûrement content d'apprendre que le tome 35 est sorti, toujours sous la coupe de Turk et De Groot.
Le titre en est : "Le génie donne sa langue au chat".
L'univers de Léonard est toujours aussi délirant !
L'université du Wisconsin a fait une excellente initiative, des vidéos sur les problèmes d'accessibilité que rencontrent les personnes aveugles ou ayant divers problèmes de vue quand ils consultent un site internet.
Force m'est d'avouer que ce genre d'initiative est très "parlant", j'invite les développeurs web à les visualiser, c'est très instructif.
Comment cela, cela n'en fait que trois ? Effectivement !
J'avais annoncé dans cette nouvelle que je m'essayais à une nouvelle activité que me prenait pas mal de temps.
En fait, cette nouvelle activité est de contribuer à Openweb en tant que rédacteur ! Le 4ème article est donc le suivant : Avoir plusieurs présentations alternatives pour votre site, où j'explique l'utilité de standards comme XHTML/CSS pour créer un site ayant plusieurs présentations alternatives.
Qu'il me soit permis de remercier tout le collectif, pour leur franche sympathie et leur aide bien précieuse (pour la rédaction de cet article et tout ce qu'ils me permettent d'apprendre dans ce vaste domaine).
En tout cas, je peux vous dire que cela fourmille dur "de l'autre côté", et que de nombreux articles sont en préparation...
J'en ai profité pour corriger un bug curieux qui gênait le bon fonctionnement de l'aperçu avant impression sous Firefox et Mozilla.
Comme j'ai eu la chance de monter en altitude (3200 mètres) ce week-end, et de faire quelques photos, je vais essayer d'ajouter une petite galerie dès que possible ! (dès que je me serai remis du coup de soleil que j'ai pris... héhéhé !)
Je pense que cette journée va voir arriver d'autres news bien vite...
La fréquentation reste plutôt bonne, avec 3000 visites en 4 jours ! Le tutoriel sur Terranim vient d'ailleurs de passer la barre des 1000 visites.
Et histoire de commencer le week-end en douceur, je vous propose un petit jeu débile (vu sur judgehype.com) nommé "Nana Crash".
Le but de ce jeu est d'expédier un gars le plus loin possible, mon record étant pour l'instant de 6979.44 mètres...
Et une vanne débile, petite, méchante (mais qui me fait rire quand même) : la prochaine version d'IE a pour nom de code "Rincon". Au vu du temps qu'il a fallu et qu'il faudra encore attendre, il faudrait que Microsoft arrête de me prendre pour "Rincon"...
Allez, je file en week-end me cacher après cette vanne nullarde !
Les utilisateurs d'Opera auront peut-être remarqué l'ajout du média "projection" pour le site. Comme ce navigateur bascule en mode "projection" quand on visualise en plein écran un site, je me suis dit que cela ne coûtait pas beaucoup d'efforts pour ajouter cette possibilité sur le site.
Le site est donc consultable pour un média de plus. Je compte bientôt essayer de faire une version pour PDA, mais je ne connais pas encore très bien le sujet... C'est à approfondir !
(pour ceux qui ne connaissent pas Opera, c'est un autre navigateur web doté de sérieux atouts : visualisation en mode "petit écran" pour simuler un site sur PDA, et de nombreuses options, son seul défaut est d'être payant ou d'avoir une publicité si on utilise la version gratuite, ce qui n'enlève rien à ses qualités)
Ce n'est pas moi qui le dis, mais Google si vous cherchez "banana republic". (en deuxième place s'il vous plaît)
Comment cela se fait-ce ?
Voilà ce que l'on appelle un Google bombing, de nombreux internautes déçus par l'attitude de la commission européenne ont décidé d'associer le site du conseil européen avec les mots "République bananière" (banana republic en anglais).
Je m'abstiendrais d'en rajouter sur ce sujet, je vous invite à lire cet article, qui résume ma foi assez bien la situation.
Je viens de revoir Ennemi d'Etat, un film de Tony Scott sorti en 1999.
L'histoire, pour ceux qui ne connaissent pas ce film, est la suivante : Will Smith est Robert Dean, un avocat engagé depuis ses débuts dans une lutte acharnée contre la mafia, qui rencontre fortuitement un ami d'enfance, témoin malgre lui d'un meurtre politique, ce qui le plonge aussitot dans un engrenage infernal. Il devient ainsi le dernier possesseur de la seule preuve existante du crime commis par Thomas Reynolds, le directeur de la NSA, l'organisation gouvernementale la plus secrète et la plus puissante des Etats-Unis, envers un député. Reynolds va déployer toutes ses ressources pour neutraliser et discréditer Dean.
Au menu, un bon film d'action bien rythmé, avec en toile de fond la problématique du respect de la vie privée. En comme tout film américain, le film se finit bien, et les méchants qui veulent espionner la vie privée des gentils ne réussissent pas à arriver à leur fin.
Pourquoi je vous parle de ce film ?
Regardez-le en pensant à l'après 11 septembre aux Etats-Unis, notamment le Patriot Act, loi qui autorise grosso modo la surveillance de la vie privée aux Etats-Unis, et vous trouverez que le film laisse un goût particulier (surtout pour les américains), quand on voit que ce qui a été voté en vrai était justement ce-qui-n'était-pas-bien dans le film.
On pourrait appeler ça l'ironie du sort, en quelque sorte.
Bref, heureusement que "tutoriel terranim", "tutoriel campath" et "animations terragen" sortent du lot, sinon ça en serait désespérant de faire des sites sérieux...
J'ai quelque peu corrigé divers oublis de l'époque (notamment les attributs "hreflang", "xml:lang", quelques acronymes manquants, etc.) sur le premier tutoriel sur Campath, histoire de remettre à niveau la source de ce tutoriel (la version anglophone a également subi ce ravalement de façade).
Les archives ont également été mises à jour.
Si j'ai du temps de libre, j'en ferai de même pour les deux autres tutoriels.
Le site va reprendre sa fréquence de mise à jour habituelle dès ce soir.
En tout cas, la fréquentation n'a pas trop pâti de cette pause momentanée, avec 3000 visites en 4 jours, soit 126 000 visites au total.
Je suis d'ailleurs en train de regarder les statistiques maison mises en place depuis début 2005, et je vois que le premier tutoriel sur Campath a reçu un peu plus de 1000 visites (pour chaque version, anglophone ou francophone), le dernier tutoriel sur Terranim n'est pas bien loin derrière non plus.
De retour après une pause d'écoeurement, voici quelques bonnes nouvelles du côté de l'animation en cours de calcul : le calcul accélère enfin, en tout cas pour la 1ère partie, sur les deux que compte l'animation.
Nous en sommes environ à un peu plus de 2000 images calculées, soit 2/5 du total.
Si vous doutez que le rendu accélère, faites le comparatif, le calcul a débuté le 10 janvier 2005, le 1er cinquième du calcul a été achevé le 24 février 2005, donc en à peu près 1 mois et demi (rien que ça !).
Le 2ème cinquième a été calculé en environ 2 semaines et demie. Plus raisonnable, n'est-ce pas ?
La première partie (2100 images) devrait vite être bouclée, la deuxième risquant d'être un peu plus longue à finir (beaucoup plus d'eau et plus longue).
Il faut dire qu'il y a pas moins de 4 ordinateurs qui tournent à plein régime, et on ne peut pas dire que ce soient des tracteurs...
La directive controversée des brevets logiciels vient d'être adoptée par le Conseil. Après avoir tenté plusieurs passages en force de manière douteuse (par exemple, faire passer cette directive lors de conseils sur l'agriculture et la pêche(sic)...), le texte a été adopté, en dépit des réclamations de plusieurs pays. Citons la présidence Luxembourgeoise : "Je sais que certains membres, dans ceux que j'ai cité, le Danemark, la Pologne, le Portugal, auraient voulu que le point que nous traitons fasse l'objet d'une discussion comme point B dans notre conseil.
Je n'ai pas pu l'accepter, vous me direz c'est un mauvais depart pour une présidence, mais il y a des procédures à respecter. Et parce que cela aurait été remettre en cause la logique même de l'exercice tel qu'il est prévu au niveau des procédures, et que nous sommes appelés à mener à travers l'adoption en point A."
Ce qui est bien sûr complètement faux : selon le propre règlement intérieur du Conseil, qui stipule qu'un point B - qui est en même temps une demande pour retirer un point A de la liste - ne peut être rejeté que par une majorité du Conseil et pas seulement par sa présidence.
Bref, la présidence Luxembourgeoise a décidé de faire fi des règlements même du Conseil...
Le texte va repasser au Parlement Européen, lequel devra maintenant décider d'amender le texte - comme il l'avait fait en première lecture - ou de le refuser à la majorité absolue et non plus à la majorité simple (difficile donc à obtenir).
Pourquoi suis-je contre cette directive ?
Prenons un exemple. Vous êtes dans une jeune entreprise qui décide de se lancer dans le commerce en ligne, comme tout lancement d'entreprise, les fins de mois sont assez tendues point de vue budget. Supposons qu'un gros concurrent a déposé des brevets sur le commerce en ligne et décide de vous attaquer. Que pouvez-vous faire ?
En gros, c'est vite décidé, car il est difficile de lutter (financièrement et juridiquement), donc soit vous versez d'importantes royalties, soit vous mettez la clé sous la porte...
Typiquement, tous les logiciels libres qui ramènent de la concurrence dans des domaines où il n'y en avait plus (navigateurs web par exemple), concurrence bénéfique pour le consommateur mais gênante pour les grosses compagnies, pourraient se voir attaqués à coups de brevets logiciels...
Je suis parano ? J'ai bien peur que non. Visez donc certains brevets :
le JPEG (!) serait sous le coup d'un brevet (imaginez s'il fallait enlever tous les fichiers de ce type sur le web)
une boutique web est sous le coup d'un brevet (!!)
voir une vidéo/preview sur le net aussi (!!)
voir des résultats dans le même style (les boutiques de e-commerce vont aimer) que ceux d'une recherche lambda est également breveté (!!!!)
un lien vers une image "style cliquez ici pour voir une version plus grande" est également breveté (!!!!!!!!), etc... (mon site est donc sous le joug d'un brevet, vu que j'utilise cette technique)
Le principe du caddie informatique est également breveté !!!!!
Et la liste est loin d'être exhaustive...
Lisez donc cette page : 20 brevets qui plombent le web, et vous verrez la débilité de certains brevets (je n'ai rien contre les brevets en soi, mais ce système n'est absolument pas applicable pour les logiciels, l'évolution est trop rapide).
Imaginez ce qu'il va se passer : plus d'évolution, plus d'innovation, dès qu'un concurrent devient menaçant on l'attaque à coup de portefeuille de brevets logiciels, bref, tout sera tenu par quelques grosses compagnies qui auront une bonne collection de brevets qui plomberont la concurrence.
Vous comprendrez aisément pourquoi je suis dégoûté de l'adoption de cette directive, le web est déjà plombé par la non-évolution d'Internet Explorer, et il n'a pas besoin d'être encore plus plombé par ce genre de problèmes... (et plus globalement le domaine de l'informatique en général)
L'Europe veut être forte et indépendante des Etats-Unis d'Amérique, dont elle va pourtant gentiment devenir une vassale technologique avec ces brevets logiciels.
Je me permets de remercier chaleureusement les médias français qui ont particulièrement bien fait leur travail d'information, comme les grandes chaînes comme TF1, France 2, etc. qui n'ont pas consacré une minute à ce sujet, préférant faire des reportages sur "notre petite série sur les artisans ferrailleurs de Chaumes-sur-Creuse, où la neige bloque le bus scolaire" (c'est plus vendeur), je pense que vous reconnaîtrez de quel journal et de quel présentateur je parle... Félicitations ! Vous venez encore de prouver votre incapacité à informer les gens de manière sérieuse, franchement vous vous êtes bien foutus de la tronche de chaînes comme FoxNews, mais vu le contenu incroyablement riche de vos journaux (la moitié du journal consacré au mauvais temps, le tout saupoudré d'un peu d'insécurité et un petit tour dans des reportages régionaux à haut contenu informatif et culturel...), je me dis que vous ne valez guère mieux. J'y reviendrai dans de prochains billets, comptez sur moi...
Je n'oublie pas les autres médias (presse, radios...), dont la couverture de cette actualité a été proche du vide intersidéral.
Bref, chapeau bas, une splendide mascarade de démocratie, dont aucun média n'a rien à foutre.
P.S : pour ceux qui auront le courage de lire ma prose jusqu'au bout, je fais une pause sur ce blog pendant quelque jours, histoire de me changer les idées...
Comme vous pouvez le voir, il y a un "léger" changement.
J'ai décidé de mettre le nouveau skin "Industrial Red" par défaut pendant quelque temps, histoire de dérouter un peu les habitués.
Au menu :
Un nouveau graphisme
Pas de préchargement, ce skin utilise la technique des portes coulissantes en CSS, et au passage une nouvelle méthode de positionnement (toujours via CSS, je ne vais pas commencer à changer la source de mon site, non plus...)
J'ai fait quelques changements, désormais vous ne trouverez plus la version longue de cette animation mais juste la première partie.
Comme la version longue était d'une qualité... disons pas géniale, j'ai préféré refaire une archive de meilleure qualité avec seulement le début de cette animation (au final vous l'avez en complet, mais en deux fichiers !).
De plus, je ne peux pas uploader un fichier de plus de 60 Mo (limitation des espaces persos), d'où ma démarche...
Pour la petite histoire, un concours d'animation avait été proposé sur Renderosity, le sujet était le suivant : "Dreams of Peace" (interprétation au choix du participant).
J'étais en train de calculer "Sables" quand je suis tombé sur cette annonce, et la date limite était pour le soir même, c'est-à-dire que j'avais environ 2 heures pour pondre une animation, alors que je n'avais pas fini le calcul, et même pas songé à trouver une musique...
Bref, improvisation complète à toute vitesse, la musique choisie est une de Diablo 2 (de Matt Uelmen), et s'appelle "Toru" (la cité de Lut Gholein pour les connaisseurs), et j'ai pris ce qui était calculé.
Le résultat n'a pas été mal pour un truc fait complètement à l'arrache : 17ème sur 30 entrées, dont certaines sont faites avec des logiciels bien plus costauds que Terragen dans le domaine de l'animation... style Cinema4D !
Vous pourrez trouver cette "ébauche" dans la page des animations, j'ai juste un peu augmenté la résolution par rapport à l'original, et rajouté quelques secondes d'animation au passage...
Je n'ai pas pu créer une nouvelle animation en un week-end, mais j'ai retrouvé une version différente d'une de mes dernières animations que j'avais créée à l'arrache pour un petit concours, je suis en train de retravailler tout ça afin de vous faire voir le résultat.
D'ici peu, je devrais ajouter ce petit cadeau en attendant la prochaine animation...
Voici des nouvelles en direct live, j'ai quasiment fini d'intégrer tous les éléments, et tout a l'air de fonctionner correctement.
Il reste divers choses à retoucher, et le passage inquiétant de tout développeur web qui aime bien les CSS : IE !
A priori, le bandeau s'affiche correctement, reste à vérifier les autres éléments qui ne devraient pas poser de problèmes... mais méfions-nous : un bug d'IE peut en cacher un autre... et même plusieurs !
Je vois que le site vit toujours bien, avec 4000 visites en 5 jours, soit plus de 122 000 visites au total.
Et chose amusante, c'est la 500ème nouvelle depuis le début de cette nouvelle version. Ce qui nous donne grosso modo une moyenne de 1,5 nouvelles par jour depuis le début (sachant que je ne poste pas tous les jours).
Juste histoire de voir si le site sera bien placé, apparemment il y a un petit coucours de positionnement dans les moteurs de recherche avec l'expression "sorcier glouton", et j'ai envie de m'amuser ce week-end.
Et comme vous pourrez le voir, je vais exceptionnellement continuer à bloguer ce week-end, vous aurez droit à l'avancement en temps presque réel du travail sur le nouveau skin !
Je viens encore d'entendre un pro des tableaux en HTML me soutenir par A+B que XHTML/CSS ne sont pas une bonne manière de coder.
Je ne répèterai pas les arguments donnés ici, car ils sont bien sûr complètement faux...
Comme ce "monsieur" est un fervent utilisateur d'Excel et de Word (et de Dreamweaver), ma réponse tiendra en une question, néanmoins adaptée à son référentiel :
Taperiez-vous un document texte (comme une lettre) sous Excel ?
Non ? Vous me dites que c'est stupide ? Force m'est de vous donner raison sur ce point, réfléchissez donc à ce que veulent dire les expressions "sémantique", "utiliser la bonne structure adaptée au contenu", "légèreté du code", "réutilisabilité", "accessibilité", etc.
Et revenez me voir quand vous serez moins borné...
Je ne suis pas un joueur fanatique sur mon ordinateur, mais il y a un jeu que j'attends avec impatience : Trackmania Sunrise !
Et je viens d'apprendre que sa date de sortie a été avancée au 6 Avril. Pour avoir testé la bêta, je peux vous dire que cela promet, les campagnes sont bien fun (et certaines sont bien infernales).
Strictement rien à voir, j'ai pas mal avancé sur le prochain thème, le cadre général, le bandeau (plutôt costaud à positionner, surtout à cause d'un navigateur dont je ne citerai pas le nom qui m'a bien fait ch...) sont déjà intégrés proprement ! On peut donc dire que le plus dur est fait.
Je pense que ce nouveau thème sera pleinement fini en tout début de semaine prochaine...
J'en profite pour corriger deux ou trois bricoles, des liens vers des répertoires qui ne finissaient pas par "/", et désormais les liens visités seront différenciés des liens non visités.
Je suis en train de préparer un nouveau skin, je ne peux malheureusement pas dire quand ce dernier sera opérationnel, car je n'ai pas fini le graphisme, et l'intégration CSS risque d'être un peu ardue...
Suite à un sondage marrant sur Linuxfr portant sur le nombre de machines, j'avoue que je ne pensais pas en avoir eu... autant !
Petit historique :
Bien que j'ai joué avec des CPC-6128 et autres "antiquités" (8086 sans disque dur) avant, la première réellement entrée dans la maison fut un 286 16 Mhz. Je me souviens que l'unité centrale était passablement lourde, il fallait au moins deux disques durs compressés pour atteindre un stockage faramineux... de 80 Mo (arrêtez de rire, cette machine était fantastique). J'ai pu découvrir les joies de Simcity premier du nom (!), et des hits comme Indiana Jones et la Dernière Croisade, Monkey Island, et des logiciels comme Dbase 2, Multiplan, etc. Chose amusante, il y avait encore les grandes disquettes souples qui avaient une capacité moindre que les petites encore en circulation ! Mais comme elles étaient plus jolies... c'était tout pardonné.
La suivante fut un changement de taille, on est passé au 486 DX 2 66 Mhz, qui a commencé avec 4 Mo de RAM (pour finir à 32, mais la mémoire coûtait très cher à l'époque, 1000 francs les 4 Mo au début). Et là, c'est la baffe, impossible de lire au fur et à mesure quand on tapait "dir" (trop rapide), Windows 3.11 se chargeait en 5 secondes. La plus grosse claque m'est arrivée avec un jeu pourtant pas génial qui s'appelait Megarace. Le graphisme était hallucinant, et il y avait de la vidéo sur l'écran, chose impensable avant. D'autres révolutions sont arrivées plus tard, avec des jeux comme Dune (j'y joue encore des fois), Magic Carpet (une simulation de tapis volant, oui vous avez bien lu), Little Big Aventure (un jeu magnifique), Thème Park (et oui !), etc.
Encore quelques années plus tard est arrivée une autre machine plus puissante, un K6 2 233 Mhz. Je me souviens avoir passé quelques soirées à jouer à Pod...
Cette dernière machine a été gonflée pour arriver à un K6 2 500, que nous avons gardé pendant un certain temps...
Et là, aux alentours de 2001, j'ai acheté mon premier ordinateur (intégralement avec mes-sous-à-moi), qui deviendra ma machine pendant 3 années. Le seuil symbolique du Ghz est atteint, avec un Athlon T-Bird 1 Ghz, et 256 Mo de RAM. C'est à partir de cette machine que j'ai découvert les joies du port AGP. Cette bécane a bien souffert, car elle a calculé pas moins d'une vingtaine d'animations (dont certaines sont malheureusement perdues à jamais), j'ai pu également apprécier la puissance de la carte graphique de l'époque, une Geforce GTS 2 64 Mo ! J'ai d'ailleurs gardé certains périphériques de cette bécane sur ma machine actuelle (écran, imprimante, enceintes). J'avais mis le prix à l'époque, mais je n'ai jamais eu un regret.
Ensuite mon père a tout changé aussi, et un Pentium 4 2 Ghz a débarqué à la maison. Une bonne machine, toujours en fonction d'ailleurs.
Il reste le dernier, et pas le moindre... comme mon Athlon 1 Ghz commençait à rendre l'âme, j'ai décidé de changer d'unité centrale. Et comme - disons le franchement - j'avais envie de me faire plaisir, je n'y suis pas allé avec le dos de la cuillère : cette fois, c'est un Athlon 64 3200, avec 1 Go de RAM, et une Geforce FX 5900 XT 128 Mo. De nouveau, grosse claque par rapport au précédent, cette machine est vraiment plaisante à utiliser, hormis quelques légers bugs...
Et je me pose la question, à quoi ressemblera la prochaine ?
Un Athlon 128 8000 avec 10 Go de RAM, et une carte vidéo 1 Go ?
Ou un P7 15 Ghz avec 30 Go de RAM, et 1 To de disque dur ?
J'ai pu trouver un autre calculateur (= une personne qui participe au calcul) pour cette prochaine animation, et j'ai un autre PC qui a été gracieusement mis à disposition toute cette semaine, la machine en question va souffrir pas moins de 7 jours... 24H sur 24 !
Au total, on doit avoir dépassé les 10 Ghz... et sauf erreur, on ne doit pas être très loin des 15 Ghz.
Rassurez-vous, cela n'est pas prêt d'être fini pour autant.
Qui a dit que les machines actuelles étaient trop puissantes ?
Côté bonnes nouvelles, les parties qui ont été calculées sont assez splendides (voir carrément superbes), et environ un gros 1/5 du total a été calculé ! Toujours du côté des bonnes nouvelles, je vais peut-être avoir d'autres machines à disposition, donc cela devrait un petit peu accélérer...
Côté mauvaise nouvelle... c'est pas près d'être fini !
Mais rassurez-vous, cela en vaudra la peine... ça risque même de dépasser de loin tout ce que j'ai fait avant.
J'en ai profité pour alléger quelque peu le fonctionnement de toutes les pages ayant recours à la base de données, qui elle aussi s'est octroyé une petite cure d'amaigrissement !
Et je viens de constater que la fréquentation est toujours aussi bonne : 2000 visites en 2 jours, pour un total de plus de 116 000 visites !
Je continue d'ajouter diverses choses sur le site, notamment un "méta" se rapportant aux contenus violents, etc... (trouvez-en sur le site, perso, je n'en ai pas trouvé).
J'ai ajouté une petite option de prévisualisation dans le formulaire de la page "contact".
J'ai également corrigé un bug dans l'affichage du thème "Orange", et un bug curieux dans le thème "Explorateur".
Devinez quel navigateur pourri me créait ce bug... un petit indice : il n'est pas mis à jour depuis 4 ans et fait figure de mauvais élève dans le respect des standards...
... de boire du sirop et de l'eau, apparemment cela ne me réussit pas : j'ai corrigé un bug grotesque dont je ne m'étais pas aperçu dans le thème Orange, qui empêchait de naviguer correctement avec une fenêtre de taille réduite.
La fréquentation a été très bonne depuis 6 jours, avec environ 3000 visites ! (soit un total de plus de 114 000 visites)
Cela fait toujours plaisir !
Comme j'ai eu un peu de temps ce week-end, j'ai fait quelques changements dans l'affichage des nouvelles. Désormais, si un billet a des commentaires, le lien "lire le ou les commentaires" est différencié de celui pour en ajouter un, et chaque lien vous amènera directement au bon endroit de la page. J'en ai aussi profité pour changer l'intitulé du permalien dans l'affichage d'une nouvelle, ce dernier s'affiche juste en simple texte désormais, et plus via un lien pointant vers la même page.
Je n'ai pas pu faire tout ce que j'aurais souhaité faire aujourd'hui sur le site en raison d'une charge importante de travail, c'est donc remis à ce week-end. Ce sont principalement des petits ajouts, et quelques améliorations par ci par là...
J'ai fait divers ajouts sur le site, principalement dans les galeries de photos, vous ne verrez pas la différence si vous utilisez un skin classique, le seul où vous pourrez voir le changement est celui où la CSS est vide. Ce sont juste des caractères entre les liens, pour éviter que ces derniers soient directement adjacents en mode texte, afin d'empêcher que les liens soient illisibles tous côte à côte.
Ce n'est pas grand chose, mais si cela peut aider les utilisateurs de navigateurs en mode texte (Links, Lynx)...
J'entends souvent les réticents aux standards me dire que la navigation au clavier sur un site web - pour le dire directement - on s'en fout !
Je dois reconnaître qu'il est vrai que ce n'est pas le moyen que j'utilise le plus pour naviguer (j'ai un splendide mulot optique sans fil), même si je peux me débrouiller sans trop de soucis.
Et il y a 10 minutes, il m'arrive le truc classique : j'ai bossé comme un fou tout l'après-midi et je n'ai pas pensé à recharger mon mulot sur sa base pendant la journée. Résultat : les batteries de ma souris sont à plat, et donc impossible de l'utiliser.
Pourtant, j'ai diverses choses à faire (mettre à jour le site entre autres) nécessitant l'utilisation d'un navigateur, et je n'ai vraiment pas envie d'attendre que ma souris soit rechargée. Me voila donc parti à naviguer au clavier.
Et bien, je peux vous assurer qu'un site respectant les standards est bien plus facile à parcourir au clavier qu'un site ne les respectant pas (je ne pensais pas que mon interface d'administration serait aussi ergonomique... au clavier !). Qui plus est, l'utilisation des onglets m'a été très pratique, je ne pensais pas qu'ils seraient aussi utiles pour une navigation au clavier (particulièrement sur les sites non conformes).
Faites l'essai, vous verrez bien ! Vous verrez ainsi comment peut naviguer quelqu'un ayant un handicap lui interdisant autre chose que le clavier... ça donne à réfléchir.
Selon Spreadfirefox, Firefox a atteint la barre des 25 millions de téléchargements ! (elle est même dépassée, 25 241 830 au moment où j'écris cette nouvelle)
Cette barre symbolique a été atteinte en... 99 jours à peine.
Opquast vient de proposer un nouveau service, toujours basé sur les bonnes pratiques : Mon Opquast, qui vous permet de faire une démarche qualité d'un site (jusqu'à 3 sites gratuitement).
C'est assez simple à utiliser, je suis d'ailleurs en train d'essayer de voir ce que cela donne pour le site. Je vous tiendrai au courant dès que j'aurais le temps d'approfondir cet outil !
Pour les courageux qui ont réussi à lire ma prose du précédent billet jusqu'au bout, vous allez me dire : tu ne réponds pas à la question posée au début !
C'est vrai, mais il était indispensable de faire ce long retour en arrière pour expliquer dans quelles conditions nous en sommes arrivés à un web qui "stagne" depuis 2001.
Nous sommes donc depuis 2004 toujours au même point : les techniques, et les navigateurs liés aux standards progressent... mais pas le navigateur le plus utilisé : IE.
Que s'est-il passé ? Repartons en arrière.
IE ayant gagné la guerre des navigateurs, il s'est gentiment reposé sur ses lauriers depuis 2001. Pourquoi continuer à se battre, quand on a bouffé plus de 90% du marché ? Rien ne semblait inverser la tendance... jusqu'à fin 2004, début 2005, avec les conséquences que l'on voit actuellement (Firefox qui obtient 12% de part de marché rapidement, les problèmes de sécurité que l'on connait, etc...).
Rappelons que l'idée du web était au départ de s'affranchir des contraintes des différentes plateformes. Nous voilà donc victime de l'ironie du sort à deux reprises :
Pendant la guerre des navigateurs, on avait son camp à choisir.
Et maintenant, nous devons nous affranchir des contraintes... mais garder celles qu'IE nous impose, en tant que navigateur dominant.
Etrange destinée pour un système qui se voulait affranchi des contraintes des différentes plateformes...
Heureusement (pour l'évolution d'Internet), les standards du web sont enfin sortis de l'ombre laissée par les années 98-2000 et remettent au goût du jour ce concept d'indépendance de la plateforme. De nombreuses initiatives (simplification, tutoriels, navigateurs modernes attrayants, etc...) commencent à mettre (un peu) à mal l'hégémonie d'IE et des sites codés avec les pieds.
En quoi cela est-il bon pour l'utilisateur ? Une fois n'est pas coutume, mettez-vous à la place du développeur. On lui demande que les sites soient beaux, soient légers, bien référencés, tant qu'à faire générés dynamiquement, et soient correctement visibles sur tous les navigateurs (graphiques ou non). Imaginez donc le casse-tête ! Il faut que ça marche partout, et quelque soit la manière. Bien entendu, il est hors de question de faire une version du site à chaque manière d'accéder au site, sinon on n'en sort pas.
MAIS il existe cette possibilité, les standards du web permettent de résoudre ce casse-tête, et de retrouver cette notion d'indépendance de la plate-forme prévue au départ, mais si vite oubliée en chemin.
Sauf qu'IE n'a pas évolué depuis 2001, et nous sommes en 2005 (et il n'est pas prévu que cela s'améliore avant 2006). Résultat ?
Toutes les nouvelles possibilités des navigateurs graphiques (comme CSS 2 et bientôt 3) ne sont pas supportées, au mieux mal supportées. Même certaines propriétés CSS de niveau 1 sont mal supportées.
Le format PNG qui a des possibilités très intéressantes (transparence graduelle, compression performante sans perte, etc...), et qui aurait dû remplacer le GIF depuis déjà plus de 5 ans n'arrive pas à s'imposer, du fait de son mauvais support sous IE.
Certaines balises qui apporteraient un plus sémantique ne sont pas supportées par IE.
Le rendu de certaines pages parfaitement conformes est complètement hasardeux sous IE, alors qu'il n'y a aucun problème avec les autres navigateurs modernes.
Et plus globalement, pas d'amélioration significative depuis 4 ans.
Soyons réalistes, il serait idiot de faire des sites qui ne soient pas correctement visibles par un navigateur utilisé par plus de 4 internautes sur 5. Il est stupide de se couper de 20% de clients potentiels, et à fortiori de 80% de ses clients. Faisons une petite analogie dans un secteur différent afin de mieux comprendre la situation.
Imaginez que vous pouviez rouler à 500 km/h avec les dernières voitures sur autoroute, et ce avec une sécurité meilleure qu'avec les voitures classiques, et avec de nouvelles possibilités de conduite. Ces super-voitures vous permettraient d'emprunter les mêmes routes que les anciennes. Il vous suffirait d'apprendre une fois pour toutes à conduire ces nouvelles voitures (comme le permis actuel), et vous pourriez piloter n'importe laquelle à ces vitesses. Les gouvernements sont d'accord d'autoriser ces vitesses, car les nouvelles voitures sont beaucoup plus sûres, et il n'y a plus d'accidents avec, ou très peu. Si en plus ces nouvelles voitures seraient bien moins chères que les anciennes, n'importe qui dirait : utilisons-les !
La seule contrainte serait que les constructeurs s'accordent sur le fait que toutes leurs voitures puissent cohabiter ensemble, et fonctionner sur les mêmes routes (bref un standard).
Imaginons maintenant que tous les constructeurs se mettent d'accord, et que ces voitures puissent toutes cohabiter. Ce serait merveilleux, n'est-ce pas ?
Imaginez ce que vous diriez si le constructeur majoritaire qui fournit 80% des véhicules ne veuille pas respecter ce standard de voitures du futur (alors qu'il a participé à sa création), et dise : "comme j'ai la majorité du marché et que je n'ai pas envie, les voitures resteront bloquées à 100 km/h."
Que diriez-vous ? Le constructeur majoritaire est - passez-moi l'expression - une *enflure*, et je n'achèterai plus ses produits, je vais aller directement chez le concurrent.
Voilà à quoi en est réduit le web de nos jours, c'est exactement ce qu'il se passe depuis 2001 : le constructeur du navigateur majoritaire refuse de faire progresser son navigateur, sous prétexte qu'il est le plus utilisé. Après l'analogie des voitures ci-dessus, vous voyez où je veux en venir ?
Là où cela devient particulièrement comique, c'est que - pour reprendre l'analogie des voitures -, c'est comme si on refilait d'office (désolé pour le jeu de mot non volontaire) aux nouveaux conducteurs le même modèle obsolète de voiture !
Vous imaginez si l'analogie que je viens de faire était vraie ? Vous rouleriez dans une casserole tout juste moyenne si vous aviez la possibilité de rouler dans une voiture moderne pour le même prix, voir moins cher ? Franchement, la situation serait risible !
Elle l'est moins, car ce qui se passe actuellement dans le domaine des navigateurs est pire : les gens qui ne sont pas "connaisseurs" du domaine ne savent pas qu'il existe bien mieux que le navigateur mis par défaut, et en plus, c'est gratuit.
Heureusement, les utilisateurs de ce navigateur commencent seulement à se rendre compte qu'ils utilisent un produit pas forcément génial, et les autres "constructeurs" de navigateurs commencent à sortir un peu de l'ombre, grâce à des navigateurs intéressants et un bon travail d'information.
Pour conclure cette longue prose, on peut se tourner vers l'avenir en espérant deux choses : que la remise en cause de l'hégémonie d'IE continue, forçant le géant à se mettre à niveau (ce qui sera profitable pour tous), et que cette remise en cause aille dans le bon sens (respect des standards).
P.S : et je m'engage à le faire : si la prochaine version d'IE respecte vraiment mieux les standards, je serai le premier à m'en féliciter ouvertement.
Cette question me trotte en tête depuis quelque temps, je vais essayer d'y répondre, ou du moins d'y donner un semblant de réponse. Que les pros du web qui savent tout mieux que tout le monde aillent voir ailleurs : ce propos n'engage que moi, et n'a pas vocation d'être la vérité absolue, mais mon avis et la façon dont j'ai vécu les changements du domaine (c'est purement subjectif) à l'époque.
Les propos que je vais tenir sont ceux que j'aurais tenus à l'époque, je vais d'ailleurs revenir sur ces propos dans la deuxième partie (dans le billet suivant), avec l'avantage du recul.
Revenons quelques années en arrière, quand j'ai commencé à découvrir le web, c'est-à-dire en 1996. Nous sommes en pleine guerre des navigateurs, en gros on a deux camps qui s'affrontent : Netscape et IE. Chacun y va d'implémentations plus ou moins réussies de technologies diverses et variées, mais incompatibles. A cette époque, je n'étais qu'"utilisateur" des sites, donc ce problème ne m'a pas vraiment choqué, qui plus est, je n'utilisais que très peu internet... en raison des débits qu'on peut avoir avec un modem 28 800 bauds !
A l'époque, Netscape était de loin le meilleur navigateur, IE faisait office de challenger, mais pas très sérieux (je me souviens l'avoir essayé, et j'en avais été très déçu, le rendu était beaucoup plus lent).
Durant 2 à 3 années, la guerre s'installe durablement, c'était assez amusant à suivre. Mais Netscape montre des signes de faiblesses, et même moi-même je reconnus à l'époque que ce dernier perdait petit à petit de ses attraits.
Bref, nous arrivons en l'an 2000, IE a littérallement mangé Netscape, il détient les 3/4 du marché.
Derniers soubresauts du futur "vaincu", Netscape tente de sortir une version 6.0 afin d'essayer de contrer IE 5.5, malheureusement pour eux, cette version 6.0 est très buggée, et franchement pas terrible. C'est donc le contraire qui se passe, au lieu de redorer le blason, elle enfonce un peu plus Netscape, qui se retrouve définitivement vaincu.
C'est vers cette année que j'ai commencé à créer des petits sites. A l'époque, on se foutait bien des standards (le W3C existait bien depuis plusieurs années, mais le côté "indigeste" de ses recommandations n'attirait pas les foules, loin de là). Créer un site se bornait à le faire fonctionner correctement sous IE, les plus soigneux faisaient une version pour Netscape, et point barre.
Entre temps, la bulle internet explose, la bourse s'affole, et les valeurs surcôtées de certaines companies (multimania, etc...) se - pardonnez-moi l'expression - cassent la gueule. (ou du moins sont réévaluées à leur juste valeur)
Nous arrivons en 2001, et c'est la sortie d'IE 6.0, qui est la dernière version majeure de ce navigateur (et oui, 4 ans déjà). C'est justement l'époque où je rentre à l'IUT Services Réseaux de Communication, avec l'envie de faire des sites Internet, et du multimédia.
Netscape 6.2 tente une percée, mais le charme est définitivement rompu. IE semble indétrônable, et à juste titre (à l'époque) : je commence tout juste à voir que les frames ne sont pas toujours un choix judicieux, le DHTML permet des effets sympas, mais inutilisables en pratique... bref je commence personnellement à lorgner plus vers du web dynamique, car PHP fait gentiment son bout de chemin et permet de plus en plus de choses, et de manière simple.
Qui plus est, l'idée de faire des sites pour semble IE semble légitime : 9 internautes sur 10 l'utilisent ! Pourquoi se faire ch... à proposer des versions d'un site pour un navigateur que personne n'utilise ? On entend bien parler d'un challenger (Mozilla !), mais pourquoi changer ? Je n'ai aucun problème avec IE (pas de gros problèmes de sécurité à cette époque), et Mozilla affiche mal mes pages.
Bref, nous arrivons en 2002, il y a bien quelques challengers sympathiques, j'aimais bien Phoenix à l'époque (qui deviendra Firebird, qui lui-même deviendra... Firefox !), très léger et pratique. Mais IE est toujours autant utilisé (91% de parts de marché). J'attend sagement la prochaine version d'IE, qui devrait arriver sans aucun doute, vu qu'on attend depuis 1 an (rappelons que pendant la guerre des navigateurs, les sorties étaient assez fréquentes). Et... rien ne se passe de plus, je perfectionne ma technique du javascript, et celle du PHP, je deviens un as des tableaux en HTML.
Nous arrivons à l'année 2003, ou tout a basculé pour moi d'une manière... un peu bizarre. J'approche de la fin de ma 2ème année d'IUT, et il faut avoir un site perso, et le stage en entreprise ne sera pas loin derrière. J'ai déjà un site perso, mais il a déjà quelques années, et je voulais faire mieux que ça. Et j'ai eu une idée qui semblait un peu fofolle, pourquoi ne pas faire un site avec plusieurs présentations ?
Comme je suis un peu fainéant, j'ai décidé de ne pas faire plusieurs versions du même site, mais plutôt un "tableau-frame" squelette, et les futurs designs devront s'y conformer. Bref, je décide de me lancer dans ce genre d'entreprise un peu hasardeuse, et le plus comique, c'est que j'y suis arrivé... au prix d'un paquet de prises de tête (4 thèmes). Je suis d'ailleurs passé un peu pour un fou auprès de certains de mes collègues...
C'est là que je me suis posé la question : ce n'est quand même pas normal qu'une idée aussi stupide ait été aussi dure à réaliser. N'y a-t-il pas moyen de faire plus simple ?
C'est d'ailleurs vers cette période (début 2003) que commencent à sortir de nouveaux sites, la propreté de leur code me plaisait beaucoup, car je n'ai jamais été fan de Frontpage ou Dreamweaver. Toutefois, je n'avais pas envie de devoir casser le dur travail que j'avais fait sur mon site, j'ai donc commencé à changer les attributs, à les mettre en minuscules, à rajouter des "/" à mes balises <br>, etc... Le site avait un code effroyable... mais valide. J'en profitais pour apprendre, c'est d'ailleurs là que j'ai réalisé mon premier site correctement valide (Tomy puériculture), même s'il n'est pas parfait, il m'a permis de débuter.
Toutefois, ma présentation du rapport de stage a étonné mon tuteur, j'étais bien le seul fou qui lui parlait du W3C, et de ce que les standards du web pouvaient offrir comme avantages... le seul de la promo.
J'obtiens donc mon diplôme, et décide de partir sur le monde du travail. S'en suit une période de chômage relativement courte (3 mois) avant de trouver un petit job d'un mois et demi (Teamquad). Je continue de progresser, mais c'est encore bien dur. Il n'y a pas beaucoup de tutoriels (en tout cas pas autant que maintenant), et qu'est-ce que IE me gonfle à ne pas gérer correctement certaines propriétés des feuilles de style...
D'ailleurs, on attend toujours cette arlésienne de nouvelle version qui se fait attendre depuis 2001, c'est-à-dire deux ans.
2004 arrive, et j'ai envie de retenter l'expérience du site skinable, mon site étant loin de refléter ce que j'avais appris en XHTML/CSS... même si je n'étais pas convaincu à 200% que les standards règleraient le problème auquel je m'étais confronté un an plus tôt.
D'ici le 19 avril 2004 (date à laquelle j'ai relancé ce site, vous pouvez vérifier), je vais commencer à voir que finalement, on s'y retrouve, ces méthodes sont bien plus simples que les tableaux dans tous les sens.
Courant 2004, je progresse bien et me fais même bien plaisir à créer de nouveaux skins, globalement, l'intuition que ces standards étaient un pari à faire se confirme, et elle continue de se confirmer (lisez le blog depuis le début, et vous verrez bien).
La question se pose alors : où ai-je été possédé, à quel moment le web s'est-il mis à stagner, et surtout pourquoi ?
Comme l'a gentiment demandé Bastien dans ce billet précédent, et comme cela n'empêche pas la navigation sous un navigateur pourri dont je ne citerai pas le nom (*), j'ai ajouté un petit fond légèrement opaque dans les commentaires pour le skin Firefox.
* : le navigateur en question ne gère pas le PNG 24 bits, vous n'avez toujours pas trouvé ? Je pense que j'écrirai un petit billet à ce sujet d'ici quelques jours...
Après un bon week-end sportif (natation), je vois que le site a eu un nombre conséquent de visites ce week-end, avec pas moins de 2000 visites !
On arrive donc à 110 000 visites au total !
Je metterai un topo sur l'avancement de la prochaine animation dès que j'aurais du neuf du "2ème calculateur"... bref, de la personne qui m'aide pour ces rendus interminables.
Contrairement à moi et à mon mal de crâne (voir la nouvelle précédente), le site garde une bonne forme avec plus de 2000 visites en deux jours, pour un total de plus de 108 000 visites (je suspecte une "linuxfr-isation" du site, dûe au dernier thème !).
Pour ma part, je suis en train de faire un sauvegarde massive des données sur le disque externe (on n'est jamais trop prudent), pendant que ma bécane calcule toujours avec grand peine ma prochaine animation. (quelle misère : un athlon 64 qui rame depuis plusieurs semaines...) Je me console en me disant que l'attente en vaudra la peine, car les passages déjà calculés sont assez splendides !
Et je crois que je vais vous souhaiter un très bon week-end, je vais pour ma part tester la version bêta de Trackmania Sunrise !
Entre un bout de code en ASP qui m'a fait perdre 2 heures pour une erreur désormais résolue, mais que je ne m'explique toujours pas, des merdes en pagaille... et pour finir une bonne migraine.
Bref, il ne faut pas chercher à comprendre.
En tout cas, j'en ai profité pour réinstaller Mozilla proprement, et upgrader à la version 1.7.5 (j'en étais encore à la 1.7.3).
Bon j'avoue que c'est un peu un caprice de ma part, mais je me suis bien amusé à pondre la CSS de ce nouveau thème.
Et comme vous pourrez le voir si vous essayez ce lien direct vers ce nouveau thème, cette fois c'est Firefox qui est à l'honneur après Open Office.
Et en effet, on peut dire que le site a été Firefoxé !
J'en profite pour râler une fois de plus contre IE, qui ne gère pas la propriété "background-attachment: fixed;" (CSS de niveau 1) avec un autre élément que le "body" de la page, me forçant à trouver diverses ruses pour obtenir l'effet recherché... et ce même IE qui ne gère pas correctement le PNG 24 bits, qui m'aurait également simplifié la vie...
J'espère vivement que la prochaine version sera meilleure !
Après plusieurs tests, j'ai ajouté sur le site une nouvelle possibilité de navigation (via les éléments <link rel="chapter"..., etc.).
A quoi servent ces éléments ?
Prenons un exemple, si vous êtes un utilisateur de Firefox, vous avez une extension qui s'appelle Link Toolbar.
Je vous propose de l'installer via le lien ci-dessus, de quitter Firefox, et de le relancer. Vous verrez en bas à droite dans la barre de statuts (aussi appelée barre d'état) que des icônes se sont ajoutées.
Vous pouvez accéder aux pages du site comme si ce dernier était un livre, c'est-à-dire que le site est composé de chapitres, et dans certains cas (comme la page de mes galeries de photos numérique) de sections.
Les icônes en bas permettent de passer à la page suivante, à la page précédente, de revenir au début, et le répertoire vous indique l'arborescence du site, et de la page le cas échéant.
Cette fonctionnalité, bien que peu utilisée (et pas très connue il faut avouer), est supportée par certains sites, comme les weblogs utilisant DotClear, par exemple le blog d'Antoine, ou le célèbre Standblog.
J'ai pris Firefox comme exemple (je trouve ce système de navigation particulièrement élégant avec ce navigateur), mais c'est supporté par la plupart des autres navigateurs (Mozilla et Opéra l'intègrent en natif, IE et Firefox nécessitent une extension).
Si vous utilisez Firefox pour lire le le fil RSS, vous aurez peut-être remarqué que les titres comportaient parfois des caractères bizarres, comme " ".
Comme j'utilisais le titre de la nouvelle (et que j'ajoute systématiquement un espace insécable " " avant certains caractères), on retrouvait ces bouts de code dans les éléments du fil sous Firefox.
J'ai corrigé ce léger désagrément, vous ne devriez plus avoir ce genre de bouts de code dans les éléments du fil.
Je ne sais pas si mon site a été down au moment où Google est venu le revisiter, mais il a fortement chuté avec les mots clés avec lesquels il était bien référencé (style animation terragen, etc.).
Je viens d'ajouter l'attribut "cursor:pointer;" pour les champs "label" de tous les formulaires du site, ce qui veut dire en bon français que si vous survolez avec votre souris l'énoncé d'un champ d'un formulaire, le curseur va vous indiquer que vous pouvez cliquer dessus, et le focus sera donné au champ en question (principe de l'élément "label"). C'est pas grand chose, mais c'est toujours agréable.
J'en ai profité pour corriger une petite erreur dans la prévisualisation d'un commentaire dans le weblog...
Le site a eu une très bonne fréquentation ce week-end, car ce ne sont pas moins de 2000 visites qui se sont ajoutées au compteur depuis 4 jours (pour un total de plus de 105 000 visites).
Je le précise encore une fois : le tutoriel que j'ai écrit pour Terranim est destiné aux débutants, j'écrirai probablement un 2ème tutoriel pour les utilisateurs plus aguerris plus tard.
A noter, un lien pointant vers le tutoriel a été directement mis sur la page de Terranim !
La version française du tutoriel est déjà bien référencée, il n'y a plus qu'à espérer que la version anglaise suive le même chemin !
Et sur ce je vous souhaite un excellent week-end !
J'ai également fait un petit changement pour les champs "label" des divers formulaires, le curseur se changera en pointeur, et si vous cliquez dessus, le focus sera donné au champ (principe de la balise "label").
La fréquentation est quelque peu dopée par l'activité (tutoriel, photographies, etc.) du site : 1000 visites en deux jours, pour un total de 103 000 visites !
Je ferai un topo d'ici demain des prochaines mises à jour...
Suite à la nouvelle précédente, si vous désirez vérifier qu'une entrée n'a pas été ajoutée, vous pouvez rafraîchir ce marque-page en cliquant-droit dessus (dans vos favoris sous Firefox), et en choisissant l'option "Rafraîchir les entrées".
Les divers liens seront mis à jour automatiquement !
Bien entendu, n'espérez rien avoir de toutes ces options si vous utilisez IE...
Pour les utilisateurs de FireFox, vous pouvez désormais consulter le fil RSS du site directement à partir de Firefox sans utiliser d'agrégateur.
Il vous suffira de cliquer sur l'icône apparue en bas à droite dans la barre de status de Firefox (une infobulle "Ajouter un marque page dynamique pour les entrées de cette page"), et ce dernier va créer en quelque sorte un "marque-page du fil RSS" du site.
Ensuite vous pourrez constater directement dans vos favoris qu'une entrée vous propose de consulter chaque élément du fil directement avec Firefox (vous pouvez d'ailleurs ouvrir tous les éléments dans des onglets différents).
Evidemment, tout ceci n'est pas magique, j'ai ajouté l'élément suivant dans l'entête des pages : <link rel="alternate" type="application/rss+xml" title="RSS Nico's Dreams" href="/rss/index.php" /> C'est ce dernier qui permet cette fonctionnalité bien pratique.
Décidément, les dernières photos que j'ai postées sur le web ont dû faire fléchir le nombre de visites, avec plus de 1000 visites entre hier et aujourd'hui, pour un total de 102 000 visites.
Je fais aussi vite que je peux pour ajouter les prochaines galeries...
J'ai pu faire des photos assez réussies et plutôt incongrues compte-tenu de l'endroit où je les ai prises, je devrai rapidement mettre en ligne une galerie...
Plutôt amusant, le site a passé le cap des 100 000 visites, et depuis la fréquentation est revenue à son rythme normal, soit 1000 visites tous les 4 jours.
Allez donc faire un petit tour sur Brilliant Button Maker, vous y trouverez un générateur de ces petites images très populaires en 80*15 du style "RSS valid", etc...
A noter, il existe une application semblable très pratique, qui se trouve sur le site de Chami.com, cela permet tout simplement à partir d'une image que vous envoyez de générer le fichier icône correspondant, que vous pourrez télécharger juste après. (vous savez le petit icône de favori que vous voyez à côté de l'adresse du site...)
Je ne vous propose non pas une animation, mais un tutoriel sur Terranim, qui sera très bientôt doublé d'une version dans la langue de Shakespeare (en cours de relecture, mais pas encore en ligne).
Ce tutoriel explique pas à pas comment utiliser Terranim, j'ai volontairement fait une approche simple (mais pas simpliste) du logiciel, en essayant de mettre en avant son potentiel énorme.
Si vous doutez des qualités de Terranim, vous n'aurez qu'à voir ma prochaine animation quand elle sera finie, je pense que cela risque de vous surprendre...
Comme ce logiciel est devenu un élément central dans la scène de l'animation "Terragenesque", il était normal que j'y consacre un tutoriel, non ?
J'étais bien loin de me douter au début que le site atteindrait un chiffre aussi énorme en moins d'un an :
100 000 visites !
Je ne sais pas trop à quoi attribuer cette réussite, donc je remercie vivement tout ceux qui passent y jeter un oeil, que ce soit régulièrement ou plus occasionnellement.
Je ne compte pas arrêter pour autant, car plusieurs choses sont prévues d'ici peu... vous serez vite au courant !
J'aurais aimé proposer ma dernière animation pour ce chiffre en guise de cerise sur le gâteau, mais le calcul n'est pas fini, je dirais même qu'il y en a encore pour un bon moment, ce n'est que partie remise !
A défaut d'animation, je vous propose quelque chose de semblable, mais dans la nouvelle suivante...
Conséquence de la nouvelle précédente, on peut voir nettement une embellie pour Firefox sur Stats Reports, le baromètre du web francophone.
Ce dernier montre que Firefox est passé au-dessus de la barre de 12%, tandis que la part d'IE chute doucement (il est encore utilisé à 82%).
Là où l'info me fait plaisir, c'est qu'on voit nettement dans les stats publiées par divers site les horreurs comme IE 5.5 ou même 5.0 reculer, ces derniers respectant très mal les standards du web.
Donc, je n'aurais que 2 conseils :
Si vous ne pouvez pas vous passer d'IE, débarrassez-vous à tout prix des vieilles versions buggées comme la 5.5...
ou mieux, essayez un autre navigateur, comme Firefox, Mozilla, ou Camino si vous utilisez un Macintosh.
En tout cas, je peux vous certifier que vous aurez moins de soucis à naviguer avec autre chose qu'IE...
Il y avait longtemps que je n'avais pas posté une bêtise pour vous souhaiter un bon week-end, et bien en voici une : un test impossible à réussir pour un homme (flash).
Je viens de m'apercevoir que le site garde une très bonne fréquentation, avec plus de 2000 visites en 4 jours !
Comme la prochaine animation se calcule calmement et me laisse un peu de temps libre (c'est tout relatif), j'ai planché sur un nouveau petit projet, et le tout devrait arriver en début de semaine prochaine... car il faut que je vérifie si tout va bien.
Quant à l'autre gros projet annoncé dans cette nouvelle, le tout est en attente...
Comment font certains pour s'emmer... bêter ? Je n'y arrive pas !
Des fois que vous en doutiez, j'ai juste utilisé un logiciel de détection des espiogiciels sur ma machine de boulot (un petit Shuttle sous Windows XP), et j'en ai trouvé la somme faramineuse de... 3.
Les 3 en question sont juste 3 cookies (data-miners) de type E-stats, weborama, Xiti... c'est-à-dire quelques trucs pas très méchants.
La machine en question utilise juste Mozilla, mais quasiment jamais Internet Explorer (sauf pour tester les sites que je fais) et jamais Outlook.
Un petit tour dans le gestionnaire des cookies de Mozilla a permis au passage de faire le ménage !
Selon cet article, la mode serait au raz-le-bol d'Internet.
La cause est en simple : espiogiciels, messages non sollicités (spam), problèmes de virus à répétition.
Quand on pense qu'il suffit d'avoir un pare-feu, un antivirus, et éviter le duo Internet Explorer/Outlook... cet article me surprend doublement, car j'avais l'impression que les spams étaient bien moins nombreux depuis un mois...
Si vous doutez du fait que la paire Internet Explorer/Outlook ne soit pas un bon choix en matière de sécurité, allez jeter un oeil à cette nouvelle...
Essayez éventuellement Firefox et Thunderbird. Personnellement, je n'ai que peu de soucis grâce à ces deux logiciels... je ne dis pas qu'ils sont infaillibles, mais pour l'instant, ils tiennent particulièrement bien le coup !
J'ai pu trouver de l'aide bien précieuse pour accélérer le calcul, cela devrait diminuer le temps de rendu de ce projet pharaonique (rien à voir avec la nouvelle précédente)...
La fréquence des mises à jours ralentit quelque peu, mais je suis très occupé ces temps-ci, notamment à cause d'une activité toute nouvelle pour moi... je vous en dirai plus dès que ce projet sera "sorti" officiellement.
J'ai fait ces photographies ce dimanche dernier, j'espère que la balade vous plaira.
A ce sujet, je déconseille vivement aux débutants en ski de fond d'essayer de monter là-haut de cette manière, la piste n'est pas très souvent balisée et ça grimpe quelque peu (monter n'est pas toujours le plus difficile, descendre peut parfois être ardu quand on débute). Si l'endroit vous fait envie, montez-y plutôt en raquettes, ça sera plus simple et vous profiterez tout autant du paysage !
Je remercie d'ailleurs vivement M. et Mme Gay pour leur aide logistique pour cette excursion en ski de fond et pour leur grande sympathie ! (location des skis de fond chez Gay Sports au Praz-de-Lys)
Je devrai ajouter incessamment sous peu une galerie de photographies, les amateurs de montagnes seront servis : ce sont des photos que j'ai faites en étant au ski de fond ce week-end.
Quant à la prochaine animation, elle arrivera... pas avant un bon bout de temps, le rendu de l'eau étant particulièrement long.
Au passage, le site a tourné les 95000 visites, soit plus de 2000 visites pour ces trois derniers jours !
On me demande souvent de l'aide concernant Terragen, je vous conseille déjà d'aller voir dans mes liens concernant Terragen, et plus particulièrement le site de Philippe Bullot, qui contient une section "tutoriels" bien conçue, et très pratique pour débuter.
Bon, ce n'est vraiment pas fondamental, mais j'ai ajouté une petite option si vous êtes sur la page listant toutes les nouvelles du site : si vous affichez un commentaire et que vous utilisez le lien "retour aux nouvelles", vous reviendrez bien à la page les listant toutes (et à la page listant seulement les dernières nouvelles si c'est là que vous étiez).
J'en profite pour signaler que le site a passé les 93000 visites, soit à nouveau 1000 visites en deux jours.
Et sur ce, je vous souhaite un agréable week-end ! (je crois que je vais monter au ski...)
Jeuxvideo.com a mis en ligne un dossier intéressant qui s'appelle "l'histoire des machines à jouer", sorte de résumé de l'histoire des consoles et des micro-ordinateurs dans le domaine du jeu.
Même si certains détails sont sacrifiés, le texte vaut le détour, ça m'a rappelé quelques bons souvenirs : ma première (et dernière) console (la NES), mon vieil ordinateur (un 80286 8 Mhz), etc...
Je me demande si je ne vais pas faire de temps en temps un petit billet sur des jeux qui m'ont marqué... Noooooostalgie, quand tu nous tiens.
Que signifie cette phrase à tendance pléonasmique ?
Un ami s'est amusé à changer dans la page qui affiche les commentaires la valeur de "id_news" indiquée dans l'URL, et m'a signalé à juste titre que la page n'était pas accessible, et même pas pleinement fonctionnelle.
J'ai donc corrigé cet oubli, vous pouvez d'ailleurs le tester avec ce lien erroné.
Donc, l'accessibilité, c'est pour tout le monde, même ceux qui essaient de faire bugger les sites !
Quand je vois dans les statistiques avec quels mots clés on tombe sur mon site, il y a des fois des choses... surprenantes.
Voyez plutôt, les classiques marchent bien : "Terragen animations", "Comment faire une vidéo avec Terragen", etc...
J'ai même quelques bonnes surprises, par exemple avec "Anthill Terragen", mon 3ème tutoriel sort... avant la page d'Anthill.
Là où ça commence à déraper, c'est avec la recherche suivante : "commentaire publicité", qui mène vers le site, à ce billet quelque peu sarcastique sur la publicité.
On nage dans le surréalisme avec celle-ci : la recherche "shockwave flash object" indique mon site (!!!!) dans les résultats les plus pertinents, notamment grâce à cette nouvelle...
Avec tout ça, je viens seulement de me rendre compte maintenant que le site venait de tourner les 92000 visites.
La fréquentation reste décidément très élevée, je ferai d'ailleurs un topo plutôt comique demain, je viens de voir dans les stats que certaines recherches... étonnantes atterrissent sur mon site.
Désolé de ne pas avoir posté plus de nouvelles hier, mais j'ai été assez débordé.
Je viens de découvrir un logiciel intéressant, notamment pour les animations avec Terragen, qui s'appelle Imagen.
Imagen permet de prévisualiser une animation à partir des images calculées par Terragen, sans faire aucune conversion de fichier. Il suffit de cliquer sur la première image, d'indiquer le nombre d'images/seconde auquel on souhaite visualiser l'animation, et Imagen se charge du reste.
C'est très pratique, en tout cas plus que la manière dont j'opérais avant : je créais un diaporama avec 0,04 seconde de temps entre les images, afin d'obtenir 25 images/seconde. Là, le résultat est plus immédiat, et surtout la manipulation est beaucoup plus intuitive.
Je vous invite à essayer ce petit logiciel, qui en plus est libre (c'est toujours agréable).
Note : merci à Zeljko Nikolic de m'avoir proposé d'essayer ce logiciel.
J'avais dit dans la nouvelle précédente que j'aimerais bien que ma dernière animation soit finie avant que le site tourne les 100 000 visites.
Au vu de ce que je suis en train de préparer comme animation, cela ne risque pas d'être possible. Jugez plutôt : environ 5000 (oui vous avez bien lu) images à calculer, la plupart contenant... de l'eau avec de beaux effets de transparences effroyablement longs à calculer.
Comme elle sera la 20ème disponible sur le site (et oui !), j'ai envie de faire le moins de concessions possible sur le temps de calcul, comprenez que je recommencerai un pan de 1000 images s'il y a la moindre chose qui ne colle pas.
Bref, la prochaine animation n'arrivera pas avant... longtemps.
D'un autre côté, cela peut me permettre de trouver du temps pour écrire un voire deux tutoriels...
Non, je ne viens pas d'essayer de valider du XHTML généré par Frontpage ou Dreamweaver, je me suis juste aperçu que certaines nouvelles du site ne passaient pas au validateur !
La raison en était simple, dans la page d'affichage des commentaires (par exemple, celle de cette nouvelle), je reprenais le titre de la nouvelle pour le titre de la page (pour cette nouvelle, ça nous donne donc : "Nico's Dreams : Les dernières nouvelles du site : Horreur, pas de validation !").
Or certaines nouvelles utilisaient des balises XHTML dans le titre même de la nouvelle, lesquelles balises se retrouvaient donc dans le titre de la page, ce que le validateur du W3C n'appréciait guère.
L'erreur est désormais corrigée, et le cas est pris en compte, vous pouvez même vérifier avec cette nouvelle qui contient un bout de code dans le titre...
J'avais décidé dans cette nouvelle d'ajouter l'attribut "hreflang" pour les liens en ayant besoin.
J'ai donc corrigé TOUTES les nouvelles du site (depuis le début), ainsi que toutes les pages, les prochaines pages/nouvelles contiendront systématiquement cette information, si elle est nécessaire.
Note : l'attribut "hreflang" donne une indication sur la langue du document du lien, et l'attribut "lang" donne la langue du lien sur mon site. Vous pouvez voir ces informations sur en cliquant-droit sur un lien, et en affichant les propriétés de ce lien, avec Firefox par exemple. Bien sûr, n'espérez pas avoir quelque chose avec Internet Explorer...
Je commence à plancher sur la prochaine animation, ce sera une fois de plus un teamwork, mais une fois n'est pas coutume, cela ne sera pas avec la Team Superior.
Le seul souci pour cette prochaine animation (hormis de pondre une animation à la hauteur du paysage en soi) sera le temps de calcul, qui risque d'être exceptionnellement... long !
En tout cas, attendez-vous à des paysages... inhabituels pour du Terragen...
J'ai fait quelques petites corrections sur mon générateur de formulaires maison, le S.O.C Project.
Notamment dans la rubrique "Connexions base + fonctions utiles", les requêtes utilisaient encore la fonction "mysql_db_query", qui est une fonction obsolète depuis PHP 4.0.6...
J'en profite pour dépoussiérer la partie administration du site, et ce afin de pouvoir mettre encore plus rapidement à jour le site. Elle gagne au passage une petite rubrique "Stats" afin de voir quels sont mes projets ou les parties du site qui attirent le plus.
De ce que j'en vois pour le moment, même si les chiffres ne sont pas significatifs, ce sont le fil RSS, le site en lui-même et mon premier tutoriel sur Campath qui sont les plus courtisés.
Continuer de mettre à jour régulièrement le site (nouvelles, infos, etc...), je suppose que vous vous en doutiez !
Créer enfin ce tutoriel sur Terranim, dont j'ai déjà le plan !
Plancher sur la prochaine animation, qui sera la 20ème disponible sur le site. Je suis en train de voir si l'idée que j'ai en tête est possible, si c'est le cas, attendez-vous à quelque chose d'assez étonnant...
Continuer de corriger le site, et l'améliorer, je pense notamment à ajouter les attributs "hreflang" qui indiquent la langue du lien, entre autres...
Apparemment, le coup de turbo donné à la fréquentation par cette dernière animation "Sables" est terminé, car la fréquentation a repris son cours "normal", à savoir 1000 visites en 3 jours.
Ce cours "normal" me satisfait parfaitement d'ailleurs !
Je viens d'apprendre le décès de Giancarlo Lucerni, c'était un des "tous-forts" de la communauté Terragen francophone, c'est d'ailleurs en découvrant ses paysages que j'ai eu envie à l'époque (Terragen 8.11, il y a 4 ans) d'essayer de m'y mettre. Son site est d'ailleurs toujours dans mes liens.
Je n'ai pas pu mettre de nouvelles hier, pour une raison simple : j'ai fait découvrir à ma douce et tendre un de mes cadeaux de Noël, à savoir le jeu Les Sim's 2. (très bon jeu d'ailleurs)
Si vous ne voulez pas voir votre ordinateur squatté par votre douce et tendre, ne lui montrez jamais ce jeu, la mienne qui n'est pas très branchée informatique a très bien accroché, et est restée devant le jeu pendant... toute la soirée.
C'est-à-dire de 20H à 00H30, moment où je pensais justement mettre à jour le site.
Le début 2005 commence bien, la dernière animation "Sables" a fait bondir la fréquentation à plus de 1000 visites en 2 jours, les retours que j'ai d'ailleurs à ce sujet sont excellents, et bien meilleurs que ce que je pensais de cette animation...
Donc au final, on arrive à 87 000 visites !
Je ferai demain un petit topo des prochaines mises à jour du site.
La voici la voilà, je viens de la mettre en ligne.
Cette dernière animation pèse 22,9 Mo, et est compressée en Divx.
Grosso modo, il a fallu 1 semaine à mon PC pour "venir à bout" du calcul.
Je n'aurais qu'un conseil : montez le son, je me suis amusé à faire quelques effets de stéréo au début, et la musique... je reste un grand amateur de ce groupe mythique !
C'était un peu long à rectifier (environ 400 nouvelles plus les pages du site), mais c'est fait : j'ai rajouté l'attribut "lang" pour tous les acronymes et les liens qui ne sont pas en français (pour ces derniers, la langue est précisée dans l'attribut "title" en plus).
Si vous voulez voir ce que ça donne, cliquez-droit sur un acronyme ou un lien, et vous aurez l'information. (bien sûr, cette information sera affichée avec Mozilla/Firefox, n'espérez pas avoir quelque chose avec Internet Explorer...)
Bref, je continue d'améliorer l'accessibilité du site petit à petit...
Si je prends en compte que le site n'a pas été joignable pendant 2 jours, ce sont donc pas moins de 2000 visites (!) pour une période de 3 jours, soit 85000 visites au total.
J'avoue que je ne m'explique pas cette hausse subite...
Et voici la 2ème petite mise à jour du site, j'ai quelque peu réordonné la page des liens, en ajoutant la catégorie "Petits" projets solo.
"Petits" est mis entre guillemets car cet adjectif est tout relatif pour certains projets comme le S.O.C project, qui sont tout sauf petits, et mes tutoriels représentent un certain temps de travail... et même un temps de travail certain !
Voici une 1ère mise à jour du site pour aujourd'hui, je viens d'ajouter dans mes liens ma dernière réalisation, le site du Club-DVD, vous pourrez trouver plus d'informations sur ce site dans la rubrique de mes réalisations web, où je détaille un petit peu ce projet.
Pour ceux qui en douteraient encore, la méthode pour insérer du Flash proprement et de manière accessible décrite dans ce billet fonctionne parfaitement, allez sur le Club-DVD avec et sans plugin Flash, vous verrez bien ce qu'il se passe...
... pour les fans de Harry Potter, J.K Rowling vient d'envoyer le Tome 6 à ses éditeurs anglophones.
Tempérons toutefois cette annonce : Harry Potter et le Prince de Sang Mêlé ne sera disponible que le 16 Juillet 2005 pour la version anglaise !
Comme il faut rajouter 6 mois pour la version française, les amateurs du petit sorcier qui n'aiment pas la langue de Shakespeare devront attendre Noël... 2005 !
Suite au post précédent, j'ai constaté quelque chose qui me fait plaisir : je suis très bien référencé concernant une maladie grave, l'acronymite.
On peut d'ailleurs constater qu'elle n'est pas encore très connue, car Google propose un changement du terme, signe que le mot n'est pas encore rentré dans les moeurs...
Comme je suis frappé par cette maladie par moments, je suis content que le site participe à une meilleure compréhension de cette maladie.
Google a l'art de m'amuser, je regardais hier dans les statistiques du site les mots clés qui amenaient à mon site, et j'ai eu des résultats intéressants... et quelques surprises !
Pour les recherches directement liées à mon domaine préféré, comme "terragen tutorial", ou "terragen animations", je sors dans les premiers. (avec "Hoffmann", ou "Nicolas Hoffmann", je sors aussi dans le peloton de tête)
J'ai eu par contre quelques surprises avec les recherches suivantes :
Heureusement que je suis bien, placé avec "Terranim" et "Campath", et que "générateur de tableaux", "générateur de formulaires" et "crypteur adresse e-mail" font référence à mes projets (faites les recherches si vous en doutez, j'ai la flemme de copier les liens), sinon, ça ne donnerait même plus envie de faire des billets sérieux...
C'est la fin annoncée du journal de Max, un blog cynique et inimitable sur le monde de l'entreprise. Pour ceux qui ne connaissent pas, lisez ce blog depuis le début, il y a des passages désormais cultes...
Dommage, c'était bien marrant ! (et tellement vrai)
La voici la voilà, la 5ème victime déclarée du thème "Random", pour mon plus grand plaisir !
Les symptômes se suivent et ne se ressemblent pas :
Votre site est subitement devenu fou ! (Ndm : Mais vous êtes fous... oh oui !)
Je ne comprends pas pourquoi le site est revenu au thème précédent. (Ndm : c'est tout à fait compréhensible, le site est devenu une entité vivante, je ne peux plus le contrôler, il n'en fait qu'à sa tête... bienvenue dans la matrice.)
Toutefois, c'est plutôt dépaysant ! (Ndm : c'est le but !)
Je vous en prie, ne lisez pas ce qui est noté à côté de chaque thème, c'est un pur plaisir de lire ce genre de message !
J'ai fini les scripts vite fait bien fait hier soir, la prochaine animation est en cours de calcul. Il faut dire que maintenant que j'ai trouvé une petite astuce (regardez en bas du paragraphe vers lequel pointe ce lien) pour faire tourner Terragen sans pour autant monopoliser un ordinateur, les calculs sont plus aisés...
Cette prochaine animation devrait compter environ 2200 images à calculer, et ne devrait pas être trop longue point de vue rendu, il n'y a pas d'eau, et le terrain n'est pas monstrueusement grand.
J'ai même l'impression que c'est plutôt rapide, car la dernière animation avançait à coups de 25 images... par journée de calcul !
Or, là, ça tourne plutôt à coups de 2 à 300 images par journée, d'après mon estimation. Ma bécane devrait suffire amplement pour finir cette tâche en des temps acceptables, une fois n'est pas coutume !
Je crois même avoir déjà trouvé la musique qui collera à l'ambiance !
Et bien non, c'est en fait les 10 millions de téléchargements qui ont été franchis pour Firefox, le site SpreadFirefox indiquant même 10 811 530 à l'heure où j'écris ce mot.
L'objectif était de 10 millions de téléchargements en 100 jours, il a été atteint en... 33 jours seulement.
Il faut dire que le "renard en feu" (Fire... Fox !) a des atouts indéniables : légèreté du soft, interface agréable, navigation avec onglets, d'innombrables thèmes disponibles... et surtout il permet de naviguer de façon plus sécurisante qu'avec IE...
Un succès amplement mérité, j'encourage même les débutants à l'installer, ils auront sûrement moins de soucis qu'avec IE... Si vous en doutez, lisez donc ce petit billet, ça montre une certaine réalité... une même une réalité certaine !Mis à jour !
Une surprise de taille pour moi, le site a eu une fréquentation record ce week-end, avec plus de 1000 visites en à peine deux jours !
Cela fait presque 8 mois que j'ai lancé cette nouvelle version, et force m'est de constater que c'est un succès :
60 000 visites en 8 mois ! (et donc 80 000 visites depuis le début)
La moyenne des visites est de 7500 par mois, ce qui nous donne grosso modo un ratio de 1000 visites tous les 4 jours (la moyenne habituelle est bien respectée).
Une moyenne de deux nouvelles par jour depuis le début.
300 commentaires depuis que le weblog existe (6 mois environ)
Une centaine de liens sur le site !
Des projets dans tous les sens (une vingtaine d'animations, le S.O.C project, le GT project, etc...)
Un DVD a été créé avec toutes mes animations !
Etc...
Bref, voici comme on dirait, c'est "une affaire qui roule" ! (et en tout cas bien au-dessus de mes espérances)
Pour les prochaines nouveautés, voici quelques pistes...
Une animation va bientôt être mise sur les rails... et sûrement une autre petite surprise avant Noël...
Le prochain tutoriel sur les animations n'est pas abandonné, j'ai juste pas beaucoup de temps.
La partie réalisations web devrait être mise à jour avec 2 nouvelles réalisations majeures...
Et sûrement plein d'autres choses...
En tout cas, sachez que je compte bien continuer à faire vivre ce site !
Le site a tourné les 79000 visites avec 1000 visites ces 3 derniers jours(!). Donc la fréquentation est en nette hausse, après une période plutôt calme.
... prend un coup de sang par fainéantise, il peut faire des choses étranges !
Je m'explique : avant-hier soir, je devais créer des tableaux en XHTML, et comme je suis fainéant, cela m'a "énervé" de devoir rectifier plusieurs tableaux (notamment avec les balises "thead", "tfoot", et autres joyeusetés), je suis parti à créer un générateur de tableaux en PHP, dans le même genre que le S.O.C project, mon générateur de formulaires maison.
Bien sûr, le tout est bien moins compliqué que le S.O.C project, mais le résultat est au final amusant.
Je l'ai baptisé GT project. ("GT" n'a rien à voir avec une quelconque voiture ou quelque chose dans le genre, j'ai choisi ce nom ainsi : GT = Générateur de Tableaux)
Je devrais mettre en ligne d'ici peu un nouveau projet que j'ai pondu il y a quelques jours. Pour information, c'est dans le même genre de mon générateur de formulaires, le S.O.C project...
J'entends souvent que Terragen n'est pas un logiciel assez performant, qu'on ne peut pas obtenir des résultats intéressants. Il est vrai que Terragen a certaines limitations, toutefois...
Voici ma réponse : le "Science et Vie" de Décembre 2004 montre un article sur Mars, et un petit encart explique que Mars a été croquée/imaginée à de nombreuses reprises, et que la dernière mode consiste à la reproduire en images de synthèse, ce que fait notamment Kees Veenenbos qui utilise... Terragen.
C'est si peu réaliste que la NASA (!) et l'ESA l'invitent maintenant à présenter son travail... excusez du peu !
Pour ma part, je voudrais attirer votre attention sur un projet francophone sur Mars, Mars render, dont les auteurs sont Arnaud & Florent Creux (les mêmes avec lesquels j'ai créé mes dernières animations, notamment "Mars Global Superior"), et Yves Maquinay.
Bref, les mauvaises langues feraient bien de voir ça avant d'ouvrir leur grande g..... !
P.S : Merci à Olivier Gendrin pour m'avoir signalé cet article.
Après Firefox 1.0, la fondation Mozilla a sorti la version 1.0 de son client e-mail, à savoir Thunderbird.
Je vous encourage vivement à l'essayer, c'est un très bon logiciel, avec de nombreuses fonctionnalités toutes aussi intéressantes les unes que les autres.
Je devrais ajouter une galerie d'image Terragen en début de semaine prochaine, si j'ai un petit peu de temps pour la "confectionner".
De plus, j'attends le résultat du concours sur le site de Christian pour avoir le droit de montrer ma propre image... (qui sera donc dans cette prochaine galerie)
Côté animation, je vais, toujours si j'ai un peu de temps libre, préparer le script de ma prochaine animation... En tout cas, j'ai déjà la musique !
En voici un bel exemple : j'ai commandé une clé USB 2 sur un site internet, je devais recevoir le colis aujourd'hui même.
Ce matin, je descends donc au courrier (en espérant trouver le fameux colis donc), et je vois un avis de passage. Motif : le nom n'est pas sur la boîte aux lettres. Une gentille dame âgée passe à côté de moi à cet instant, je lui dis bonjour et lui demande si elle arrive bien à lire mes nom et prénom sur la boîte, juste en-dessous de ceux de ma compagne. Cette dernière me répond aimablement que oui, et ne comprend pas non plus pourquoi la personne m'a laissé un avis de passage pour ce motif. (ce que je ne comprends pas non plus, car soit ma compagne soit moi-même étions toujours présents depuis hier dans l'appartement, et il est même indiqué sur la boîte que nous sommes au 2ème).
Bref, ma douce et tendre décide de téléphoner au triage de la poste afin de signaler l'"étrangeté" du problème. La personne qu'elle a au bout du fil lui répond qu'elle va se renseigner et nous rappeler.
Une heure après, le téléphone sonne, je décroche donc, et voici textuellement la discussion : -Employé : Bonjour. -Moi : Bonjour. -Je vous appelle au sujet du colis que vous n'avez pas pu recevoir. -Oui, je ne comprends pas pourquoi la personne n'a pas pu lire mon nom sur la boîte, une mamie de 80 ans passés y est arrivée sans problème ! -En fait, le problème ne vient pas de la boîte. Votre nom (Ndm : donc le mien) ne figure pas sur votre porte. -Attendez, je vérifie (j'ouvre la porte)... oui c'est vrai. Toutefois, le nom de ma compagne est indiqué sur la porte. -Oui peut-être, mais votre nom à vous n'y était pas. -Attendez, sur la boîte aux lettres figurent mon nom et celui de ma compagne (et même l'étage), vous êtes en train de me dire que la personne n'a pas compris que si mon nom et celui de ma compagne sont sur la même boîte aux lettres, c'est que nous habitons tout simplement... ensemble ! -(silence gêné)... -Pourtant, la personne a bien posté cet avis de passage dans la bonne boîte, c'est-à-dire celle où mon nom est marqué dessus ? -(silence gêné bis)... -Donc la personne n'a pas compris qu'il fallait rechercher une porte au 2ème étage ayant soit mon nom, soit celui de ma compagne ? -En effet, la personne ne le savait pas. (Ndm : !!!)
Je décide d'abréger cette "conversation" avant d'avoir à redire sur la perspicacité de la personne, je demande si je peux venir chercher mon colis directement à la poste, on me répond que oui, merci, au revoir.
C'était trop difficile de dire que la personne n'avait pas envie de se faire chier à grimper 2 étages et à chercher ? Au moins, ç'aurait été honnête ! (je préfère d'ailleurs un fainéant honnête que quelqu'un de mauvaise foi)
Bref, terminons sur une note d'humour : la Poste, on a tous à y gagner !
Ce n'est pas l'anniversaire d'une personne en particulier, mais d'un groupe de personnes : Planète Terragen, le groupe francophone dédié à Terragen, fête ses trois ans !
Et pour le plaisir, voici le 1er message ! (utilisateurs inscrits sur la liste uniquement)
J'ai réussi à remettre une config sur pied avec un Shuttle gracieusement prêté par le boulot en attendant que ma bécane revienne. Ça sera toujours mieux que l'installation d'apothicaire que j'ai utilisé ces temps-ci… (un portable en guise d'unité centrale, c'est pas top)
Bref, les nouvelles du site ne devraient pas trop diminuer.
Conséquence directe de la situation expliquée dans la nouvelle précédente, je ne peux continuer mes projets en cours : la nouvelle animation attendra un peu (dommage, j'ai déjà testé le terrain, et la musique est déjà toute trouvée), et les diverses images Terragen que j'ai créées dernièrement attendront aussi.
Selon la durée de la panne, il est possible que le site tourne aussi au ralenti pendant quelques jours...
En espérant que ma bécane habituelle revienne rapidement (dur de revenir à un Pentium 3 600 quand on est habitué à un Athlon 64 3200), je vous souhaite néanmoins un week-end agréable !
Allez, il faut savoir rire de ses propres malheurs, je vais donc vous raconter la dernière tuile qui m'est tombée dessus.
Hier soir, mon PC s'est mis à déconner. Impossible de connecter mes périphériques USB !
Il ne me restait plus qu'un port USB de fonctionnel, donc procédure habituelle : on sauvegarde tout ce qui est à sauvegarder avant de tenter quoi que ce soit. Après quelques investigations, la panne semble matérielle, autrement dit : rien à faire à part ramener l'engin en réparation.
Je décide de préparer mon portable du boulot à recevoir tout ce dont j'ai besoin pour assurer le strict minimum (programmes, connexion internet, messagerie, etc...), bien qu'un peu lent, tout fonctionne bien (mon portable de boulot devient en quelque sorte une unité centrale de secours). Je décide donc d'emmener mon PC là où je l'ai acheté, vu qu'il est encore sous garantie.
Retour à la maison, c'est là que ça devient comique. Le portable en question n'a qu'un port PS/2, et un port USB. Comme il me faut internet pour bosser, le port USB est pris par mon modem.
Je branche mon écran sur le portable (histoire de ne pas me défoncer les yeux sur l'écran du portable), tout se passe bien.
C'est là que vient le dilemne, il me reste un port PS/2, que brancher dessus ? La souris, ou le clavier ?
N'aimant pas le clavier d'un portable, je décide de brancher mon bon vieux clavier mécanique Bull, une antiquité, mais qui a le mérite d'être particulièrement agréable à la frappe, et littéralement indestructible (on peut flanquer des coups de poing sur les touches, je n'ai jamais réussi à en abîmer une seule depuis plus de 3 ans que je l'utilise). Je devais donc utiliser le touchpad du portable, et mon clavier habituel.
Or il s'est avéré que ledit touchpad n'était vraiment pas pratique (c'est lent et ça me gonfle !!!!). Je décide donc de faire l'inverse, je branche ma souris optique, et j'utilise le clavier du portable. C'est un peu mieux, mais ce n'est toujours pas ça... (je ne suis vraiment pas fan des claviers de portables) Entre temps, j'ai eu droit à quelques plantages de Windows (normal), quelques câblages un peu... compliqués (normal vu l'installation de guerre), et quelques bugs d'Internet Explorer sur le site sur lequel je travaille en ce moment (normal aussi, mais ça a l'art de m'énerver cordialement, surtout quand ces bugs sont littéralement inexplicables)...
Cette *saleté* de browser refuse de faire fonctionner une petite interface d'administration d'un site, il ne tolère visiblement pas les éléments destinés à envoyer un fichier (sans compter les problèmes de cache)... alors que le site fonctionne parfaitement sous Firefox et consorts. Le plus drôle est que cette bouse de navigateur plante sur des fichiers... en pur ASP, sans aucun envoi de données au navigateur !
Si vous trouvez d'ailleurs une raison scientifique pour ce problème, je suis preneur (à part qu'Internet Explorer n'aime pas le code valide et qu'il aime faire *ch...* les développeurs web conscienceux).
Bref, l'informatique c'est génial... surtout quand ça marche.
P.S : pour les personnes m'ayant mailé entre hier matin et ce soir, j'ai bien reçu vos messages, mais je n'ai pas eu le temps d'y répondre, vu mes mésaventures...
J'ai fait quelques modifications sur mes tutoriels sur Campath et les animations avec Terragen : tous les liens s'ouvrent désormais dans la page courante au lieu d'ouvrir une nouvelle fenêtre, plus deux ou trois autres corrections.
Je vous invite à essayer ce logiciel : le Notepad 2.
Bien que la page soit en anglais, vous pourrez en télécharger une version française.
Pourquoi ce logiciel et pas un autre ? Tout simplement, il propose une coloration syntaxique digne de ce nom, et beaucoup d'options.
Je l'ai même mis par défaut chez moi, pour ce faire, il vous suffit de supprimer l'ancien Notepad de windows, et de copier-coller le Notepad 2 en le renommant en "Notepad".
Je viens de faire quelques modifications sur le S.O.C project, mon générateur de formulaires maison. Voici la liste des modifications :
Amélioration de l'accessibilité de la mise en page par tableau centré : ajout des balises <thead>, <tfoot>, <tbody> et des "headers" correspondant à chaque <th>.
Ajout de l'attribut "summary" du tableau.
Correction d'un léger bug concernant les éléments de type "checkbox" et "radio".
Si vous ne comprenez rien à cette histoire de <thead>, <tfoot> et consorts, j'ai mis également à jour la Foire Aux Questions avec des infos sur ce sujet...
J'avais complètement oublié (depuis la refonte du site, c'est-à-dire depuis le 19/04/2004) de rajouter dans les liens que j'étais membre du webring de Terragen de Renderosity.
Cet oubli est désormais réparé, ne dit-on pas : "Vieux motard que jamais" ?
Zut, c'est "mieux vaut tard que jamais"... contrepétrie malheureuse.
J'ai eu un petit peu de temps à midi, et la mise à jour est faite !
Le 3ème tutoriel se voit complété par deux ajouts, un concernant la tendance qu'a Terragen à monopoliser le processeur (l'ordinateur ?) ainsi que la solution que j'ai trouvée à ce sujet, et un concernant GPU.
Bien sûr, la version anglaise et les versions téléchargeables ont été mises aussi à jour.
Au hasard de mes pérégrinations sur le web, je suis tombé sur ceci : Terrascript.
C'est un utilitaire créé en javascript permettant de créer un fichier script .tgs pour Terragen !
L'idée en elle-même est amusante, toutefois, l'utilitaire en question est très limité, il permet de créer un déplacement entre deux points, c'est tout ! (bref, ne vous attendez pas à avoir les même possibilités qu'avec Terranim ou Campath)
Tiens, j'avais oublié de vous en parler : de nouvelles images sont disponibles sur Planetside, le site officiel de Terragen, ces dernières montrent les possibilités assez impressionnantes des prochaines versions de Terragen.
Un seul doute subsiste : est-ce que ça sortira avant 2050 ? (le développement de Terragen étant extrêmement long, je me permets ce rictus sarcastique...)
J'en ai marre d'entendre cette expression quand je regarde la télévision (et pourtant, on ne peut pas dire que je la regarde souvent), donc par pitié, arrêtez de dire que vous avez été "pris en otage" par les transports publics/la SNCF/ou qui que ce soit !
Dites la vérité, à savoir que vous avez été gênés/embêtés/*emmerdés*/ce que vous voulez, mais par pitié, arrêtez d'utiliser cette expression, je ne la supporte plus !
(c'était le coup de gueule du jeudi, inutile mais ça défoule)
Décidément, la nostalgie est en force ces temps-ci. Allez donc faire un tour sur DosBox, j'ai pu "émuler" de vieux jeux comme Sam & Max CD (qui ne démarrait plus sous Windows), et plus récemment Pinball Illusion, un excellent jeu de flipper comme on n'en fait plus, le tout grâce à DosBox.
Ma douce et tendre est d'ailleurs toute heureuse de pouvoir jouer à de bons jeux de flipper !
Si comme moi vous avez débuté en informatique sous DOS, cet émulateur sera très facile à utiliser. Pour les autres, il faudra lire la documentation !
Le dernier bug en date absolument inexplicable m'interdit d'utiliser des div flottantes dans la mise en page sur laquelle je travaille, sinon le texte de la div disparaît !
La mise en page que j'utilisais marchait sur TOUS les navigateurs récents... sauf un.
Je hais IE, et je n'aurais qu'un mot : installez Firefox, ou n'importe quel autre navigateur digne de ce nom qui respecte les standards du web.
Espérons que cette bouse sera au moins améliorée dans la prochaine version de window$, Longues Cornes...
En fait, ce n'est pas vraiment une nouvelle animation, mais la version longue de "Mars Global Superior", le tout dure plus de 4 minutes !
Je m'excuse d'avance pour les petites connexions, car cette animation ne pèse pas moins de 59 Mo, et j'ai dû en diminuer quelque peu la qualité pour ne pas dépasser les 60 Mo (impossible d'uploader plus sur mon espace perso, allez savoir pourquoi).
Après le rush dû à ma dernière animation, la fréquentation se calme quelque peu, soit un ratio de 1000 visites pour les 5 derniers jours, pour un total de 72000.
Cela risque de repartir avec la prochaine nouvelle...
Certains y verront une coïncidence, personnellement, j'y vois une réalité.
Je me suis amusé à comparer le résultat d'une longue utilisation de Mozilla (navigateur + client de messagerie) avec celle de IE/Outlook Express. Bref, ma machine (sous Mozilla donc) et celle d'un ami.
Le critère de comparaison est le résultat d'une détection de spywares avec le logiciel Ad-Aware dans sa dernière mouture, et un coup d'antivirus avec le logiciel Viruscan, lui aussi dans sa dernière mouture mise à jour.
Quelques précisions : les 2 ordinateurs comparés utilisent ZoneAlarm dans sa version gratuite, et sont sous Windows XP.
Le résultat pour la machine avec IE/Outlook Express est le suivant : 75 spywares détectés, et 2 virus trouvés.
Voici le résultat pour la mienne : 3 spywares détectés, et 1 virus... qui s'avère en fait être ce document que j'avais créé pour montrer une faille d'IE d'il y a environ une année (ce dernier a été détecté dans le cache du navigateur). Bref, autant dire 0 virus pour ma machine, car Mozilla n'est pas sensible à ce genre d'attaque...
Je crois que les chiffres sont assez éloquents... et du coup mon pote s'est installé Firefox et Thunderbird ! (client messagerie)
Non, je n'ai pas acheté un cluster de 1000 PC qui me permet le calcul d'une animation en 2 jours, toutefois, il se pourrait que je mette un ligne une autre animation d'ici quelques jours...
si j'arrive à uploader le fichier en question... qui est relativement lourd !
Je continue d'enrichir les liens disponibles sur le développement web, avec l'ajout d'un site incontournable sur le PHP, à savoir Nexen.net, un site qui regorge de documentations sur ce langage et qui est très au fait de l'actualité le concernant.
Cela doit être dû à l'effet "LOTR", bref, à ma dernière animation, le compteur explose littéralement avec 1000 visites en 2 jours, pour un total de plus de 71000 visites.
La principale question que l'on me pose est la suivante : pourquoi on ne peut pas avoir une animation plus longue ?
Ma réponse sera simple : trouvez-moi une dizaine d'ordinateurs suffisamment puissants pour réduire les temps de calcul, ne serait-ce que pour m'en calculer environ 100 à 200 images (ce qui n'est pas énorme), et je me ferai un plaisir de faire des animations bien plus longues !
La dernière comportant beaucoup d'eau, le calcul m'a pris pas moins d'un mois, et ce avec plusieurs ordinateurs...
Ou alors, participez au projet GPU, c'est gratuit, et cela n'utilisera votre ordinateur que quand vous ne l'utiliserez pas !
J'ai corrigé un petit bug : les images du nouveau thème par défaut ("open") ne se chargeaient pas correctement, ce qui entraînait un léger problème avec le menu de navigation.
Je vois couramment sur les listes de diffusions (newsgroups) consacrés à Free que tout le monde râle car ils n'ont pas la Freebox.
Pour ma part, je suis bien content d'avoir acheté... un Sagem fast 908 !
Provocation ? Absolument pas ! La raison en est simple : 9 fois sur 10, quand la Freebox ne marche pas pour x raisons (ce qui est en train de m'arriver quand je poste cette nouvelle), le bon vieux Sagem 908 prend le relai et permet d'avoir un accès haut débit (de secours) pleinement fonctionnel.
Une petite nouvelle le dimanche, je n'avais même pas vu que le compteur avait engrangé 1000 visites hier, soit plus de 1000 visites en 3 jours, pour un total de 67000 visites.
Comme j'ai eu le plaisir d'aller faire des courses, voici la 2ème couche, et n'en déplaise à notre regretté Coluche, cette fois, je vais parler des lessives. Vous verrez que son sketch sur les lessives n'a pas pris une ride...
Toutefois, cela ne m'empêche pas de penser qu'ils nous prennent bien pour des cons. La raison : on a aussi OMO Solutions Pulvérisateur et recharge ! Comme je suis aussi con qu'un autre, je lis à quoi ça peut bien servir, et je vois Pour le prétraitement de votre linge.
???????
Là, je ne comprends plus rien, ils disent qu'ils ont la meilleure lessive en tablets, et ils font quelque chose pour prétraiter le linge !!! Ils n'ont pas confiance en leurs produits, alors !
Allons voir chez le concurrent : Ariel™ ! Chez eux, c'est encore plus fort : Un activateur de lavage encore plus concentré qu'avant pour une meilleure performance blancheur. Parce qu'avant, la lessive, elle était con, elle ne s'activait pas, maintenant quand on lave la crasse, la lessive s'active ! En plus, la lessive prend ça au sérieux, car on parle de performance blancheur.
Doit y avoir des concours de blancheur, un 100 mètres haies lavage, etc... ça doit être vrai, puisqu'ils le disent.
Ils nous disent et le martèlent : C'est impeccable à chaque fois et pour longtemps. Si c'est impeccable pour longtemps, il n'y a pas besoin de le faire à chaque fois, non ?
Chez Dash™, ils prennent ça encore plus au sérieux : La dernière formule de dash 2en1 et sa technologie Fiber-Fresh vont permettre à vos vêtements de respirer la fraîcheur encore plus longtemps !
Maintenant, ce n'est plus le gars qui porte les vêtements qui doit être à l'aise, c'est les vêtements qui respirent ! Je vous raconte pas si les vêtements sont enrhumés...
D'ailleurs, chez Vizir™, on nous explique qu'il faut que la lessive aille au coeur du linge, c'est dire si les vêtements sont vivants !
Chez Skip™, on nous explique qu'à chaque instant de la vie, on découvre, on apprend, on expérimente de nouvelles choses et il est inévitable de de se tâcher. Heureusement qu'ils sont là pour nous le dire, on ne s'en était pas aperçu... Ils ont trouvé le truc, maintenant, on est obligé de se dégueulasser, comme ça, ça justifie leur boulot. Pas cons les gars !
Même point de vue pubs, il y a 20 ans, OMO c'était la lessive qui lavait la tâche qui était dans le noeud du torchon. Maintenant, on lave le torchon dans une bassine d'eau avec un fouet. C'est plus long qu'avant, il faut fouetter le linge, avant on le faisait avec la machine.
C'est-à-dire que le gusse qui a 5 kilos de linge les fout dans une bassine, et après il peut s'accrocher pour nettoyer ça au fouet ! Rien que pour faire monter des blancs en neige c'est fatiguant, alors avec 5 kilos de linge mouillé, je vous raconte pas...
P.S : Vous croyez que j'en ai rajouté ? Allez donc faire un tour sur les sites web des marques précitées, je n'ai pas changé un caractère des conneries qui y sont racontées...
Pourquoi je commence ce billet comme le sketch de Coluche ? Voyez plutôt : je me suis amusé à lire (pas à regarder, à lire) les explications dont nous abreuvent les médias dans le domaine de la beauté, et plus particulièrement des produits cosmétiques.
Morceaux choisis : -le 1er lait hydratant euphorisant de peau aux Phyto-Dorphines™. -...prévenir le vieillissement physiologique mais aussi le photo-vieillissement (!) dû aux UV. -les DERMO-PEPTIDES : Ces dérivés d'acides aminés... -les CITRUS CR, les CERAMID R.... -Trois ingrédients ultra-performants combinés pour leur action sur l'ovale du visage... (?!?!) -des molécules bio-mimétiques comme certains céramides, qui assurent la cohésion des cellules...(?!?!?!)
Etc... et je passe sur "les micro-pigments de couleur qui procurent instantanément un éclat lumineux et rayonnant", "avec sa formule enrichie en particules de nacres", etc...
Je viens de voir le documentaire de Michael Moore "Bowling for Columbine", et je dois reconnaître que c'est quelquechose à voir.
Dans un style plus sobre que Fahrenheit 9/11 (moins parti pris surtout), il y dénonce les ventes d'armes aux Etats-Unis et la peur entretenue par les médias américains.
C'est très bien filmé, et assez étonnant pour moi de voir tout cela, n'étant pas américain.
Je vous le recommande, tout comme son successeur (Fahrenheit 9/11) !
Firefox a été téléchargé 5 millions de fois en un mois ! (source : SpreadFirefox)
Et pour ma part, je viens également de me l'installer, car Mozilla/Firefox sont des alternatives plus que crédibles pour ma part, notamment grâce à une extension plus que pratique : la webdevelopper toolbar, que vous pourrez trouver sur Accès-pour-tous, et en français.
Allez donc faire un tour sur Mozilla Europe si vous ne connaissez pas encore ces très bons logiciels !
La page de contact ne passait plus au validateur, suite à une erreur d'inattention de ma part. (un "id" en double)
J'en ai profité pour restructurer le formulaire pour me contacter avec la balise "fieldset", cette dernière permet de regrouper différents champs de formulaire par catégories, en l'occurrence les coordonnées et le message en lui-même dans mon formulaire.
-je ne comprends pas ce qu'il s'est passé, tout marchait bien jusqu'à présent (NdN : et là, c'est le draaaaaame...), et je ne sais pas ce qu'il s'est passé, le site a commencé à déconner de manière bizarre. -je pense qu'il doit y avoir un bug dans les cookies. (NdN : beurk, des cafards dans les cookies...) -la CSS a tout bonnement disparu avant de réapparaître ! (NdN : victime de la CSS vide ?) -votre site aurait-il été dupliqué ? (NdN : non, pas que je sache...)
Un grand merci à cette 4ème victime pour le moment de bonheur qu'elle m'a fait partager ! ;-)
Visez quand même ce que Bill Gates a osé sortir dans une interview (en bas de la page) :
"Gates: More has been invested in making IE secure than any browser on the planet by a long shot. Nothing is going to change. That's the one over 90% of people are going to keep using."
Traduction : Il y eu a plus d'argent investi dans la sécurité d'IE que dans aucun autre navigateur sur la planète, et de loin. Rien ne va changer. IE est le navigateur que plus de 90% des gens vont continuer à utiliser.
Certaines personnes auront peut-être constaté que le compteur de page d'accueil déconnait de temps à autres, j'ai corrigé ces bugs bizarres hier soir en fin de soirée.
A priori, il devrait tourner correctement cette fois !
Pour les personnes qui me contactent via le formulaire de la page contact, je précise qu'il faut m'indiquer une adresse e-mail valide, sans quoi je ne pourrai vous recontacter. (s'il n'y a pas besoin que je vous recontacte, ce n'est pas grave, dans le cas contraire, je ne peux rien faire)
(note personnelle à l'attention de Yuba (?!) : si c'est d'animations avec Terragen dont tu parlais, va faire un tour sur mes tutoriels)
Comme je suis en plein développement d'ASP, j'ai ajouté dans les liens du site une adresse qui m'a toujours été utile : ASP-PHP.net.
La grande force de ce site est de proposer des exemples avec les deux langages, donc si l'on connait bien l'un des deux, il est relativement aisé de comprendre l'équivalent dans l'autre langage. (c'est ainsi que j'ai appris l'ASP)
Après une journée sans nouvelle, voici une nouvelle très importante pour ceux qui hésitent à faire des animations, notamment à cause des temps de rendus : il existe un projet nommé GPU qui permet le calcul "distribué" d'une animation créée avec Terragen.
Le principe est le même que pour le très connu Seti@home, les paramètres de l'animation sont mis sur un serveur, et le calcul est fractionné avec GPU sur plusieurs machines sur le net.
Inutile de vous dire que les temps de rendus sont grandement réduits, j'en veux pour exemple ma prochaine animation : quasiment autant de boulot a été fait en 2 jours avec cette méthode qu'en 3 semaines avec 2 machines personnelles.
En plus, le fait de faire tourner ce logiciel ne réduit pas les performances de votre machine, vu que le logiciel tourne en tâche de fond.
Il va de soi que je vous tiendrai au courant des avancées de ce projet très prometteur, vous pouvez d'ores et déjà l'essayer, un module de discussion instantanée est disponible où l'on pourra vous aider à comprendre le fonctionnement de ce projet (plusieurs langues sont parlées).
Un petit bonjour en passant, je n'ai absolument pas le temps de proposer mieux, vivement ce week-end, des choses intéressantes pourraient se passer sur la scène de l'animation "Terragenesque"...
Avez-vous remarqué qu'un nouveau jeu fait fureur chez certains développeurs web (dont moi), à savoir l'acronymite/abbréviationnite détournée aigüe ? Je vous propose donc un petit laïus à ce sujet.
Rappelons ce à quoi sert la balise "abbr" : son but est de donner un sens aux sigles (exemple : ANPE), aux acronymes (exemple : SIDA), et aux abréviations (exemple : Ch).
Exemple point de vue code <abbr title="Force Ouvrière">FO</abbr> donnera FO.
L'idée de base était de donner donc un sens ou tout du moins une aide pour les personnes ne connaissant pas l'abréviation/l'acronyme/le sigle utilisé (exemple : tout le monde ne sait pas ce qu'est le RATP) ou, plus rare, d'éviter un lapsus malheureux (ex : JO, JO et JO).
Comme les standards du web n'étaient pas très connus il y a quelques années, cette balise (abbr) est restée dans l'oubli, utilisée seulement par quelques personnes ou organisations soucieuses d'être parfaitement comprises par leur lectorat, comme le W3C.
Or, on s'est aperçu récemment qu'il fallait utiliser des standards comme XHTML et CSS, et du coup, on voit fleurir des pages dans un beau code tout propre, et on met l'accent sur l'accessibilité des pages entre autres.
Cet aparté mis à part, revenons à notre balise abbr.
D'un rôle plutôt bien encadré, elle est passé à un élément multi-fonctions dans une page web. Voici quelques exemples de ces nouvelles pratiques :
Elle offre une aide pour l'utilisation d'une locution dans une langue ancienne (exemple : Veni Vidi Vici) ou dans une langue étrangère (exemple : Laiss ouam kifé la vibe avec mon mec).
Elle permet de montrer le vrai sens d'une phrase. Exemple : J'adore les logiciels tels que Frontpage, Dreamweaver ou Namo Web Editor.
Elle permet de faire passer des idées d'une manière plus discrète. Exemple : Que pensez-vous d'IE ? Je n'aime guère ce logiciel.
Elle permet une certaine pointe d'humour léger. Exemple désormais classique : Mais bien sûr !
Malheureusement, elle sert à la désinformation, certains webmasters sans foi ni loi détournent des sigles connus. Exemple : URSS.
Elle permet au lecteur de mieux comprendre la finesse subtilement nuancée du propos tenu. Exemple : je trouve cette femme bien belle. C'est d'ailleurs son sens premier, à savoir enrichir le texte d'informations supplémentaires. N'oublions pas que nous parlons d'accessibilité !
Elle permet aussi de donner un sens à une onomatopée ou à un bruit. Exemple : grmlmblmbl....
Plus rare, elle permet de donner le point de vue du lecteur du texte. Exemple : je vais aborder le 737ème chapitre...
Il va de soi qu'elle a d'autres utilités, mais vous ne m'en voudrez pas de ne pas toutes les énumérer ici.
Bref, d'une fonction quasi-glaciale, on s'aperçoit que cette balise somme tout assez sommaire apporte un réel plus sémantique aux documents que l'on peut trouver sur le web.
Toutefois, et comme rien n'est parfait dans ce monde, cette balise a une limitation, à savoir que l'on ne peut pas dépasser un certain nombre de caractères.
Ceci apporte un certain piment à ce nouveau sport, à savoir que l'idée doit passer de manière efficace avec un nombre de caractères limité !
Pour conclure, je dirais aux personnes adeptes de la perfection sémantique de ne pas incendier les gens atteints de cette maladie récente, l'abbréviationnite détournée aigüe, je suis sûr que ces webmasters n'avaient comme unique but de mieux se faire comprendre de leurs lecteurs !
Votre dévoué webmaster, Nicolas
P.S : je tiens à remercier l'ANPE, FO, la RATP, IE, le W3C et toutes les autres abréviations que j'ai écorchées dans ce texte.
Fréquentation habituelle-STOP- Ratio de 1000 visites en 4 jours-STOP- Annonce habituelle-STOP- 63000 visites au total-STOP- webmaster content-STOP- webmaster a du mal à trouver quelquechose d'original-STOP- Sentiments administratifs-STOP-
La prochaine animation est exceptionnelle... pour ce qui est de me montrer les vertus de la patience : environ 500 images ont été calculées... sur un total d'environ 2000 !
Et j'ai un Athlon 64 3200 avec 1 giga de mémoire...
D'ores et déjà, un grand merci à ma douce et tendre pour son aide logistique ! (elle me lance les calculs quand je ne peux le faire)
Une page intéressante pour les développeurs à tendance ASPHPiens, l'auteur donne dans ladite page (hash md5) le code source en ASP pour effectuer l'équivalent de la fonction md5() en PHP, fonction qui est bien utile pour sécuriser quelque peu certains fonctionnements (cookies, mots de passe, etc...).
Le code est assez impressionnant, mais le tout fonctionne très bien.
Je viens d'essayer Dosbox, un émulateur de cet ancien OS, et après quelques minutes à configurer le tout (très simple à faire), j'ai pu avoir le plaisir de refaire fonctionner certains de mes anciens jeux, avec entre autres Sam & Max, un jeu d'aventure absolument génial de la lignée des Monkey Island et autres Indiana Jones...
Du pur bonheur, car le jeu (version CD) ne marchait plus correctement sous Windows !
Quelques répliques qui feront sourire les connaisseurs : "Je en suis pas un mâle faisan, je suis un mâle lapin." "Je n'utilise jamais personne sans raison, à part Max." "Finis d'abord de garer ta bagnole hé gros nul !" "C'est ça la réalité virtuelle ? Je dois être un peu malade." "S'il vous plait Sam and Max, vous êtes mon seul espoir !" "Je n'avais jamais réalisé que la lèvre supérieure pouvait envelopper la tête entière."
Les connaisseurs se souviennent certainement de Lemmings, un jeu d'anthologie où il fallait guider ces stupides bestioles qui fonçaient tête baissée vers les précipices !
Certaines personnes ont pu constater que le site (surtout sur le thème par défaut) a quelque peu changé (ou devrais-je dire a subi quelques aléas) pendant la dernière heure, mais j'ai dû aller de bidouilles en bidouilles pour obtenir ce que je voulais, à savoir l'intégration d'un saut de menu sur toutes les pages du site avec tous les thèmes différents, c'est désormais chose faite !
(un saut de menu est un petit plus à l'accessibilité, alors ne nous en privons pas !)
Non, je ne viens pas de voir du code source généré par Frontpage ou Dreamweaver, mais le code source de quelques pages de mon site (les liens, les commentaires d'une nouvelle, etc...) n'était pas indenté à l'espace près, j'ai donc corrigé cette erreur impardonnable.
Comme me l'a gentiment demandé Cid en commentaire dans une nouvelle précédente, j'ai ajouté les balises "<link></link>" de chaque nouvelle dans chaque item du fil RSS.
pour i:1 à (racine_cubique(27)) faire ajouter 333 visites à compteur finpour
si nombre_visites>nombres_visites_de_la_dernière_annonce_de_fréquentation +1000 alors La fréquentation est en légère hausse, avec 1000 visites en 3 jours, soit plus de 61000 visites ! sinon sleep() finsi
N'hésitez pas à aller faire un tour sur XHTML.net, de nombreux articles intéressants s'y trouvent, je l'ai d'ailleurs ajouté dans mes liens sur le développement web.
Plusieurs choses seront ajoutées sur le site, concernant l'accessibilité (un saut de menu), et peut-être un prochain thème si j'ai un peu de temps libre...
Free m'étonnera toujours : le FAI vient de proposer quelque chose de plutôt agréable pour les possesseurs de pages perso : tout compte de page perso qui est occupé à plus de 90% (soit 90 Mo) depuis un mois peut faire une demande pour que son quota soit passé à 1 000 Mo, soit 1 Go d'espace libre.
Comme c'est mon cas depuis un bout de temps (les animations, cela prend beaucoup de place...), j'ai pu en profiter.
si (nombres de jours > 4) alors Le site vient de tourner les 60 000 visites ce week-end ! Comme d'habitude, ce sont 1000 visites/4 jours. sinon rien annoncer finsi
Si vous êtes un utilisateur d'IE et que votre version de Windows est antérieure à XP, il vous faut savoir qu'il n'y aura pas de correctif de sécurité pour vous. Donc soit vous passez à Windows XP (c'est pas gratuit), soit vous pouvez utiliser un navigateur alternatif, comme Mozilla ou Firefox.
Il en existe d'autres, mais j'avoue que ces deux-là sont parmi les meilleurs, et de plus sont libres et gratuits.
Suite à une discussion comique dans cette nouvelle (et comme j'avais 5 minutes à tuer), je me suis décidé à ajouter une petite fonctionnalité dans les commentaires des nouvelles, à savoir que cocher "Se souvenir de mes informations" vous évitera d'avoir à retaper à chaque fois votre pseudo, votre mail et votre url si vous désirez commenter une nouvelle.
Comme le sujet me concerne un peu (j'ai une rubrique photo numérique sur mon site), je décide de lire cela de plus près, et j'apprends ceci :
"En outre, vous devrez également obtenir l'autorisation des architectes. Ces derniers peuvent en effet prétendre à la détention d'un droit d'auteur sur le bâtiment, même public, dès lors qu'il présente un caractère original. [...]
Cette obligation de recueillir une autorisation de l'auteur ou de ses ayants droits connaît néanmoins deux limitations :
- elle n'est plus nécessaire 70 ans après le décès de l'auteur. Attention, certains aspects peuvent encore être protégés comme l'éclairage de nuit d'un bâtiment public dès lors que ce dernier a une certaine originalité. Ainsi, même si la Tour Eiffel peut être prise en photographie, la diffusion d'un image mettant en scène son éclairage (réalisé en 1985) est soumise à autorisation.
- elle n'est pas nécessaire dès lors que la diffusion s'opère dans le cadre du cercle de famille ou à titre d'information (site d'informations en ligne), l'image devant alors être en rapport avec l'actualité traitée."
Me voilà donc dans l'illégalité à cause d'une photographie de la Petite France à Strasbourg (dans cette galerie), vu que l'éclairage fait preuve d'une certaine originalité...
Heureusement pour moi que Vauban (paix à son âme) n'est plus de ce monde (citadelle de Besançon), que le Haut-Koenigsbourg a été construit autour de 1147, que la photo de la cathédrale de Strasbourg a été prise de jour, et que Gordes et Conques (superbes sites s'il en est) datent de quelques années...
Sachant que l'âge du capitaine est de 45 ans, et que le bateau a une fuite qui s'accorde en genre et en nombre avec le COD si ce dernier a eu lieu avant la bataille de Marignan...
la fréquentation double par rapport à la dernière nouvelle, avec 1000 visites en 2 jours ! (soit 59000 visites au total)
(Note : oui, cette nouvelle est bizarre, mais j'avais promis dans cette nouvelle de trouver quelque chose de plus original pour annoncer ce genre de nouvelles...)
Allez, je vous raconte la dernière c....... que j'ai faite.
Je crée un petit formulaire destiné à être traité par un fichier ASP, je décide de le tester, et là, je me prends une erreur 405 dans la tête !
"405 Method Not Allowed La méthode spécifiée dans la ligne de la demande n'est pas autorisée pour la ressource identifiée par cette dernière. Assurez-vous que le type MIME installé pour la ressource que vous demandez est approprié."
J'avoue que j'ai fait un blocage pendant quelques secondes !
Je cherche désespérement de quoi cela peut venir pendant 20 minutes, et chou blanc, aucune idée de quoi cela a bien pu venir.
Je relis une 20ème fois cette satanée ligne de formulaire, pour m'apercevoir que j'ai écrit action="traiter.php" au lieu de traiter.asp...
Y a pas à dire, on vit dans une époque formidable !
Temps pour ouvrir un compte dans un pays étranger : 5 minutes.
Si tout pouvait aller aussi vite (trouver un job, négocier avec un employé de l'administration pour obtenir une carte d'identité rapidement parce qu'on s'est fait voler la sienne, etc...), ça serait parfait !
{mode coup de gueule} Je n'ai rien contre les développeurs qui utilisent Frontpage ou Dreamweaver (c'est leur choix), mais il faut avouer que des fois...
C'est pénible de devoir repasser derrière quelqu'un qui utilise ces logiciels, et de corriger les horreurs qu'ils génèrent !!!!!
Vous voulez connaître un énorme avantage des standards ?
A noter : je risque d'apprécier les thèmes légers du site pour le mettre à jour, je vais retourner à une connexion bas débit pendant quelque temps, en attendant le retour du haut débit !
Un utilitaire pratique se trouve sur le site de Chami.com, il permet tout simplement à partir d'une image que vous envoyez de générer le fichier icône correspondant, que vous pourrez télécharger juste après. (vous savez le petit icône de favori que vous voyez à côté de l'adresse du site ?)
Pratique quand on n'a pas forcément l'utilitaire correspondant à portée de main !
Un petit coup de chapeau aux créateurs du jeu Mafia, je l'ai terminé le week-end dernier, et je dois avouer que c'est bien l'un des meilleurs jeux auxquels j'ai joué ces dernières années. La musique, la jouabilité, le scénario, le fun... bref, ce jeu est un excellent titre !
Dan Parnham, le créateur de Terranim a (selon les rumeurs) implémenté une nouvelle fonctionnalité dans la prochaine version de Terranim, complexe au point qu'il soit obligé de rédiger une documentation à ce sujet !
Je suis impatient de voir ce que cela peut bien être !
Je pousse un petit coup de gueule (parce que ça défoule) : récemment, Tristan Nitot, le créateur du célèbre StandBlog a dû fermer les commentaires sur son blog (merci à Cid pour cette info).
Précisons tout de suite que le coup de gueule n'est absolument pas destiné à Sieur Tristan (bien au contraire), mais à ce genre de comportements : dès qu'un site est un tant soit peu connu, quelques nez de boeufs ne peuvent pas s'empêcher de s'insurger et de brailler à tout va dès qu'un propos ne leur plaît pas.
Ce qui nous donne cette résultante : les sites n'ayant pas forcément le temps ni l'envie de modérer à tout va ferment tout simplement leurs commentaires (exemple : le StandBlog), les autres rivalisent d'ingéniosité pour mettre en place des systèmes plus restrictifs que ceux de départ (ex : Linuxfr)...
et l'on se retrouve privé de commentaires intéressants, de points de vues différents, etc... ce qui est dommage à mon humble avis.
Il n'est pourtant pas difficile d'exprimer un avis contraire à celui de quelqu'un... de façon polie et structurée ! (je crois que cela s'appelle être civilisé)
Moralité pour ceux qui trollent sans relâche : le meilleur moyen de pouvoir parler autant qu'on veut, c'est de s'automodérer ! (ou si vous préférez modérer ses propres propos)
Aussi contradictoire que ça puisse paraître.
Bref, dire ce que l'on pense, mais penser ce que l'on dit.
Cela doit être dû à l'effet "Mars Global Superior" (ma dernière animation), car le site vient de voir passer 1000 visites en 2 jours ! (bien que j'ai eu très peu de retour pour le moment sur cette animation)
Le S.O.C project passe en version 0.85. Au menu, beaucoup de changements :
La possibilité de paramétrer un stylage via CSS (ce dernier est également désactivable)
Un code remanié (côté programmation) et plus évolutif
Correction de divers bugs (des évènements qui ne s'activaient pas correctement, etc...)
Une amélioration de la mise en page via tableau centré (si le champ "reset" n'est pas rempli, il n'apparaît pas dans le code, et les deux cellules du bouton "reset" et "submit" sont fusionnées)
Quelques requêtes SQL ont été ajoutées
D'autres requêtes SQL ont été modifiées.
La partie "Connexion + fonctions utiles" a été complétée
Un nouveau type de champ "select" (situation matrimoniale) a été ajouté (merci Didine de m'y avoir fait penser !)
Free vient de changer la version de PhpMyAdmin en passant à la 2.6.0-rc1. Il faut reconnaître que cette dernière version a, passez-moi l'expression, "de la gueule" !
Et voici deux nouveaux liens ajoutés dans les liens concernant Linux et le logiciel libre. Ce sont deux incontournables : Framasoft, et la Free Software Foundation Europe.
Je suis en train de reprendre quelque peu le code du S.O.C project, je pense qu'une nouvelle version devrait arriver d'ici quelques jours.
Cela dépendra en fait de la complexité de ce que je compte ajouter... en tout cas, le code est déjà bien remanié, les évolutions futures seront plus aisées à implémenter (ça c'est pour moi !).
J'ai ajouté une petite astuce sur mon 3ème tutoriel concernant les animations avec Terragen, concernant les problèmes de "texture popping" en anglais dans le texte, un problème dont j'entends souvent parler point de vue animations (avec Terragen, bien sûr). Si vous ne savez pas ce que c'est, allez donc faire un tour sur cette page !
Des fois, il y a de quoi être dégoûté : je monte en montagne dans un châlet d'alpage, on se prend une jolie rincée, le soleil réapparaît, et là, un splendide arc-en-ciel apparaît subitement sur un fond de montagne...
et je n'avais pas pris mon appareil photo !
Evidemment, c'est le genre de trucs qui ne se voit jamais dans ces endroits-là ! (sauf quand on n'a pas pris l'appareil photo)
Les habitués auront remarqué que le site est très calme depuis quelques jours, la faute en revient principalement à un déménagement plutôt mouvementé, plus à divers aléas (FAI qui traîne un peu pour mettre à disposition le nouvel accès, le boulot, etc...).
Pour ceux qui m'ont envoyé un mail, j'y répondrai dès que possible.
Cela risque de rester calme encore durant quelques jours, pour mieux rattaquer juste après !
A titre d'info, la dernière animation en est presque à 2/3 de la fin.
Voici la 3ème victime du mode "random" des skins du site !
"Je ne comprends pas, j'essayais les thèmes de votre site, et au 5ème thème, le site s'est mis à déconner, la présentation était tantôt médiocre (non, on dit "sans CSS"...), tantôt celle d'un des précédents thèmes."
En effet, si vous lisez ce qui est marqué à côté du lien de ce thème, c'est exactement ce qui va se passer... je félicite l'auteur de cet e-mail pour m'avoir très bien décrit ce mode !
C'est bien sûr tout relatif, car cela fait encore 1000 visites en 4 jours, soit 51000 visites au total, mais la folie dûe je pense à ma dernière animation semble s'être calmée...
(je n'ose pas imaginer pour la prochaine animation)
Décidément... j'avais oublié de vous le signaler, le site Judgehype, un excellent site traitant de l'actualité de Diablo 1 et 2 et de Warcraft III (entre autres) vient se subir également une cure de jouvence (plus rapide, et mieux présenté).
Si vous êtes fan de ces jeux, ce site est incontournable !
Juste au moment où j'ajoute le lien dans la nouvelle précédente, et je vois sur Planète Terragen, que le SOPack a été mis à jour (une mise à jour mineure).
Je viens de m'apercevoir que je n'avais pas mis dans mes liens consacrés à Terragen de lien pointant vers la page de Sean O'Malley, le créateur de Campath, et du SOPack.
(j'ai doublement honte, vu que la partie sur Campath pointe par deux fois sur mes sites (vers mon site perso, et vers mes 3 tutoriels, et en des termes plutôt élogieux)
Cela doit être dû à l'effet "North 64", ma dernière animation.
Toujours est-il que le site vient de recevoir encore 1000 visites en deux jours, et la barre des 50 000 visites vient d'être franchie !
Un petit bilan :
4 mois (et 2 jours) depuis la refonte, et 30 000 visites pendant cette période.
11 animations disponibles, avec 4 nouvelles animations depuis 4 mois, ce qui n'est pas mal quand on sait le temps qu'il faut pour les calculer...
15 galeries d'images "Terragenesques".
7 galeries de photographies.
8 thèmes différents, plus une version imprimable, et un mode "random".
2 victimes déclarées du mode "random".
186 nouvelles depuis la début de la refonte, soit une moyenne de 2 nouvelles par jour.
Une interface d'admin qui s'étoffe de plus en plus (ça c'est pour moi !)
83 liens sur 5 domaines différents (Terragen, mes réalisations web, ressources et informations pour le web (développement), Linux et le monde du libre et les inclassables...
Un anneau pour les gouverner tous (ça c'était pour voir si vous suiviez)
Des fois, j'aimerais comprendre quelques grands mystères.
Par exemple, mon lecteur de DVD de salon ne marche plus depuis plusieurs jours, donc je décide en passant devant le magasin où je l'ai acheté de leur demander : ils me disent de l'amener.
Je rentre donc chez moi, j'essaie quand même une dernière fois de lire un DVD (plus par acquis de conscience, et pour ne pas passer pour un c.. au magasin), et il se remet à marcher subitement !
Ah, les mystères de l'électronique... en plus, on ne peut pas parler du P.E.M dans ce cas, vu que le problème s'est résolu tout seul.
A peine mon ordinateur a eu le temps de se reposer, qu'il va souffrir de plus belle, le calcul de la prochaine animation est lancé !
Et il y a de quoi faire : environ 3 à 4 minutes d'animations (oui avec un "s"), soit quelques milliers d'images. (6000 images pour 4 minutes par exemple)
Je viens de corriger quelques légers manques sur mes tutoriels sur les animations avec Terragen (principalement au niveau des liens, le 3ème tutoriel n'apparaissait ni dans le 1er tutoriel, ni dans le 2nd tutoriel, et réciproquement).
J'en ai également profité pour alléger quelque peu les archives zip de ces tutoriels, au cas où vous les téléchargeriez pour les lire hors ligne (c'est prévu pour !).
Cette fois, je vous propose d'aller faire un petit tour sur le site de Philippe Bullot, son site vient aussi d'être quelque peu rafraîchi, et il y a de très belles réalisations à voir !
L'été serait propice à un "refresh" général des sites consacrés à Terragen ? :)
Elle est finie de calculer, et le montage est fait.
Seul problème, je n'arrive pas à la compresser correctement pour le moment, je suis en train d'essayer d'autres codecs que le Xvid habituel... peut-être avec Divx 5.2 ?
Un petit merci à Steve pour m'avoir indiqué une petite optimisation sur ma fonction nl2br() améliorée.
// fonction nl2br + indentation inutile pour les webmasters maniaques comme moi // prend en entrée une chaîne et un nombre d'espaces function super_nl2br($chaine,$nb_espaces){ $temp = str_repeat(' ',$nb_espaces); // petit changement $super_chaine_indentee=$temp.str_replace("\r\n","<br />\n".$temp,$chaine); return $super_chaine_indentee; }
Je ne connaissais pas cette fonction, c'est désormais chose faite !
Par solidarité masculine, je diffuse ce texte trouvé sur le net.
MANIFESTE MASCULIN (UNE FOIS POUR TOUTES) Femme,
Si tu penses être grosse, c'est probablement vrai. Ne me pose pas la question, je refuserai de répondre.
Si tu veux quelque chose, il suffit de le demander. Mettons les choses au point : nous sommes simples. Nous ne comprenons pas les demandes indirectes subtiles. Les demandes indirectes directes ne fonctionnent pas. Les demandes indirectes évidentes ne fonctionnent pas non plus. Dis les choses comme elles sont.
Si tu poses une question à laquelle tu n'attends pas de réponse, ne sois pas surprise d'entendre une réponse que tu ne voulais pas entendre.
Nous sommes SIMPLES. Si je te demande de me passer le pain, je ne veux dire que cela. Je ne suis pas en train de te reprocher qu'il ne soit pas sur la table. Il n'y a pas de sous entendus ni de reproches, nous sommes vraiment SIMPLES.
Nous sommes SIMPLES. Ca ne sert à rien de me demander à quoi je pense, 96,5% du temps c'est au sexe. Et non, nous ne sommes pas des obsédés, c'est simplement ce qui nous plait le plus, malheureusement, nous sommes SIMPLES.
Parfois je ne pense pas à toi. Ce n'est pas grave. S'il te plait, habitue-toi à cela. Ne me demandes pas a quoi je pense, à moins que tu ne sois prête à parler de choses comme la politique, l'économie, le football ou les voitures de sport.
dimanche = grosse bouffe = copains = Football devant la télé. C'est comme la pleine lune ou la marée, c'est inévitable.
Faire du shopping n'est pas amusant, et moi, je ne le trouverai jamais amusant.
Quand nous devons aller quelque part, quelque soit le vêtement que tu mettes, il t'ira parfaitement. Je te le jure.
Tu as suffisamment de vêtements. Tu as trop de paires de chaussures. Pleurer, c'est du chantage.
La plupart des hommes a trois paires de chaussures. J'insiste, nous sommes simples. Qu'est-ce qui peut bien te faire croire que je peux te servir à décider laquelle de tes trente paires te va le mieux ?
Les réponses simples comme OUI ou NON sont parfaitement acceptables quelle que soit la question.
Si tu as un problème, ne viens me voir que si tu espères de l'aide pour le résoudre. Ne me demande pas de te plaindre comme si j'étais une de tes copines.
Un mal de tête qui dure 17 mois n'est pas un mal de tête. Va voir un médecin.
Si je te dis quelque chose qui peut s'interpréter de deux façons différentes et que l'une d'entre elle te rendrait triste ou inquiète, mon intention est de dire l'autre.
TOUS les hommes ne voient que 16 couleurs. La prune est un fruit, pas une couleur.
Qu'est-ce que c'est que cette putain de couleur fuschia ? Et pire, comment s'écrit cette saloperie ?
La bière nous plait autant qu'à vous les sacs à main.
Si je te demande ce qui ne va pas et que tu me dis "rien", je te croirai et je ferai comme si tout allait bien.
Ne me demande pas "tu m'aimes ?", sois sûre que si je ne t'aimais pas, je ne serais pas avec toi.
La règle de base, avant toute hésitation à notre égard : va au plus simple. NOUS SOMMES VRAIMENT SIMPLES.
S'il vous plait, distribuez ce manifeste au plus grand nombre de femmes possible, pour qu'elles comprennent enfin les hommes, une fois pour toutes. Distribuez-le aussi au plus grand nombre d'hommes que vous connaissez pour qu'ils sachent qu'ils ne sont pas les seuls à lutter (une fois pour toutes aussi)
C'est bien ce qu'il s'appelle un coup de chance, j'utilisais Ocawa, un validateur d'accessibilité pour tester certaines de mes pages, et grâce à cet outil, j'ai pu corriger un lien défectueux dans le plan du site, le lien vers la page des skins ne marchait pas (une bête erreur d'orthographe).
J'en ai profité pour ajouter quelques attributs manquants (largeur, hauteur) sur certaines images.
Je ne suis pas programmeur, mais je me pose quand même des questions : j'ai une configuration plutôt musclée (cf cette nouvelle pour ceux qui ne le sauraient pas encore) et je trouve que cela ne va pas encore assez vite.
J'entends déjà dire "il est gonflé de se plaindre d'une bécane pareille", etc... mais voici quand même mon propos : le nouvel ordi est en train de calculer une animation avec Terragen, et je l'ai fait bosser ce week-end entier (vu que je n'étais pas là), je reviens de week-end et... le calcul n'était pas encore fini !
Là, je me dis que Terragen pourrait être quand même un peu plus optimisé, car cela fait environ plus de 3 jours complets de calcul, et je trouve cela long compte tenu de ma nouvelle bécane !
Bref, sorti de la ferme de rendu, point de salut pour faire un petit film avec Terragen...
Je décide d'aller faire un tour pour me trouver quelques DVD réinscriptibles (histoire de faire quelques sauvegardes), et je décide de m'arrêter voir les jeux vidéos. Et là, je vois le très attendu Doom 3, qui m'a fait assez bondir, non pas par son ambiance, mais par son prix : 60 € !
Certes, je veux bien croire que cela coûte cher de créer un jeu, mais de là à le vendre aussi cher, je ne suis pas d'accord.
Je vois non loin de là les jeux dits "budget", et je trouve Mafia à 15 €, je décide de me faire un petit plaisir et je me l'offre. Et là, c'est la claque : c'est splendide, un scénario intéressant, une musique superbe, une jouabilité sans faille (et la localisation française est réussie). Le dernier jeu sur lequel j'avais accroché toute une après-midi était... Civilisation premier du nom.
Un grand coup de chapeau aux créateurs de ce jeu, qui m'a rappelé l'excellent Nomad Soul, mais en bien mieux.
Le projet Opquast a quelque peu mûri, ce sont 27 nouvelles bonnes pratiques qui viennent de s'ajouter, soit un total de 197 bonnes pratiques.
(cette bonne pratique-là, c'est moi qui l'ai proposée, car je trouve plus que désagréable cette manie qu'ont certains webmasters de créer des liens qui changent de taille quand on les survole...)
Histoire de bien préparer le week-end qui arrive, voici un jeu débile en flash, le premier va vous transformer en DJ pour produire de la musique techno presque aussi pourrie que ce que vous trouverez dans le commerce.
Sinon, pour les fans de Mario, allez faire un tour sur Mario Central, l'auteur s'est amusé à créer une histoire en flash avec les sprites d'origine de Mario 1 sur la NES... Délirant et ma foi bien fait !
Et pour aller encore plus loin dans le délire, allez faire un tour voir Mario Twins, les auteurs connaissent très bien Mario 1, et on refait une démo en flash... à ceci près que les bruitages et la musique sont fait... à la bouche !
Cette fois, je vous invite à aller faire un tour sur le site d'Olivier Caravera, récemment rafraîchi (c'est la période, pendant l'été, beaucoup de sites prennent un coup de pinceau). Le lien est également disponible dans la page des liens du site.
3 ans de bons et loyaux services, mon désormais vieil Athlon 1 Ghz avec ses 256 Mo de RAM et une GeForce GTS 2 64 Mo a rendu l'âme, après une certaine période de maladie.
Le moins qu'on puisse dire, c'est que je l'ai fait souffrir : des centaines (et même des milliers) d'heures de calcul plein pot...
Son successeur vient d'arriver, et le moins qu'on puisse dire, c'est que cela dépote : Athlon 64 3200, 1 Go de RAM, et une GeForce FX 5900 XT 128 Mo, et tout ce qui va bien avec : ports Firewire, ports USB 2 en veux-tu en voilà, etc... bref du pur bonheur en perspective !
Ce n'est pas à proprement parler une nouvelle version, mais ceux qui se souviennent de la dernière mise à jour du S.O.C project doivent se rappeler que j'avais parlé de créer une petite FAQ sur ce projet.
Michaël Terrier, alias Micter, a créé une nouvelle animation.
Vous pourrez la voir ici : Clifton2 (click droit, enregistrer sous, 15 Mo compressé en Xvid).
Profitez-en si comme moi vous aimez les animations avec Terragen, elle est pas mal du tout, et c'est plutôt calme côté animations ces temps-ci... (vivement cette nouvelle bécane !)
Wall Street attendait ce signe fort, le CAC 40 a salué également cet évènement : Terracollines, le site d'Olivier Cousinou est désormais entièrement valide XHTML 1.0 strict !
Je viens d'actualiser les captures d'écrans du site dans la partie Réalisations web.
Quelques changements ont été effectués, à savoir que l'interface d'administration du site a gagné une rubrique portant sur les commentaires du weblog, cela me permettra d'éviter de prendre beaucoup de retard dans la consultation de ces derniers. (j'ai aussi amélioré la sauvegarde de la base de données, histoire de faire encore moins d'efforts...)
Sinon, pour que ce weblog soit un peu moins "sévère", j'ai ajouté quelques smileys, du moins quelques smileys seront remplacés par une image (surtout les plus usuels).
Si vous voulez voir à quoi ressemblent ces smileys, jetez un oeil aux commentaires de cette nouvelle.
Et comme je suis toujours partant pour l'accessibilité des sites, l'attribut "title" (la petite indication quand vous passez la souris au-dessus d'une image) vous indiquera le smiley en version texte, et l'attribut "alt" (texte alternatif) contiendra l'émotion en bon français.
J'avais pris beaucoup de retard dans la consultation de vos commentaires, et on m'a demandé le code de cette fonction pour indenter le code source d'une page web. Je vous le donne :
// fonction nl2br + indentation inutile pour les webmasters maniaques comme moi // prend en entrée une chaîne et un nombre d'espaces function super_nl2br($chaine,$nb_espaces){ $temp=""; for ($i=1;$i<=$nb_espaces;$i++){ $temp.=" "; } $super_chaine_indentee=$temp.str_replace("\r\n","<br />\n".$temp,$chaine); return $super_chaine_indentee; }
En fait, elle fait comme nl2br() (qui remplace un saut de ligne par un <br />), à ceci près qu'elle rajoute le nombre d'espaces demandés pour indenter le code.
Oups, j'avais oublié de vous le dire : Terracollines, le site d'Olivier Cousinou et Terreinconnue, le site d'Yves Maquinay, viennent de subir un rafraîchissement plutôt sympathique.
N'hésitez pas à aller faire un tour sur ces sites, les créations en valent la peine !
Cette nouvelle est plus ou moins liée à la mésaventure de la nouvelle précédente, le cas de figure s'est encore avéré être vrai cette fois :
Pourquoi je ne trouve pas la solution à un problème posé AVANT de poster sur un forum mais à chaque fois juste APRES avoir posté ? (et AVANT que quelqu'un ne réponde ?)
Encore là, je cherche une petite heure de quoi cela peut venir, je décide la mort dans l'âme de demander sur un forum, et je trouve à peine une minute après...
Plusieurs hypothèses me viennent à l'esprit :
Soit je viens de découvrir une nouvelle loi de Murphy.
Soit c'est une résultante d'un autre grand théorème de la vie : le P.E.M.
Soit le fait d'avoir demandé de l'aide diminue le stress, et on réfléchit mieux.
Soit ça n'a rien à voir...
N'hésitez pas à me faire part de vos remarques, j'aimerais bien savoir si je suis le seul à qui cela arrive...
Dans la série "Eviter une prise de tête", voici une astuce bien utile si vous faites des CSS destinées à l'impression.
Si par exemple, vous essayez d'imprimer cette page du site, normalement avec un "aperçu avant impression", vous devriez avoir le titre "Prise de tête... pour rien !" sur fond gris. Il est probable que vous ayiez ce fond... mais blanc !
Or, je peux vous certifier que j'ai bien mis un fond gris dans la CSS destinée à l'impression (background-color:#dddddd; pour être précis).
Qui a tout faux ? Le navigateur ou le site ?
En fait, cela ne vient pas du site ni de la CSS, mais de la configuration de l'impression du navigateur. Sous Mozilla, il faut faire Fichier>Configuration de l'impression> et cocher "Imprimer le fond d'écran (couleurs et image)". Sous Firefox, il faut faire Fichier>Mise en page> et cocher "imprimer le fond d'écran (couleurs et image)".
Et sous IE, c'est un peu plus "sioux" : Outils>Options internet> dans l'onglet "avancé" cochez "imprimer les couleurs et les images d'arrière plan".
Si cela a pu éviter à quelqu'un de chercher deux heures pourquoi sa CSS destinée à l'impression ne fonctionne pas correctement, alors tant mieux...
Il fallait le trouver celui-là : la page d'erreur 404 avait quelques soucis dans certains cas bien particuliers. (le thème choisi n'était pas conservé par exemple)
J'ai dû donc repenser cette page afin qu'elle fonctionne parfaitement, vous pouvez vous amuser d'ailleurs à la tester, maintenant, elle marche nickel quelle que soit l'erreur de l'adresse.
Voici le message de la 2ème victime du pseudo-thème "Random" du site.
Morceaux choisis dudit message :
-Je ne comprends pas, votre site est devenu complètement fou. (NdM : non non, mon site se porte très bien ! Que son créateur soit fou est un autre débat par contre...) -Apparemment, quelqu'un de malveillant a dupliqué (!!!!) votre site ! (NdM : il me semble que cette personne malveillante et le créateur du site... ne font qu'un !) -De plus, vos liens n'arrêtent pas de bouger. (NdM : j'ai pourtant bien essayé de les dresser, mais ils n'en feront jamais qu'à leur tête, ces effrontés !) -En plus, je ne comprends pas pourquoi le site s'est mis sous Explorer 98, je suis sous Windows XP. (NdM : victime du thème "explorateur" !)
Allez, je vous redis ce que j'ai écrit dans la page des skins à propos du mode "Random" : Attention, il faut avoir le coeur bien accroché pour choisir ce mode : à chaque changement de page, un thème sera choisi aléatoirement parmi tous ceux disponibles. Vous pouvez donc passer d'un thème "léger" à un thème plus "graphique", avec la disposition qui change aussi.
si vous hésitez à "passer à Linux", allez faire un petit tour chez Mandrake Linux, cette distribution a le mérite d'être assez accessible, je veux dire par là qu'il n'est pas nécessaire d'être un w4rl0rdz en informatique pour pouvoir l'installer et l'utiliser.
Restons dans l'informatique avec commentcamarche.net, un très bon site de vulgarisation sur l'informatique (il m'a souvent bien aidé, c'est donc un juste renvoi d'ascenseur que de lui faire un petit coup de publicité ici).
Si vous êtes un fanatique des comparatifs de performances entre processeurs, cartes graphiques, etc..., alors Hardware fr est fait pour vous !
Enfin, dans un registre totalement différent, si vous aimez beaucoup les jeux de société (comme moi), allez faire un tour sur http://jeuxsoc.free.fr/, l'auteur du site (François Haffner) a fait (et fait encore d'ailleurs) un très grand travail sur ce sujet (le site contient un nombre impressionnant de jeux de société).
A retrouver dans la rubrique des liens du site avec les autres...
Certes, cette nouvelle galerie n'était pas prévue encore hier, mais la rencontre fortuite de deux bouquetins sur la Dent d'Oche a été un moment de pur plaisir !
Déjà j'avais le plaisir du bon air et de faire une bonne randonnée, mais quand la nature s'en mêle, voici un moment de pur bonheur, perché à 2000 mètres d'altitude.
(je sais, il ne faut pas grand chose pour que je sois heureux)
Vous vous souvenez, je vous avais parlé du projet Opquast.
J'y participe quand me viennent des idées intéressantes, comme cette remarque à propos des fils RSS, à savoir que les liens donnés dans un fil RSS doivent être codés en absolu (ex : http://dominique.hoffmann... etc...) pour être fonctionnels quel que soit le moyen utilisé pour voir ces liens (agrégateur, en ligne, etc...) sur le fil.
Et bien sûr, je n'ai pas fait gaffe, et je commets la bourde (le lien direct pour ma dernière galerie de photographies, qui est désormais corrigé).
Mea culpa, mea maxima culpa.
Un grand merci à Cédric Girard pour me l'avoir signalé !
Tiens je l'avais laissée passer cette nouvelle : Ralph a créé un nouveau tutoriel sur World Machine, si vous êtes intéressé, allez donc y faire un tour !
D'une manière générale, ses tutoriels sur World Machine sont très bien faits, et assez pointus !
Ce titre reste assez énigmatique à première vue, mais il retranscrit bien mon état quand j'ai lu ceci, à propos de Doom 3 :"Le niveau de plus haute qualité (Ultra) nécessitera une carte graphique ayant 512 Mo de mémoire (oui, vous avez bien lu, 512 !) pour tourner correctement."
Il y a de quoi tomber sur le derrière (pour le dire poliment), quand on voit la dernière et surpuissante carte graphique de Nvidia, la GeForce 6800 Ultra, qui est un "monstre" technologique (222 millions de transistors, quand même ! Excusez du peu !) et qui n'embarque "que" 256 Mo de mémoire vidéo... ce qui est déjà plutôt costaud, à mon avis !
Bref, je ne vois pas quel genre de carte peut proposer autant de mémoire vidéo pour le moment, à part peut-être une carte professionnelle... qui n'est pas prévue pour jouer !
Bref, quand la course à la puissance devient ridicule...
Je vais finir par faire une nouvelle toutes les 5000 visites, car la fréquentation reste toujours aussi bonne, avec plus de 1000 visites en 4 jours, soit 41000 visites au total.
Une nouvelle galerie de photographies devrait être rapidement ajoutée...
On parle souvent d'accessibilité à propos des sites internet, mais force est de reconnaître que les sites aidant réellement le développeur web à améliorer l'accessibilité de ses sites ne sont pas légion.
J'en profite pour ajouter deux liens dans ma liste de liens sur le web, le premier pointe sur Ocawa, un validateur d'accessibilité prometteur. (en tout cas, l'équipe est sympathique et réactive)
Le second pointe vers le site Accessiweb, qui propose entre autres une liste claire et intéressante de points à vérifier pour l'accessibilité d'un site.
J'en profite pour vous signaler que le projet Opquast continue de bien s'améliorer, et il ne tient qu'à vous d'y participer pour qu'il soit encore meilleur, et que les "bonnes pratiques du web" soient plus souvent visibles...
Personnellement, mon choix est fait : j'y participe !
Cette fois, je pousse un coup de gueule contre un restaurant (la GRANDE BLEUE à St Pierre-la-Mer, dans l'Aude).
Le tout commence plutôt bien, nous avons commandé un cocktail maison et des sangrias tout en regardant une carte ma foi fort appétissante, dans un cadre très sympathique en bord de plage. La commande passée, l'entrée arrive alors que l'apéritif n'était toujours pas présent, ce qui n'est pas grave (ça peut arriver). Le serveur nous ramène donc notre apéritif maison... et renverse deux sangrias sur ma douce et tendre ! Ce dernier se confond en excuses véritablement sincères, et nous ramène de nouveau les sangrias convoitées. Bref, nous décidons de passer l'éponge (au sens propre comme au sens figuré, après tout, ça peut arriver de commettre une maladresse). Tant bien que mal, les plats de résistance arrivent au compte-goutte (nous étions 8 à table), c'est à partir de ce moment que ça a commencé à se gâter. En soi, la nourriture est bonne, seul problème, elle était tout juste tiède (pour les plus chanceux) et presque froide (pour ceux qui n'ont pas de bol, dont je faisais partie). Une demi-heure passe, certains de la table sont enfin servis, et les plats déjà tièdes/froids sont à la limite de l'immangeable, car complètement froids. Ce qui était doublement gênant pour ma moitié, qui comptait sur le plat pour se réchauffer vu la douche imprévue de sangria...
Bref, je commence à grimacer (j'aurais passé l'éponge pour un menu à 10 €, mais pas pour un menu à 25 € soit plus de 150 francs). Bref, nous décidons de manger ce que nous pouvons, et attendons le serveur afin de lui expliquer que la nourriture (du poisson et des fruits de mer en l'occurence) aurait sûrement été meilleure si elle avait été un peu plus... chaude ! (ma moitié claque toujours un peu des dents)
Lequel serveur ne se décide toujours pas à arriver. Une grosse demi-heure se passe, notre serveur arrive, nous lui expliquons le problème (un des nôtres a dû aller quand même en cuisine (!) pour demander que sa dorade soit cuite...), il décide d'aller voir en cuisine ce qui se passe. (ma moitié a toujours froid)
Au bout d'une demi-heure, retour du serveur, qui nous demande si nous désirons un dessert. Nous décidons de prendre quelques glaces (au moins ça ne peut pas refroidir !), les glaces arrivent rapidement, entre temps se passe une nouvelle catastrophe deux tables plus loin (un monsieur baptisé au fruits de mer, si vous voyez ce que je veux dire...).
Arrive l'addition, je sors en rigolant à mon voisin "Vérifie-la, au point où ils en sont, ils ont dû mettre 15 € de trop !"... des fois je déteste avoir raison... c'était précisément le cas !
Du coup, un de la table file à la caisse avec la somme exacte calculée au cent près (et sans pourboire, faut quand même pas pousser), et leur explique qu'ils ne sont pas capables de facturer correctement leur pitoyable service... le problème réglé, nous décidons de nous venger sur des cocktails chez le bar/glacier voisin (service irréprochable), histoire de finir sur une bonne note.
Bref, si vous passez à côté de ce restaurant, passez votre chemin...
Dans la série "les vendeurs informatiques qui n'y connaissent strictement RIEN", voici quelques perles fraîchement arrivées.
Je demande quelques précisions sur une carte graphique lambda, voici la réponse du vendeur, je cite : "celle-ci émule (?!???!!!) les textures". Mais bien sûr !
Une autre : "les prix ne vont pas bouger pendant 6 mois", quand on sait la vitesse à laquelle ça change...
Moi : je voudrais la possibilité de connecter du Firewire. Le vendeur : êtes-vous sûr ? (moi : ouiiiiii, *crétin d'âne bâté*...)
Sans compter les pop-up qui s'ouvraient à tire-larigot car cet incompétent utilisait Internet Explorer...
Bref, difficile de trouver un magasin digne de ce nom...
A peine de retour de vacances bien agréables (un beau bâteau sur le Lot, avec soleil et musclage à coups de passages d'écluses manuelles, dégustation de produits locaux), je vois que le site a tout juste tourné les 40 000 visites ! (plus de 3000 visites en 11 jours)
J'ai plein de nouvelles toutes fraîches à ajouter incessamment sous peu (photos, coups de gueule, web et bonne humeur !), mais je dois trier les innombrables e-mails que j'ai reçus... entre autres !
Quatre failles qualifiées d' "extrêmement critiques" viennent d'être découvertes concernant... IE !
Une facilite les attaques de Cross Site Scripting, l'autre offre permet au navigateur d'exécuter n'importe quoi (excusez du peu !), l'autre permet de faire accepter à l'insu de l'internaute des fichiers malveillants (!!!!), etc... Aucun patch n'est disponible.
Vous ne pourrez pas dire que vous n'étiez pas multi-prévenus si vous continuez d'utiliser ce logiciel, alors que Firefox/Mozilla par exemple vous permet une navigation plus sûre.
La fréquentation reste très élevée, avec plus de 1000 visites en une journée !
Je ne peux pas faire de mise à jour conséquente pour le moment, principalement à cause d'un emploi du temps très chargé qui me laisse peu (pas ?) de temps libre... quand mon ordi ne déconne pas en prime !
Au menu, de nouvelles fonctions, de meilleures performances, l'évolution du langage en objet, de nombreuses possibilités avec le XML, etc... et la compatibilité (à peu d'exceptions près) avec PHP 4. (bien agréable pour ne pas avoir à tout refaire)
La fréquentation reste bonne, avec plus de 1000 visites en 2 jours. (soit plus de 36 000 visites)
Cela doit être dû à l'effet Standblog, merci d'ailleurs à Tristan pour ce clin d'oeil sympa !
A noter, le mode Random vient de faire sa première victime : j'ai reçu un message me disant que le dernier "thème" était une prise de tête, qu'il y avait des problèmes de CSS, etc...
Et non, je peux vous assurer qu'il n'y a pas d'erreur (c'est Lesieur...) dans mes CSS, il faut lire ce qui est marqué avant d'essayer... surtout que j'avais prévenu que ça pourrait être pénible ! (c'est moins agréable de naviguer sans CSS, hein ?)
Dans la série "le webmaster s'amuse et est pire qu'un gosse", je vous propose un nouveau skin, ou plutôt un nouveau mode : le mode Random.
Je vous conseille d'avoir les nerfs au calme si vous décidez de naviguer ainsi, à savoir qu'un skin sera choisi aléatoirement à chaque changement de page sur le site. Donc vous pourrez passer d'un skin minimaliste avec la navigation en haut, à un skin comme "Quadattack", puis à une version avec une CSS vide...
Bref, à éviter si vous êtes tendu après une dure journée de boulot.
La fréquentation se calme quelque peu après la petite période de folie de la semaine, le compteur vient de passer les 35 000 visites, soit environ 1000 visites pour le week-end.
Je pense que la prochaine mise à jour contiendra quelques photos...
J'ai un peu amélioré l'accessibilité du site depuis quelque temps (suppression des ouvertures de fenêtres intempestives, amélioration du seul tableau du site, correction de nombreux bugs, etc...), et après avoir relu la doc sur l'accessibilité du W3C, je me suis aperçu que le site remplissait les conditions pour le niveau AA.
C'est donc avec plaisir que j'ai changé sur la page d'accueil la petite image pour celle-ci :
A noter, une faille de sécurité affecte Mozilla (uniquement sous Windows) et Internet Explorer.
Les essais se font sur cette page de test pour voir si vous êtes vulnérable à cette faille.
Un patch existe déjà (!) pour Mozilla sur cette page : page du patch. (suivez les instructions) Ce qui montre bien la réactivité de l'équipe de ce projet...
Je viens de corriger encore quelques bugs au niveau des listes (par exemple, la liste des liens), un certain navigateur dont je tairais le nom n'étant visiblement pas capable de gérer les unités "em" correctement... (le mot "bug" est un peu fort, disons plutôt de "gênantes différences d'affichage entre les navigateurs")
D'ailleurs, je pose une question aux utilisateurs d'IE (ah, zut je l'ai dit !) : pourquoi continuez-vous d'utiliser ce navigateur ?
Il est dangereux pour vous de part ses nombreuses failles de sécurité, et en plus, de nombreuses alternatives libres existent, et de bien meilleure qualité (exemple : Mozilla/Firefox, entre autres). C'est gratuit, vous pouvez le copier autant que vous voulez et l'installer partout où bon vous semble, vous avez même accès au code source pour voir comment c'est programmé, c'est traduit en plusieurs langues, et les (rares) failles de sécurité sont comblées bien plus vite qu'avec IE.
Prenons un exemple : vous utilisez une voiture pourrie, la conduire est dangereux pour vous, elle vous coûte un maximum, et en plus elle ne vous appartient pas. A côté de ça, on vous propose quelque chose de fiable et bien moins cher, vous n'allez quand même pas me dire que vous gardez la poubelle, non ?
Cela doit être sûrement dû à l'effet "Open source" (du dernier thème), car le compteur s'affole, avec plus de 1 000 visites... en une journée.
Ce qui fait passer le compteur à plus de 33 000 visites !
Côté nouveautés, je pense que je vais m'atteler à corriger un léger détail sur certaines CSS, encore une fois à cause d'un "navigateur" dont je tairais le nom (car il n'est pas foutu de gérer les CSS correctement)...
Sinon, je pense que je vais faire un petit skin minimaliste (et oui, tout le monde n'est pas en ADSL, loin de là), et puis, c'est plus facile à faire pour moi, il n'y a pas de graphisme à créer. (mais chut, il ne faut pas le dire)
Après quelques déboires pour créer une CSS qui marche correctement, surtout avec IE (saleté de browser), cette fois, ça marche tout correctement.
Les utilisateurs de Mozilla/Firefox/etc... auront un petit plus par rapport à ceux qui surfent avec IE, à savoir que cette CSS utilise la propriété "Fixed" pour le bandeau. Si vous voulez savoir ce que cela apporte, essayez donc Firefox !
Si vous voulez faire un test, allez faire un tour sur la page des skins...
J'en profite pour ajouter un lien vers Open Office, à tout hasard...
Merci à la désormais incontournable liste des pompeurs, et plus particulièrement à "Squal38" pour m'avoir signalé une légère erreur dans la CSS du thème "Quadattack", c'est-à-dire le thème par défaut du site.
Si certains ont vu par moment une barre de scrolling dans le cadre de la page courante (en-dessous du bandeau donc), c'était dû à un léger oubli de ma part. (pour les curieux, c'est un "overflow:auto;" qui n'avait rien à faire là)
Côté nouvelles, la prochain thème va devoir attendre quelque peu, IE me crée des misères point de vue CSS... (le genre de misère qui donne envie d'envoyer la souris à travers l'écran)
Précision : ces nouvelles sont créées à partir d'une interface d'administration.
Pour ceux qui connaissent un peu PHP, il existe une fonction nl2br() qui convertit les sauts de lignes d'une textarea en <br />. (sauts de lignes en XHTML)
Cette fonction marche très bien, à ceci près qu'elle ramène le code XHTML à la ligne après un <br />.
Ce qui nous donne : <div> Blabla...<br /> blabla </div>
Seul problème, je suis un horrible maniaque de l'indentation, je me suis donc bricolé une fonction qui ne sert qu'à indenter le code XHTML proprement (et à rajouter les <br />)...
Bref, j'en suis à me créer une fonction qui m'indente le code à l'espace près.
Toujours dans l'optique de proposer un site plus accessible, je viens de faire un changement simple, mais de taille : tous les liens du site, les précédents comme les nouveaux, n'ouvriront plus de nouvelle page, mais s'ouvriront dans la page courante.
C'est-à-dire que ce choix d'ouverture ne vous sera plus imposé, c'est vous qui choisirez si vous désirez ouvrir une nouvelle fenêtre (click-droit/ouvrir une fenêtre) ou un nouvel onglet pour ceux qui utilisent Mozilla et consorts.
J'ai également corrigé quelques liens, principalement des attributs "title" manquants.
Toujours dans l'optique de proposer un site nickel, j'en ai profité pour corriger de nombreuses petites erreurs :
"Les espaces insécables prévus dans les conventions typographiques de la langue utilisée sont présents devant les signes de ponctuation" ("bonne pratique" numéro 147), j'en avais oublié un bon paquet...
Quelques attributs "title" étaient également manquants.
Plus d'autres bricoles...
D'une manière générale, je corrige le site et l'adapte pour mieux prendre en compte certains éléments (l'interface d'administration a été revue en ce sens).
Il reste sûrement quelques oublis, mais je pense en avoir corrigé bon nombre !
Une petite correction quand à une des dernières nouvelles : ce ne sont pas les codes ASCII que cette page indique, mais les codes unicode et unicode héxa qui sont indiqués.
Les codes ASCII ne vont que jusqu'à 127.
Un merci à Vincent de la liste des Pompeurs pour m'avoir signalé cette petite erreur.
Dans la série "les ordinateurs ne seront jamais assez rapides", je viens de lancer un rendu d'une image avec Terragen, sur un P-IV 2 Ghz, avec 768 Mo de RAM (ce qui n'est pas mal en soi), ma bécane à moi étant aux fraises pour ce rendu (environ 2 fois moins puissante).
Bon, j'avoue que cette image est particulièrement corsée : ombres athmosphériques, eau, nuages complexes... bref, tout pour plaire !
Après 1 nuit de calcul, je remercie vivement EDF, qui a eu la bonne idée de couper le courant au lever du jour, avant que je puisse la sauvegarder ! (grmlmlmlblarchgneugneu...)
Dépité, je relance le calcul en plus basse résolution, 7 heures (!) de calcul après, c'en est toujours à la flotte !
Qui a dit que les ordis étaient trop puissant ? Sûrement pas moi avec ce genre de calcul, et encore moins avec mes animations !
EDIT : Décidément, cette image est maudite, cette saleté de wintruc m'a planté le rendu... je HAIS micro$oft.
Le site vient de tourner la barre des 30 000 visites ! :)
La fréquentation est en nette augmentation, à savoir plus de 1 000 visites en moins de 3 jours !
J'en profite pour rajouter dans mes liens le projet Opquast.org, qui recense les "bonnes pratiques" pour les sites internet.
Et comme ces conseils sont intelligement pensés, j'ai amélioré le site selon ces "principes de qualité", ce qui nous donne pour cette "grosse" mise à jour :
Ajouter la possibilité de réinitialiser les formulaires (contact et commentaires des news)
Dispenser quelques informations sur les cookies utilisés sur le site (dans la rubrique des skins)
Ajouter la possibilité de prévisualiser un commentaire si vous désirez commenter une nouvelle
Ajouter des informations à propos de la modération des commentaires des nouvelles (par exemple, si un commentaire de nature raciste est posté, il sera immédiatement supprimé)
Ajouter le poids de certains fichiers téléchargeables
Ajouter l'attribut "summary" de l'unique (!) tableau de mon site (devinez où !)
Rajouter un lien mail direct dans la partie contact
Plus diverses autres bricoles (recodage de certains liens, etc...)
Je vais continuer d'améliorer le site sur d'autres points, il va de soi que c'est un travail de fond (j'ai l'impression déjà de ne pas trop être aux fraises, car le site valide quasiment tous ces "conseils").
Voilà pour cette mise à jour ! N'hésitez pas à me contacter si vous avez des remarques.
A peine revenu de week-end de Besançon (les photos devraient suivre incessament sous peu), quelques bonnes surprises m'attendaient.
Plus de 1 000 visites en 5 jours, le compteur vient de franchir la barre des 29 000 visites !
De plus, je reçois un colis d'un site marchand (ldlc pour ne pas le citer), j'avais commandé une mémoire de type CompactFlash de 256 Mo pour mon appareil photo, je décide de l'essayer, c'est marqué 256 dessus et sur la facture, et quand je la formate, mon appareil m'affiche bien 498 Mo de libres. (c'est donc une 512 déguisée !)
En tout cas, je vous recommande vivement le Doubs, il y a plein de choses à voir !
Nos amis américains et anglais de la liste anglophone de diffusion de Terragen m'ont déjà signalé quelques changements à effectuer (principalement au niveau des liens qui renvoient maintenant sur la version anglaise).
Ce nouveau tutoriel devrait être ajouté sur Terrasource, Tim O'Donoghue (le webmaster de ce site) vient de me le confirmer.
Décidément, les bugs fleurissent comme au printemps ! (ah on est en été ? Bon, tant pis)
Je remercie Tony de me l'avoir signalé, ce bug créait des problèmes avec le skin "Orange" dans la page de contact.
Bien que ce bug m'ait "laissé sur place" pendant un bon quart d'heure, il est désormais corrigé.
Pour les curieux, il s'agissait d'une erreur utilisation de la propriété z-index des CSS, le bandeau était tout simplement "au-dessus" du formulaire, rendant impossible l'accès aux éléments du formulaire. (c'est toujours évident... quand on a trouvé de quoi ça venait !)
Et comme le bandeau a un fond transparent dans ce skin, c'était un peu difficile à voir ! (d'autant plus que je n'utilise pas le formulaire de contact)
Je viens d'apprendre que Vivendi Universal a décidé de fermer les studios Sierra.
Encore un grand nom qui disparaît, Sierra c'était : Zeus/Pharaon/Caesar/Empereur (je joue encore à ces jeux avec grand plaisir), Phantasmagoria, Gabriel Knight, King's Quest...
Après un bon week-end, voici quelques nouvelles intéressantes : le format GIF est tombé dans le domaine public en France ce 18 juin.
Ce qui veut dire que vous n'aurez plus de problèmes juridiques (royalties et consorts) si vous utilisez ce format...
J'en profite pour signaler que le site piregwan vient de s'offrir un nouveau look, et de nombreuses fonctionnalités ont été ajoutées au forum. A voir absolument, le travail est d'excellente qualité !
Cette fois, on continue dans la nostalgie des "vieilles" consoles, comme la NES ou la SNES.
Allez faire un tour sur Zophar.net, ce site propose une collection impressionante de musiques de jeux NES et SNES. Les archives sont très légères, et vous permettront de réécouter des musiques de jeux mythiques (pour ma part, j'étais un fan de Space Megaforce sur SNES, aussi appelé Super Aleste, un shoot'them up mythique).
C'est simple à utiliser, il vous faudra par exemple un plugin pour Winamp, et ensuite vous pourrez écouter ces musiques comme un son classique.
Cette fois, ça y est, après quelques bugs plutôt casse-c..... et divers aléas, voici le nouveau thème : Explorateur.
Je vous invite à l'essayer dans la page des skins, je ne l'ai pas mis par défaut, car il risque de dérouter ceux qui n'ont pas l'habitude...
En tout cas, voici encore un exemple de la puissance des CSS. Le code source (XHTML) de la page ne change pas, seule la CSS crée les changements de disposition et de graphisme pour chaque thème.
Promis pour les linuxiens, je ferai un thème Konqueror dès que j'aurais un peu de temps... ;-)
Par un pur hasard, j'ai pu retrouver des jeux qui, le moins qu'on puisse dire, ne datent pas d'hier.
Ce sont tout simplement des jeux CPC 6128, donc des années 85-90, que j'ai pu faire tourner grâce à un émulateur.
Voici quelques captures d'écrans de ces bijoux :
| |
|
Certes le graphisme et le son prêtent à sourire (attention, Robocop avait 4 voix digitalisées ! Quand même...), mais le plaisir de jeu est resté intact, je me suis encore amusé avec Bombjack hier soir (pire qu'un gosse).
Preuve qu'un bon plaisir de jeu allié à une bonne maniabilité donnent d'excellents jeux ! (on s'en souvient encore 20 ans après, c'est dire)
Je viens de retrouver par hasard une image que j'avais créée il y a 3 ans, et que j'avais proposée au site clubic, en libre téléchargement. (une "plage de synthèse")
Elle a été assez populaire : elle a été téléchargée 5364 fois, preuve d'un certain succès, et même d'un succès certain.
Seul regret : le nom de l'auteur (moi !) n'y figure plus...
Cette fois, je me suis amusé avec une de mes dernières acquisitions (une bonnette macro), et j'ai créé une petite galerie de photos de fleurs.
Une fois encore, je vous conseille vivement de visualiser ces photos en "grand format", ne serait-ce que pour en voir les détails.
Toutefois, je ne puis proposer des images en 800*600, pour des raisons de place. Si vous souhaitez avoir une des images en plus grand format, n'hésitez pas à me contacter, c'est avec grand plaisir que je vous enverrai l'image souhaitée en version plus "grande".
Pour des raisons de place également, j'ai dû supprimer ma 1ère animation "Jeux de zooms". (la 1ère d'une longue série...)
Voici deux nouveaux liens, un vers la communauté ashundar, un des (trop) rares sites à parler des animations (entre autres) avec Terragen (ils ont un forum dédié), et un vers totalementcretin, un blog sur la bêtise de certains webmasters (et d'autres) : humoristique et rafraichissant !
Le super marronnier de l'année : les sujets de philo ! "Doit-on tout attendre de l'état ?", "toute vérité est-elle démontrable ?", etc... (et je t'en pose des question à la c.., moi ?)
Si vous êtes en panne d'inspiration côté blablatage, allez faire un tour sur http://www.charabia.net, il y a un générateur aléatoire de dissertations de philo, et les résultats sont au moins aussi compliqués que ceux du bac.
Pour finir, je citerai un philosophe du jeu Zeus, le Maître de l'Olympe : "Mon conseil est le suivant : si vous le pouvez, marriez-vous avec une femme qui vous rendra heureux. Sinon vous ferez un excellent philosophe..."
Il est midi, et je viens d'avoir le plaisir de voir Vénus devant le Soleil, via un télescope avec filtre "solaire". Ça ne dure que jusqu'à 13 H, et c'est plutôt rare comme évènement...
Inutile de vous préciser qu'il ne faut absolument pas regarder le soleil directement, il vous faut des lunettes spéciales éclipses, et rien d'autre. (pas de bidouillage hasardeux, à moins que vous ne vouliez perdre la vue)
Histoire de s'amuser, j'ai vite fait ajouté la possibilité de commenter chaque nouvelle, comme ça, la rubrique "news/weblog" sera réellement un weblog digne de ce nom ! (et comme je suis toujours partisan de faire moi-même quelque chose quand je le peux...)
J'en ai profité pour ajouter dans mes liens concernant Terragen le site de World Machine, un très bon utilitaire pour créer des terrains de manière réaliste.
Encore une fois, on m'a soutenu que faire une animation est difficile (sous-entendu avec Terragen), voici ma réponse :
Rien qu'avec la dernière version de Terranim, c'est ultra-simple, il suffit de poser les points, d'éditer le graphe, et de relever simplement les points via un "glisser-déposer", ce qui n'est pas vraiment difficile...
Il n'y a pas de modélisation et tout ce qu'il y a à penser comme quand on bosse avec 3DStudio, c'est complètement intuitif ! (je n'ai pas de notions de 3D à proprement parler)
De plus, de nombreux tutoriels ont été créés pour aider le débutant dans ce domaine (rien qu'avec les miens, vous pouvez créer sans problème des animations).
Donc, qu'on ne me dise plus que c'est difficile, qu'on me dise que cela peut être long, je veux bien, mais arrêtez de me dire que c'est dur !
Et côté longueur, la plupart de ceux qui me soutiennent ça ont des bécanes 3 à 4 fois plus puissantes que la mienne, donc c'est une affaire de patience... :p
Voici le 3ème tutoriel consacré aux animations avec Terragen. Le sujet est simplement une réflexion sur les animations plus complexes. Vous y trouverez quelques pistes, des erreurs à éviter et les techniques permettant d'éviter ces erreurs.
Toutefois, l'approche que j'ai choisie convient tout à fait à des animations "normales", donc ne vous privez pas de lire ce tutoriel si vous ne comptez pas vous attaquer à de "grosses" animations, les conseils que je prodigue sont passe-partout.
Je viens d'ajouter dans les liens le site Linuxtransition, qui vous permettra de mieux comprendre ce qu'est Linux, et comment cela fonctionne. N'hésitez pas à aller faire un tour sur ce site, il est très bien fait, et les explications données sont très claires aussi !
J'en profite pour signaler une très bonne initiative dans la même veine : Léa Linux vient de mettre en ligne de nombreuses fiches pour aider les débutants sous Linux (avec captures d'écrans à l'appui).
Dans la série "J'ai les boules", je voudrais "le calcul du week-end pour rien" : mon ordi vient de calculer tout un week-end, et l'animation est complètement loupée, suite à quelques négligences de ma part.
Moralité : je suis en train de me demander si je ne pondrai pas un tutoriel pour éviter ce genre de mésaventures à d'autres personnes... Un tutoriel 3 ?
J'en profite pour remercier Bernard Boulant pour m'avoir signalé une petite erreur dans mes précédents tutoriels !
Cette nouvelle version de Terranim est efficace : je gagne environ 1/4 du temps habituel (voir plus) pour paramétrer une animation. (qui d'ailleurs va gentiment se calculer ce week-end... oups, faites comme si je n'avais rien dit...)
Si ça continue, je sens que je vais adapter mes tutoriels pour Terranim... dès que j'aurais un peu de temps libre, c'est-à-dire d'ici 10 ou 15 ans ! :)
J'ai pondu vite-fait bien-fait une CSS destinée à l'impression.
Des fois qu'une personne veuille imprimer quelque chose sur le site, il n'aura que le minimum, à savoir le texte (pas de bandeau de navigation), et aucune image du thème.
On peut dire en quelque sorte que c'est un nouveau skin, mais comme il n'est pas navigable (les liens du bandeau sont supprimés), je ne l'ai pas ajouté dans la page skins.
Les utilisateurs de Mozilla/Firefox peuvent toujours s'amuser à utiliser les CSS alternatives, je l'ai ajouté pour que l'on puisse voir ce que cela donne.
Les utilisateurs d'autres navigateurs n'auront qu'à faire "aperçu avant impression" s'ils veulent voir ce que cela donne...
Ce qui démontre bien la puissance d'une mise en page via CSS, il m'a fallu au moins... 15 bonnes minutes pour créer cette CSS...
Voici une des nouvelles possibilités offertes par la nouvelle version de Terranim, et accessoirement de ce que vous pourrez voir dans mes prochaines animations...
Il vous faudra un codec Xvid pour pouvoir le lire : démo. (720 Ko, compressé en Xvid)
C'est au format timbre-poste et pas spécialement travaillé, mais bon, c'est un essai vite fait.
Je précise bien qu'il n'y a pas de morphing, le terrain reste tel quel.
Quand je vous dis que cette nouvelle version promet !
A noter, une nouvelle version de Terranim est sortie (la 2.0.13). Elle corrige divers bugs, et ajoute quelques fonctionnalités, comme la possibilité de calculer la longueur d'une animation, etc...
J'en profite pour l'ajouter dans mes liens, car ce programme est vraiment intéressant, je pense que quelques-unes de mes prochaines animations seront faites avec...
Je viens d'en finir l'installation, et le moins qu'on puisse dire, c'est que c'est un bon cru !
Outre les grands classiques (OpenOffice, Mozilla, etc...) et les interfaces graphiques habituelles (KDE vraiment réussi, Gnome pas mal non plus, Blackbox, etc...), il faut rappeler que c'est une des premières distributions "grand public" qui utilise un noyau 2.6 (le 2.6.3 pour être précis).
Tout mon matériel (Canon S750, contrôleur USB 2, disque externe, clé usb, carte réseau, etc...) est "digéré" sans aucun problème.
Les pilotes NVIDIA fonctionnent sans problème pour ceux qui comme moi désirent avoir des performances correctes en 3D. (et zut, j'aime bien jouer de temps en temps à Tux Racer ou Armagetron !) Bref, juste le temps de rajouter le profil de ma douce et tendre, qui n'y connait strictement rien en informatique, mais qui aime bien, je cite, "utiliser mon ordi pour les petits jeux sous Linux"... C'est bien la preuve que ce n'est pas difficile à utiliser, si quelqu'un de totalement débutant y arrive !
Bref, chapeau bas à MandrakeSoft, qui nous propose une distribution de grande qualité, et très facile à installer pour les débutants (je suis très loin d'être un expert dans ce domaine).
Je pense que le cinéma a de l'avenir, si j'en juge par la pauvreté affligeante de la programmation télévisuelle.
Je pousse donc un coup de gueule : (cela ne sert à rien, mais ça défoule :p)
Prenons mon exemple, je n'aime pas du tout la télé dite "télé-réalité" (et encore moins ces pseudo écoles de chants où l'on ne voit que des reprises en général massacrées, soit dit au passage), et je n'aime que très peu les séries. Regardons alors le programme télé de la semaine :
Lundi : série (Cordier juge et flics), et "le chantier" (real. tv)
Mardi : "j'ai décidé de changer de look." (ravi pour toi, mais je m'en contrefous que tu veuilles changer de look)
Mercredi : "L'instit'" et "Les colocataires".
Jeudi : Commissaire Valence.
Vendredi : La ferme des nez de boeufs, Maigret, Stargate SG-1.
Samedi : The Shield.
Je ne regarde que les "gros titres" du programme télé, je pourrais bien rajouter "Mutant X", "Ma sorcière bien aimée", "Docteur Queen", etc... SANS compter les pseudos flash infos pour-savoir-ce-qu'il-s'est-passé-dans-la-journée dans une ou plusieurs "réal TV" citées ci-dessus. (et encore, on n'est pas dans une période où la StarAc' et consorts sévissent sur nos tympans) Je ne l'invente pas, j'ai lu très prosaïquement le programme de la semaine, vous pourrez vérifier.
Bref, c'est littéralement impossible d'avoir une journée sans. (je passerai sur le niveau hautement intellectuel de certains des éléments cités ci-dessus...)
Je suppose que ça doit faire de l'audience, sinon les chaînes de télé n'en proposeraient pas autant. A côté de cela, je vois un sondage : "Quelle chaîne préférez-vous ?", la cinquième sort en tête (?!!????!).
Pourtant, si j'en juge par l'audimat, la 5ème ne fait pas les meilleurs résultats point de vue audiences, loin de là.
J'en déduis donc que :
soit les sondages ne sont pas fiables (échantillons mal choisis)
Bref, pour conclure là-dessus, "Quand on pense qu'il suffirait que les gens n'y regardent pas pour que ça ne passe plus..." (citation légèrement adaptée pour l'occasion)
Je me dis qu'au moins, le cinéma n'a pas à avoir peur de la télévision avec moi, vu la programmation pitoyable qu'elle m'impose. (Bref, je n'aurais qu'un conseil : Allez au cinoche !)
Afin de commencer le week-end de manière plus "culturelle" qu'en tapant sur un pingouin (Yéti sports) ou sur un ordinateur (cf news précédentes), je vous invite à aller faire un tour sur le site de L'Iliade et l'Odyssée, afin de voir une splendide adaptation du poème d'Homère racontant la guerre de Troie et les aventures d'Ulysse.
C'est un pur moment de bonheur, magnifiquement réalisé, donc ne vous en privez pas !
Je vous recommande toutefois une bonne connexion, et Flash sera nécessaire.
Vous avez sûrement entendu l'adage : "plus un logiciel est simple pour l'utilisateur, plus il a été dur à créer pour le développeur".
En voici un exemple tiré du web, et accessoirement de ma propre expérience.
L'idée est d'avoir un formulaire le plus rapide/efficace pour l'utilisateur. Donc le but est de créer à partir d'une base de données de noms (Durand, Dupont, etc...) un champ de type select, qui quand on va changer l'option du select, va mettre à jour certaines valeurs du formulaire (par exemple, selon le nom choisi, on remplit automatiquement le prénom). Le tout SANS faire un appel au serveur.
Donc, le PHP va pécher dans la base de données, et le Javascript va s'occuper de générer/modifier les champs texte.
Jusqu'ici, tout va bien.
Là où cela se complique, c'est que le PHP va devoir générer le Javascript (qui donc va lui aussi générer quelque chose). Bref, on génère le code qui va générer du code.
C'est encore à peu près simple...
Compliquons encore : l'idée est maintenant d'avoir un select (par exemple un choix Homme/Femme), qui lui-même va modifier le select suivant (les noms), qui va modifier les champs suivants.
Donc, nous allons devoir faire du PHP, qui va générer du Javascript, qui lui-même va générer un select(*), lequel va mettre à jour les champs.
Or le select généré (là où il y a une astérisque *), va devoir utiliser du Javascript pour mettre à jour le select suivant.
Donc, nous avons du PHP pour générer du Javascript et un select, qui lui-même va générer un autre select (via Javascript), lequel select généré (vous me suivez ?) va mettre à jour les champs. Mais, et c'est là que ça se complique, c'est qu'il faut générer en PHP tous les "javascripts" précédents.
Donc il faut du PHP, qui va générer un select, lequel va utiliser du javascript (qui est lui généré en PHP, bien sûr !), pour générer un autre select, qui lui va également utiliser du Javascript (qui lui aussi sera généré via PHP, vous suivez ? J'ai les noms de ceux qui font les cons... copyright Coluche), pour mettre à jour les champs.
Ce qui est d'une simplicité enfantine pour l'utilisateur (deux select et basta tout le boulot est fait) se révèle bien moins enfantin pour le développeur... limite infernal !
Donc, quand vous verrez un système très simple qui fait le boulot à votre place, ayez une pensée gentille pour le développeur qui s'est arraché les cheveux pour que tout marche bien-comme-il-faut... parce qu'il ne faut pas qu'il y ait des bugs !
Mieux encore, si vous avez le développeur à portée de remerciements, n'hésitez pas, croyez-moi, ça lui fera plaisir !
Les (autres) thèmes vont bientôt arriver... dès que j'aurais un peu de temps, quant au S.O.C project, je l'améliorerai dès que possible également. (quoique la dernière version a bien amélioré le tout !)
J'hésitais à faire de cette page des news mon blog, mais je crois que finalement, ça va être le cas.
J'ai bien essayer de l'exorciser, mais ce suppôt de Satan (qui ne s'appelle pas Zitoire) ne veut rien entendre !
Les symptômes du possédé : il a une fâcheuse tendance à démarrer tout seul comme un grand (!), et il ne veut toujours pas démarrer quand j'appuie sur le bouton "Power".
Bref, après avoir essayé plusieurs techniques toutes plus bizarres les unes que les autres :
appuyer plusieurs secondes sur le bouton, attendre trois secondes et retenter
une technique ancestrale : le coup de poing sur l'unité centrale.
La canonisation : je lui ai promis qu'il serait accueilli au paradis des machines...
J'en suis arrivé la conclusion suivante : cette machine est possédée par le démon. Et le bouton "Power" a des faux contacts, il faut que je le change...
Je suis en train de développer une sorte d'intranet pour une boutique, et je me suis collé à l'étape forcée, l'impression de factures. Autant le préciser tout de suite, je n'avais jamais travaillé sur une version imprimable de quel site que ce soit, bref, je commençais à zéro dans ce domaine.
Et soyons honnêtes : j'avais une certaine appréhension quand je vois ce que les impressions de pages web donnent au final... c'est souvent illisible.
Je me décide à aller faire un petit tour sur Openweb, je vois qu'il y a quelques articles là-dessus.
Or, je vois qu'il est donc possible de spécifier une CSS dédiée à l'impression. Comme je développe cet intranet en respectant le plus possible les standards (séparation mise en forme/contenu, etc...), je me décide à essayer. Résultat : en à peine une heure de temps et quelques feuilles d'essais, la version imprimable était de qualité largement satisfaisante (identique à l'ancienne version dont je devais m'inspirer), et donc opérationnelle.
Bref, l'utilisation des CSS m'a permis de gagner un temps fou, que je vais pouvoir consacrer à d'autres soucis (ils sont nombreux quand on veut faire quelque chose de puissant et de parfaitement fonctionnel, croyez-moi).
Quand on vous dit que ces standards sont utiles... en voici encore la preuve flagrante !
Voici un nouveau thème pour les petites connexions ("orange", mince le jeu de mots n'était pas voulu => c'est le nom du thème...), vous pourrez le tester dans la page des skins du site.
Qu'il me soit permis de râler contre cette daube d'Internet Explorer, qui visiblement n'est pas capable de gérer l'affichage d'un élément (en l'occurence, une div) si on ne lui spécifie pas la taille dudit élément (ce que savent faire tous les autres navigateurs dignes de ce nom bien sûr). Et pourtant on ne peut pas dire que j'ai utilisé des propriétés alambiquées, juste des paramètres de largeur, marges et espacements intérieurs... (bref de la CSS de niveau 1 de bas étage...)
Bref, espérons que Internet Explorer dans sa prochaine version (c'est-à-dire celle fournie avec Longues Cornes, donc pas avant 2006) saura ENFIN gérer correctement l'affichage d'une page qui utilise des feuilles de styles... (on peut toujours rêver, non ?)
Comme vous pourrez le voir dans les news, j'ai ajouté un permalien pour chaque nouvelle. C'est utile si vous désirez vous référer à une nouvelle unique, et comme le nom du lien l'indique, de manière permanente.
Histoire de changer quelque peu, j'ai également mis le thème "Quadattack" par défaut. (promis, les prochains thèmes arriveront dès que possible)
Je me suis encore pris le bec avec quelqu'un qui me soutient que les standards du web ne servent à rien, et qu'il n'y a aucun avantage à créer des sites dans cette optique.
Voici ma réponse, via quelques points :
Rien que pour ce site perso, essayez de combiner l'idée des thèmes différents du site SANS faire une version différente du code (X)HTML à chaque fois. Si vous arrivez à faire 5 thèmes radicalement différents (disposition et charte graphique), téléphonez-moi. (je le sais bien, j'ai essayé de le faire, et c'est ultra-contraignant pour le graphisme)
Concernant l'accessibilité d'un site, essayez donc de voir un site à coups de tableaux et de pixels transparents sous Lynx, vous verrez bien ce que ça donne...
La légèreté : les pages sont beaucoup plus légères en respectant les standards. On me dit "Bof, 4 Ko de moins, c'est pas dramatique". En effet, 4 Ko, c'est pas grand chose, mais prenez un site avec une grande fréquentation (mettons 250 000 visites par jour), 250 000 visites multipliées par 4 Ko, ça nous donne grosso modo 1 Go (!) de bande passante économisée (par jour !), et une économie de ce style peut être plaisante sur la facture finale...
Même pour le travail en équipe, ça permet de pouvoir créer le code indépendamment du graphisme (vu que le code est fait de manière sémantique), donc gain de temps, et gain d'argent. Parallèlement à ceci, la reprise/refonte d'un site est plus simple si ce dernier a été codé selon les standards.
De plus, finis les sites en plusieurs versions (une pour Internet Explorer, une pour Netscape x, etc...), j'ai eu à le faire une fois pour un site, et je peux vous assurer que c'est pénible à faire (création et surtout la maintenance). Imaginez en plus si c'est un site multilingue...
Il est plus facile d'être mieux référencé quand on respecte les standards, et pour plusieurs raisons : Google par exemple voit un site comme s'il était sous Lynx, et les documents mieux organisés au sens sémantique du terme sont mieux indexés. On me rétorque que ce n'est pas vrai. J'en veux pour exemple un de mes tutoriels pour Campath, ce dernier est tout simplement en tête des recherches avec le site du logiciel Campath en question sur google.
Un argument archi-faux : "oui mais les sites conformes aux standards sont pauvres graphiquement". Allez donc faire un tour sur le CSS Zen Garden...
La propreté du code n'est même pas comparable si l'on compare un site respectant les standards à un ne les respectant pas (essayez de trouver l'erreur dans du code généré par Dreamweaver...).
Etc..., la liste des autres avantages est longue (interopératibilité, etc...).
Le seul problème qu'il y a avec les standards (si on peut appeler ça un problème), c'est juste de s'y mettre ! Ce qui implique de changer ses (mauvaises) habitudes, de changer sa façon de bosser, bref, de se remettre en question (je crois qu'on appelle cela "la résistance au changement" ou "la mauvaise foi" dans le pire des cas).
Moi le premier, je me demandais bien à quoi pouvaient servir les standards du web, jusqu'au jour où j'ai essayé de faire un site skinnable sans forcément m'occuper de coder sémantiquement. Pour les premiers thèmes, ça a passé, mais j'ai été contraint d'avoir toujours la même charte graphique pour les suivants, donc l'idée de changer le thème du site de cette façon-là a vite montré ses limites. Par contre, je m'étonne encore maintenant de voir avec quelle simplicité je peux ajouter un thème à mon site, depuis que je l'ai codé plus en conformité avec les standards.
Je pourrais continuer encore longtemps sur ce sujet, mais contre la mauvaise foi, on ne peut pas faire grand chose...
Cela n'est pas dans mes habitudes de poster ce genre de nouvelles, mais je ferai exception dans ce cas.
"Le Conseil de l'U.E s'apprête à balayer le vote du Parlement sans discussion."
Ce mercredi, la présidence irlandaise est parvenue à obtenir une majorité qualifiée pour une contre-proposition à la directive sur les brevets logiciel, avec seulement quelques pays - dont la Belgique et l'Allemagne - faisant preuve de résistance. Le nouveau texte propose de jeter tous les amendements du Parlement européen qui imposaient des limites à la brevetabilité. Au lieu de cela, il rétablit dans sa totalité le langage sibyllin de la proposition originale de la Commission, en y ajoutant la brevetabilité directe de programmes d'ordinateur, de structures de données et de description de processus comme cerise sur le gâteau. La proposition est maintenant programmée pour être confirmée sans discussion lors d'une réunion des ministres sur 17-18 mai, à moins qu'un des Etats membres change sa voix.
Quels sont les enjeux de cette brevetabilité sans limite ?
Une poignée de grandes entreprises américaines peut vraiment profiter des brevets logiciels mais c'est une très mauvaise affaire pour l'innovation des P.M.E européennes. Par exemple, que peut faire un petite P.M.E face à une bardée d'avocats qui vont essayer de prouver que les produits (logiciels) de la P.M.E sont sous le coup de brevets déposés ?
Et quand on voit certains brevets, on se demande clairement si les gens qui acceptent ces brevets ne sont pas ivres quand ils les lisent... Donc en vrac :
le JPEG (!) serait sous le coup d'un brevet (imaginez s'il fallait enlever tous les fichiers de ce type sur le web)
une boutique web est sous le coup d'un brevet (!!)
voir une vidéo/preview sur le net aussi (!!)
voir des résultats dans le même style (les boutiques de e-commerce vont aimer) que ceux d'une recherche lambda est également breveté (!!!!)
un lien vers une image "style cliquez ici pour voir une version plus grande" est également breveté (!!!!!!!!), etc... (mon site est donc sous le joug d'un brevet, vu que j'utilise cette technique)
Bref, breveter une invention (classique) réellement nouvelle pour la protéger et continuer à innover, tout à fait d'accord, mais utiliser le système des brevets pour le domaine du logiciel n'est pas adapté (trop cher pour les P.M.E, trop lent pour ce domaine), la seule résultante sera que les grandes entreprises pourront se faire un portefeuille de brevets qui vont uniquement servir à faire du pognon à coups de procès, idéal pour empêcher l'entrée sur le marché de compétiteurs innovants, et ainsi favoriser les situations de monopole. Un résultat exactement contraire à celui officiellement recherché.
Si des personnes sont passées sur le site très tôt ce matin (bref dans la nuit), ils auront eu la désagréable surprise de voir que les bases de données étaient indisponibles (ce qui enlève beaucoup de parties...). Free a fait quelques opérations de maintenance, apparemment, tout est rentré dans l'ordre assez vite (tant mieux !).
La nouvelle version du générateur de formulaires est presque finie. Je la mets en ligne d'ici demain.
J'en profite pour rajouter quelques liens dans la page qui leur est consacrée. (clubic et allocine)
Côté skins, si vous utilisez un autre skin que celui par défaut, la durée du cookie sera d'une semaine (au lieu de quelques heures), c'est-à-dire que le thème sera "conservé" pendant une semaine.
Sinon, j'ai ajouté la possibilité de lister toutes les nouvelles du site (en bas de la page des nouvelles).
1000 visites en une semaine, le site se porte bien ! Le S.O.C project n'y est d'ailleurs pas étranger, vu que je suis en train de recueillir des avis de toutes parts.
J'en profite pour remercier tous ceux qui m'ont donné des idées pour ce projet, que ce soit les piregwaniens, les "linuxfr-iens", les "pompeurs de la liste", les "christianflyers", et tous les autres !
Dès demain (ou plutôt tout à l'heure !), un récapitulatif de ces idées sera sur le site.
Autant dire que ce récapitulatif vous donnera une bonne idée des prochaines versions de ce projet !
Je viens de mettre à jour la partie "réalisations web" avec un projet que je développe à temps perdu depuis quelque temps : le S.O.C project.
SOC Project, Késako ?
Comme vous pourrez le lire dans la partie "Réalisations web", c'est un générateur de formulaires (et de tout ce qui gravite autour des formulaires : base de données, requêtes, un peu de code PHP, ASP, etc...).
C'est un projet encore en pleine ébullition, je compte ajouter de nombreuses fonctionnalités. (d'ailleurs, n'hésitez pas à me signaler si vous en voyez une importante qui manque, j'en prendrai bonne note)
Qu'on soit d'accord, ce n'est pas un clone de PhpMyAdmin, son but est uniquement de générer des formulaires (du code de formulaire dirais-je), et les requêtes SQL qui vont avec. Bref, ce n'est PAS une machine à créer des interfaces d'administration (pas pour le moment en tout cas), et ce n'est pas non plus un "Dreamweaver à formulaires".
C'est un sujet très souvent négligé dans la conception des sites internet (tableaux à répétition, images trasparentes...), alors je vous invite à aller faire un tour sur ce site : Accès-pour-tous.net, le lien est également disponible dans mes liens sur le web.
En plus vous pourrez y trouver un outil bien pratique : la webdevelopper toolbar.
Les majors viennent encore de montrer toute l'estime qu'ils ont pour les consommateurs de leurs produits en faisant une magnifique affiche nous faisant... un doigt d'honneur. (merveille d'intelligence s'il en est)
Décidément, les démonstrations de Microsoft de leurs futurs produits ne se passent jamais vraiment bien.
Il y a quelques années, Windows 98 avait planté à l'ajout d'un scanner (ah les merveilles du Plug and Play, que l'on devrait appeler Plug and Pray), cette fois, au lancement d'un jeu, Quake pour ne pas le citer, c'est un magnifique freeze intégral !
Motif de chez Microsoft : l'ordinateur incriminé était trop lent.
Dites-moi les gars de chez Microtruc, si vous vous basiez un peu moins sur la puissance des bécanes (Windows s'améliore point de vue performances à chaque fois, mais il faut doubler voir tripler la puissance pour profiter des améliorations... y a pas une erreur dans l'énoncé ?) et un peu plus sur une vraie programmation...
Comme je suis toujours adepte de "bien travailler pour moins travailler", j'ai créé un crypteur d'adresses e-mail qui donc permet de créer des liens mailto. Ces derniers sont "améliorés", pour éviter de se faire spammer. (le code du mail est en hexadécimal mélangé à de l'ASCII et à du texte normal)
L'utilisateur ne voit aucun changement par rapport à un lien classique (tout marche comme d'habitude), mais s'ils sont codés de cette manière, ça évite en théorie de se faire spammer si un robot tombe sur votre site.
C'est gratuit, et en utilisation illimitée, donc ne vous en privez pas !
Le Stanblog a fait peau neuve, allez donc y faire un petit tour. (Comment ? Ce site n'est pas encore dans vos bookmarks ? Pour votre punition, allez faire un tour dans mes liens, vous le trouverez)
Qu'est-ce que c'est ? Un fil RSS est simplement, dans ce cas, un résumé d'un site au format XML.
A quoi cela sert-il ?
Par exemple, sur certains sites, vous pouvez voir les news de tel autre site, etc... Cela peut aussi vous permettre de suivre l'actualité d'un site (c'est le cas ici) à distance.
Comment faire ?
En deux mots, il vous suffit de :
Télécharger un petit logiciel comme Rss Reader (freeware)
De l'installer !
Et d'indiquer l'adresse du fil (donc http://www.nicolas-hoffmann.net/rss/index.php dans le cas de mon site).
Le logiciel vous affichera alors le contenu du fil.
Je suis bloqué ce week-end, donc le fil RSS est remis au début de la semaine prochaine (c'est amusant de styler du XML...), par contre, une nouvelle réalisation devrait bientôt arriver... (en version bêta, mais en bêta-qui-m'a-déjà-bien-rendu-des-services !)
Côté nouveaux thèmes, j'ai déjà une bonne idée de ce que sera le prochain thème (c'est le plus dur, de trouver l'idée !), il ne reste plus qu'à le faire.
Si vous vous posez quelques questions sur pourquoi vous devez toujours cliquer sur "J'accepte" quand vous installez un logiciel, allez voir cet article sur les licences de logiciels, vous comprendrez pourquoi il vaudrait mieux lire la licence avant de tout de suite cliquer sur "J'accepte".
Cette fois, ce sont Mozilla Europe (vous savez, le navigateur/client mail qui bloque correctement les pop-ups, qui ne craint pas la plupart des virus envoyés via mail, qui utilise la navigation par onglet, qui inclut encore beaucoup d'autres options, et qui est libre...) et le StandBlog qui sont à l'honneur dans les liens du site.
Histoire de fêter les 20 000 visites passées récemment, je vous propose une nouvelle animation, et cette fois, ce sont les fans de Frank Herbert qui vont être servis, son titre est "Dune".
Attention, il vous faut un codec Xvid récent pour la lire (du style de ce qu'on peut trouver dans le pack de codecs Nimo).
Un petit coucou à nos amis linuxiens de Linuxfr qui m'ont indiqué à juste titre qu'il manquait des CSS alternatives sur le site, c'est désormais chose faite, avec l'aide de Pascale Lambert-Charreteur, de la liste francophone des Pompeurs. (un grand merci !)
Si vous ne savez pas ce que sont les CSS alternatives, installez Mozilla, ou simplement Firefox, venez sur ce site, et allez dans le menu "Affichage", "Utiliser une feuille de style".
Vous verrez une des très nombreuses raisons pourquoi Mozilla est plus évolué qu'Internet Explorer...
Cette fois-ci, la nouvelle version est enfin lancée ! Le site s'offre enfin sa cure de jouvence, et ce juste avant ses 20 000 visites.
Au menu : un code (beaucoup) plus pur, l'utilisation complète des CSS pour plus d'accessibilité et de clarté, plus de frames, le système de thèmes revu et corrigé (grâce aux CSS principalement), et deux nouvelles rubriques, à savoir "Réalisations web" et "Photographie numérique".
Côté terragen, j'ai ajouté deux galeries, une récente et une... moins récente !
Pour commencer en douceur, je vous propose 3 thèmes : "Quad attack", "Fixed nav", "Simple Blue".
Il va sans dire que cette version est encore en test, donc ne vous étonnez pas de voir subsister ici et là quelques bugs...
