Archive pour la catégorie ‘Webdesign’

CSS2 : Pratique du design web, par Raphaël Goetter

mardi 14 juin 2005 | Webdesign

Raphaël Goetter annonce la sortie imminente de son oeuvre, CSS2 : Pratique du design web, une bible qu'il fait bon lire pour avoir de la class et du <style>. Rien de plus à dire que l'annonce officielle qui est déjà très complète, mais pour avoir un peu suivi les étapes de l'élaboration de ce livre (pas le contenu que je suis impatient de découvrir), je pense qu'on peut dire qu'il s'est bien appliqué à la tâche et que ce livre sera un succès, une référence ou les deux.

CSS 2 : Pratique du design web - Raphaël Goetter

Permettez-moi de vous présenter les couvertures qui n'ont pas été retenues, en attendant de pouvoir en dire plus :

CSS 2 : Pratique du design web CSS 2 : Pratique du design web

Apache en pôle position

lundi 6 juin 2005 | Webdesign

Web Server Survey

Selon la dernière analyse Web Server Survey de Netcraft, Apache conserve sa position dominante dans le marché des serveurs www avec une part de 69.32%. Cette étude a porté sur 63 532 742 sites soit une croissance de 1,24 millions depuis le mois dernier.

Interlude publicitaire

mercredi 25 mai 2005 | Webdesign

Cela fait quelque temps déjà, mais il n'est jamais trop tard : Alvasoft change de design (hmm ah oui en fait c'est du dewsign) et étoffe son contenu. Hardware & soft, calculatrices TI, un bon nombre de dossiers multi-domaines à découvrir. N'oubliez pas non plus son blog cabanesque en pleine croissance depuis que Sophie Marceau a fait des vagues à Cannes.

Alvasoft

Astuce Firefox

mardi 24 mai 2005 | Webdesign

Options Firefox

Si vous souhaitez ouvrir plusieurs pages dans des onglets différents au démarrage de Mozilla Firefox, entrez les adresses successives séparées d'un pipe "|" dans Outils / Options / Général / Page d'accueil.

Un jour...

vendredi 20 mai 2005 | Webdesign

Un jour, essais...

Recherche de futur logo pour communauté (le nom de domaine est fictif.)

Un jour

about:firefox-1.1

mercredi 18 mai 2005 | Webdesign

Firefox

Jesse Ruderman a mis à jour la page What's new in Firefox 1.1 qui fait le point sur les nouveautés à attendre pour la prochaine version mi bémol majeure du navigateur, nom de code : Deer Park. Outre une réorganisation des options, on note l'apparition de Sanitize permettant d'effacer toutes les traces (cookies, historique...) en un seul clic, un support plus avancé de CSS3 mais aussi une implémentation complète (?) de SVG (exemples) et des Canvas (exemple). Des corrections de bugs sont bien sûr au rendez-vous ainsi que des améliorations au niveau des possibilités qui sont offertes par Firefox aux extensions.

MySQL 4.1 et INSERT ... ON DUPLICATE KEY UPDATE

jeudi 14 avril 2005 | Webdesign

Petite feature discrète et très simple présentant pourtant un certain avantage, l'instruction ON DUPLICATE KEY qui a vu le jour à partir de la version 4.1 de MySQL permet de procéder à la mise à jour (UPDATE) de valeurs dans une table lorsque leur insertion (INSERT) pourrait provoquer un dupliquage de clé.

MySQL Duplicate force

Rien ne vaut un bon exemple. Avant, avec l'aide de PHP, il était commun de voir ceci :

