Le petit journal du web

Auditez votre site web avec Browser Size de Google

Avec Browser Size, Google Labs nous propose de découvrir la part de contenu visible dans la fenêtre des internautes selon des moyennes statistiques réalisées d’après les visites sur les sites de Google, c’est-à-dire un peu tout le monde ! On découvre ainsi que 99% des visiteurs ont une fenêtre d’environ 550 pixels de large pour 350 pixels de haut avec des chiffres qui chutent assez vite à mesure que la taille augmente : seulement 90% des visiteurs visualisent une surface de plus de 950 pixels par 500 pixels. Quand aux tailles supérieures à 1200 pixels de largeur, elles concernent moins de 50% des utilisateurs. →

Conception de site web

Du sur-mesure avec Pixus

Créé par Jam Zhang, Pixus est un petit soft qui ne manque pas d’Air. Il superpose à l’écran un très joli cadre en transparence pour mesurer tout ce qui s’y trouve grâce à des poignées à faire glisser de part et d’autre de l’élément cible. J’aime beaucoup le déplacement du cadre à l’aide des flèches du clavier et le fait que le cadre reste superposé à la fenêtre y compris pendant le défilement, ce qui est pratique pour vérifier les alignements des blocs sur la page. →

Design & Graphisme

Grid — Gardez le contrôle sur votre design web

Les grilles de mise en page font partie de la boite à outils du web designer qu’il s’agisse pour lui de s’y soumettre ou de s’en écarter. Pour faciliter notre travail, Allan Jardine propose Grid, un bookmarklet qui prendra place dans la barre d’outils de votre navigateur préféré (ou pas car pour l’instant Google Chrome n’est pas totalement pris en charge). Plutôt qu’un long discours, voici une capture d’écran de Grid avec les valeurs de la grille que j’ai élaborée pour css 4 design. →

HTML & CSS

Boks — Éditeur visuel de grilles CSS pour Blueprint, etc.

Boks est un éditeur de grille CSS développé avec Air (utilisable sur Windows, Mac et Linux) qui fournit une interface visuelle pour travailler avec le framework CSS Blueprint. Les frameworks sont souvent très utiles mais le paramétrage d’un pas de grille personnalisé peut s’avérer fastidieux. Outre la configuration du nombre de colonnes, de la largeur de la page et de la valeur de la gouttière, Boks permet de configurer la grille verticale en déterminant les valeurs des principales balises HTML. →

HTML & CSS

HTML5 et CSS pour l’intégrateur web

L’actualité du développement web est riche et c’est sans compter les liens plus anciens qui en ont encore sous le pied. Après le petit journal du web et celui consacré à WordPress, voici une sélection de ressources qui devrait plaire aux intégrateurs HTML et CSS. Au menu : un paquet de référence sur la prise en compte des balises HTML5 et des propriétés CSS par les différents navigateurs ; du nouveau pour aller au-delà des polices installées sur le poste client ; quelques Frameworks CSS à tester pour occuper les longues soirées hivernales et du `float` en veux-tu en voilà ! →

Le petit journal du web

WordPress, HTML5, CSS3, jQuery, graphisme et orthographe

Abandonnées peu à peu depuis mon utilisation intensive de Twitter où je partage l’essentielle de ma veille technologique (en plus de Delicious), les listes de liens commentées refond leur apparition sur ce blog. Si Twitter est le format idéal pour partager des liens au fil de l’eau, il n’est pas toujours évident pour le follower de s’y retrouver parmis les nombreux liens proposés. C’est pourquoi, j’en rajoute une couche dans cette nouvelle rubrique intitulée Le petit journal du web. Par ailleurs, je me dit qu’un tweet est bien peu de chose : rien ne vaut un bon vieux backlink en dur comme récompense du travail accompli et comme motivation pour celui à venir ! →

HTML & CSS

10 liens pour faire plaisir à votre intégrateur web

Cette liste de ressources devrait rendre de grands services à l’intégrateur HTML & CSS ainsi qu’au développeur web. en effet, vous y trouverez : un générateur de miniatures pour la page d’accueil de votre blog WordPress ; des outils pour valider l’ensemble de votre site ; un fichier PHP pour gérer votre base de données et des plugins jQuery tous plus intéressants les uns que les autres, etc. Il s’agit du meilleur des bons plans que je propose sur mon compte Twitter integrateur_css. Stay tuned and mind the gap! →

HTML & CSS

Firebug Lite 1.2

Tout le monde connait et utilise Firebug, extension Firefox indispensable pour regarder sous le capot des pages web. Dans leur grande générosité, les concepteurs ont pensé à toutes celles et ceux qui ne se contentent pas de tester leurs intégrations web dans Firefox avec Firebug Lite. →

Le petit journal du web

100+ comptes Twitter pour webdesigner

Twitter devient le service web 2.0 sur lequel il faut voir et être vu. Je vous propose un petit voyage dans le webdesign anglo-saxon avec 100 comptes Twitter utiles dans le cadre d’une veille technique et stratégique sur le Webdesign, WordPress, les Standards du Web, Javascript & jQuery, Photoshop & Illustrator, HTML & CSS, PHP, l’architecture de l’information, etc. Au menu, le pseudo avec un lien vers le compte Twitter et la bio présente sur le profil. →