Firefox ne manque pas d’imagination quand il s’agit de se faire remarquer et le prouve une fois encore pour la sortie de Firefox 3 en organisant une opération visant à établir un record du monde du logiciel le plus téléchargé dans une journée afin d’entrer dans le livre Guiness des records !
A l’heure où je me suis inscris, nous somme 246 670 dans le monde à faire la promesse de télécharger Firefox 3 et 6 868 pour la France. Allez, faites chauffer le buzz 😉
Inscrivez-vous sur WorldRecord.
Suite au billet sur les outils et ressources web qu’il est bon d’avoir sous la souris, j’ai mis à jour la grosse grosse liste en créant la rubrique Références, outils et dictionnaires pour l’occasion.
Comme tous les travailleurs, l’intégrateur HTML & CSS a ses petites habitudes et une boite à outils bien remplie. Depuis longtemps, j’utilise les bookmarks en ligne. Mais si je bookmark régulièrement les liens qui m’intéressent, la recherche d’information dans ces services est souvent moins efficace que le lancement d’une recherche dans Google ! Et comme il peut être utile d’avoir certaines ressources à portée de souris, un billet est un pense-bête comme un autre. Magneto : →
Suite à mon dernier billet sur les différentes manières d’aborder le balisage HTML d’une hCard, Neovov et burningHat ont soulevé la question de la sur-sémantisation du code d’une manière générale et de la sur-utilisation des listes en particulier. Neovov, par exemple, ne voit pas pourquoi on devrait mettre des listes partout. burninHat quant à lui, se demande si l’on ne n’accorde pas trop d’importance à la description de notre code HTML… Magneto ! →
En lisant ce billet de Frédéric de Villamil sur le compte rendu du troisième WASP café France dans lequel il présente un exemple de structuration du microformat hCard, je n’ai pu m’empêcher d’ajouter mon grain de sel pour remplacer la divite et la spanite par une structure à base de listes imbriquées que je trouve comment dire… plus sémantique… →
Après A comme Allons-y et B comme Bêtise, Je continue à égrener l’alphabet qui me sert de fil conducteur pour la création d’un thème de type magazine, selon la formule consacrée. C comme Cahier des charges parce que si lors de la première étape, j’ai noté quelques idées pour savoir dans quelle direction aller, il est temps de fixer le cap avec la liste des fonctionnalités dont j’ai besoin. Cette phase, indispensable lorsqu’on doit développer les fonctionnalités d’un site from scratch, peut sembler un peu formelle pour un blog, où sauf exception, tout est déjà codé dans le moteur du blog ; il reste néanmoins à déterminer celles que l’on va intégrer, de quelle manière et avec quelles options. →
En général, j’utilise la notation .ma-classe-css pour nommer les classes réutilisables par n’importe quel élément HTML. Cette notation est en fait un raccourci pour *.ma-classe-css où * est utilisé comme joker universel (les tirets ne sont là que pour le référencement).
Me souvenant que le reset * { margin: 0; padding: 0; } n’était pas optimum en terme de performances, je me suis dit que l’utilisation de div.ma-classe-css (en préfixant le nom de la classe avec la balise HTML à laquelle elle s’applique) permettrait certainement au navigateur de parcourir le DOM plus rapidement en raison du nombre réduit d’éléments sur lesquels boucler.
Les hacks CSS, c’est pas bien ; les commentaires conditionnels, c’est mieux. Pour autant, je ne vois pas d’inconvénient à utiliser quelques hacks à l’intérieur d’une feuille de style réservée à Internet Explorer à l’aide des commentaires conditionnels. En effet, pourquoi ajouter une requête inutile en ciblant chaque version de IE quand on peut régler le problème une fois pour toute ? →
Strumming my pain with his frame
Singing my life with wordpress
Killing me softly with his script
Killing me softly… with his script
Telling my whole life with wordpress
Killing me softly… with his script…
Le site web des Editions Thélès est l’occasion pour moi de montrer aux jeunes générations comment les sites web étaient « conçus » à la fin du XXè siècle. Petit florilège de code :
function MM_reloadPage(init) { //reloads the window if Nav4 resizedAh, le petit bout de code javascript Made in Dreamweaver qui remettait les « calques » en place lorsque la taille de la fenêtre était modifiée… (oui, à l’époque il y avait beaucoup de « calques » qui se perdaient, aujourd’hui, se sont les « claques » ^_^v)
<table width="470" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="19" rowspan="4"> </td>La mise en page avec les tableaux était également à la mode en ces temps reculés, où seul dans sa grotte, éclairé par la lumière chancelante d’un feu volé à l’orage… etc.
Tiens, comme quoi, parler des Editions Thélès me rendrait presque lyrique 😉
PS : Vous aimez le web ? Faites comme moi, apportez votre soutien à Marc Autret dans le différent qui l’oppose aux Editions Thélès !
Arrêtons-les avant qu’ils ne nous arrêtent !
Ils en parlent :
PS2 : Pour pouvoir bloguer l’esprit tranquille, je vous invite à jetter un oeil sur ces billets de Maitre Eolas, avocat, concernant l’attitude à adopter à la réception d’un courrier d’avocat et notre responsabilité en tant que blogueur.