$result=mysql_query("UPDATE table SET blabla='truc' WHERE cle='1337'");
if($result) {
  if(mysql_affected_rows()==0) {
    mysql_query("INSERT INTO table (cle,blabla)
    VALUES (1337,'truc')");
  }
}

Frustrant d'utiliser deux requêtes différentes : la première pour tenter une mise à jour d'enregistrements potentiellement existants, puis via le contrôle du nombre de rows réellement affectés (mysql_affected_rows) et une insertion si nécessaire si ce nombre est nul. Avec plusieurs centaines de milliers, voire de millions de requêtes, on pourrait se croire dans une barque jivaro sur l'Amazone, à contre-courant (pagayer, pagayer, pagayer).

Or, la réduction de tête requête fait des miracles. Elle est peu répandue car bon nombre de serveurs dissimulent encore des versions 3.x recouvertes de mousse. Partons donc à la découverte, ô combien passionnante, du trésor du grand ODKU :

INSERT INTO table (cle,blabla) VALUES (1337,'truc') ON DUPLICATE KEY UPDATE blabla='truc';

Imaginons une requête concernant la mise à jour d'un champ. On ne sait pas si ce champ est déjà présent dans un enregistrement. Celui-ci ne doit pas être créé s'il existe déjà, mais mis à jour avec la valeur spécifiée, voire additionné. Par exemple dans le cadre d'un vote. Si le vote est inexistant, il sera créé avec la valeur 10. Sinon, 10 lui sera additionné à la valeur déjà présente.

INSERT INTO table (cle,vote) VALUES (1337,10) ON DUPLICATE KEY UPDATE vote=vote+10;
MySQL et docteur Jivaro

Tout ceci à condition que la clé soit mise en jeu. L'événement ON DUPLICATE KEY n'agit que si l'insertion risque de provoquer un doublon sur une des clés de la table. Il est donc important plus que jamais de bien la structurer et de placer les index appropriés. Voilà donc une astuce utile dans le cas de génération de gros fichiers de requêtes SQL qui ne peuvent procéder aux vérifications précitées à l'aide d'un script (PHP ou équivalent) pour savoir s'ils doivent être constitués de requêtes INSERT ou UPDATE. En passant d'un script à un simple dump SQL à importer, les performances sont améliorées d'un facteur 20x (2000%). En savoir plus : Syntaxe de INSERT dans la doc officielle.

Gimpshop, le morphing Photoshop pour Gimp

jeudi 7 avril 2005 | Webdesign

Gimpshop

GimpShop à l'origine développé pour MacOS X puis porté sous Linux et Windows est un hack permettant de donner l'apparence de Photoshop à l'interface de Gimp. Avec de vrais morceaux de menus dedans, une fenêtre dont tous les composants sont groupés sans envahir la barre des tâches ou le bureau, et même la possibilité de retrouver ses repères avec les raccourcis clavier.

Voilà qui va donner un sérieux coup de pouce à Gimp pour séduire les habitués les plus endurcis.

Alt là !

samedi 2 avril 2005 | Webdesign

Alt!

Les grands quotidiens nationaux adaptent dans leur version en ligne les habitudes de la mise en page papier. Si visuellement le résultat est plutôt réussi, il subsiste toutefois quelques épines dans le pied de ces géants. Les lettrines sont couramment utilisées pour mettre en valeur la première lettre d'un article. C'est un procédé datant du moyen-âge qui a son charme, mais qui souffre d'une faille : la plupart du temps les sites utilisent une image en remplacement de la lettre.

Lettrine Liberation vs Monde

Sémantiquement, il n'y aurait aucun inconvénient si l'attribut alt était respecté dans tous les cas et se voyait codé alt="P" pour un paragraphe débutant par P. Parmi ces deux exemples, si en pratique Libération s'en sort bien, Le Monde quant à lui oublie cette possibilité. Google brassant régulièrement ces textes pour son service Google News, sans être équipé d'une reconnaissance de formes, cela produit un effet peu esthétique :

Lettrine

Une fois de plus cela confirme la règle : un moteur ne perçoit que la valeur sémantique de la page. C'est un désagrément pour les personnes ayant désactivé l'affichage des images ou souhaitant copier-coller les paragraphes : sans texte alternatif, l'image ne sera pas remplacée par la lettre correspondante. L'accessibilité concerne donc tout le monde, pas seulement les personnes déficientes visuelles.

Il existe bien sûr une méthode plus propre que l'utilisation d'une image via les feuilles de style (voir le tutoriel Alsacreations Créer une lettrine sur du texte).

Les pages obèses

mardi 29 mars 2005 | Webdesign

Prenez une page.

Vive la pub
294 Ko

Eliminez les publicités.

Vive la pub
68 Ko

Ne conservez que le contenu utile.

Vive la pub
1 Ko

Le surpoids des pages a un coût, et l'hébergement est payé grâce... à la publicité elle-même. C'est le principe des vases communiquants. Je me demande pourquoi j'essaie encore d'optimiser au maximum mes PNG et GIF au Ko près.