HTML & CSS

table vs div : dis papa, racontes-moi encore les tableaux…

La mise en page des sites web avec les tableaux n’a pas que des inconvénients : ça permet d’obtenir une structure à l’épreuve des balles très rapidement. La mise en page en div (5 légumes par jour, on vous dit…) n’a pas que des défauts : grâce aux CSS, il sera possible de moduler l’agencement des différentes parties de votre design. Bien sûr, tout n’est pas toujours aussi simple : les éléments constitutifs d’un tableau ne sont pas allergiques aux CSS, tandis qu’une structure en div mal conçue au départ ne sera pas vraiment modulable, même avec des CSS. →

HTML & CSS

Frameworks CSS + Reset CSS : design from scratch

Je n’ai pas résisté à l’envie de vous proposer ma traduction de l’article CSS Frameworks + CSS Reset: Design From Scratch paru dernièrement sur Smashing Magazine. Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs. L’article fait ainsi le point sur la notion de framework CSS, ses avantages et ses inconvénients, décrit les frameworks les plus populaires et termine par une série de liens commentés à propos des Reset CSS et des styles de base. En attendant d’éventuels retours sur la traduction, ce billet est en version bêta. →

HTML & CSS

[résolu] Les folles journées de l’intégrateur HTML et ses petits tracas…

Le quotidien de l’intégrateur HTML est parfois assombri par la survenance de bugs plus ou moins gênants. Ces derniers jours, je me suis débattu avec un décalage de couleur entre une image au format png et un fond spécifié en hexadécimal. Et comme si ça ne suffisait pas, Internet Explorer et Firefox n’ont pas aimés que je débute l’intitulé d’un identifiant avec un underscore ! Pfff… Pour finir si l’utilisation de overflow: hidden pour clearer les float est une bonne idée, cette propriété peut avoir des effets de bord indésirables. Enfin, voyons ça de plus près : →

HTML & CSS

HTML Validator pour traquer les erreurs javascript ?

Depuis peu, l’affichage et le masquage de certaines rubriques de ma blogroll était en grève sans raison apparente : aucune modification des scripts jQuery en question. Tout en continuant malgré tout de chercher du côté de Javascript, je me suis rappelé une discussion avec Goulven ou Sébastien concernant l’intérêt de valider son code HTML pour traquer les erreurs. J’ai lancé HTML Validator sans conviction… →

Google & Référencement

7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !

Après Text-Link-Ads, LinkLift propose l’achat et la vente de liens sur les blogs. Et Google n’a pas l’air d’apprécier. Il faut dire que ce que ces sociétés vendent à leurs acheteurs de liens, c’est du PageRank en barre ! Et le PageRank, comme chacun sait, appartient à Google qui voit d’un mauvais oeil des sociétés concurrentes à son programe AdSense tirer les marrons du feu en profitant de son outil de confiance. Un formulaire est même disponible si l’on est témoin d’un achat ou d’une vente de liens à la sauvette. Ca fout les jetons. →

Javascript & PHP

jQuery 1.1.4 sur le grill

Si tout va bien, cette version sera la dernière de la branche 1.1 avant de passer à la 1.2. Mis à part la correction des inévitables bugs, les principaux changements sont – outre la rapiditié accrue pour la traversée du DOM, la sélection des éléments et des ID – l’introduction de nouvelles fonctions. Voici un petit topo des nouveautés à l’usage de l’intégrateur web (des nouveautés sont aussi prévues pour faciliter la vie des développeurs) d’après l’annonce de John Resig sur le blog jQuery. →

HTML & CSS

5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs

Vous n’utilisez pas de styles CSS pour votre page web ? Ce n’est pas grave : les navigateurs le font pour vous. Ils utilisent chacun leur feuille de style par défaut pour obtenir un rendu visuel minimal. C’est pourquoi les tableaux possèdent des bordures, et les paragraphes des espaces avant et après. Le problème ? Si des balises comme strong ou em sont traitées de la même manière par les agents utilisateurs, l’immense majorité présente des différences plus ou moins importantes. Ce fameux manque de « consistance » décrié par les webdesigners anglo-saxons concerne principalement les propriétés margin et padding. Avec une pensée particulière pour le retrait des listes ol et ul : si IE applique bien le margin-left: 40px préconisé, Firefox utilise quant à lui un padding-left: 40px pour le même rendu. Dans ces conditions, il est tentant de vouloir mettre tous ces agents utilisateurs au garde-à-vous… →

Google & Référencement

J’ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j’ai bon ?

Chapeau Blanc : je te le dis tout net : faire la tournée des moteurs de recherche et des annuaires de liens pour lâcher une url et une description n’est pas ce qui se fait de mieux pour référencer un site (ou un blog, d’ailleurs). Et encore moins pour le positionner sur un ou plusieurs mots-clés. Dans le meilleur des cas, tu obtiendras 400 liens d’une qualité douteuse. Et puis de toute manière personne ne lit les annuaires de liens… →

HTML & CSS

Pour rétablir le flux après un float, vous êtes plutôt HR, BR ou DIV ?

Dans le prolongement du billet précédent concernant une mise en pages CSS avec la propriété float, je me suis intéressé aux différentes manières de styler la balise hr pour rétablir le flux après en avoir sorti des éléments en les faisant flotter à gauche ou à droite. J’utilise généralement hr avec le traditionnel clear: both et visibility: hidden et je jongle ensuite avec les marges ou la hauteur pour espacer les éléments. Or, depuis que j’utilise le reset.css d’Eric Meyer, j’ai tendance à supprimer les marges de tout ce qui bouge, mais cette chère règle horizontale reste récalcitrante à la remise à zéro cross browser… →