7 outils en ligne pour l’intégration HTML & CSS

Ce petit coin de blog est le cadre idéal pour vous présenter quelques outils en ligne qui vous permettront de réduire le temps passé à réaliser l’intégration de vos sites web : éditeurs visuels, générateurs de colonnes, conversion des pixels en unité relative em, etc. Pas vraiment nouveaux, ils méritent quand même le détour ! 

Référencement de sites Web — Chassez le naturel, il revient au SEO !

Mon dernier article sur le référencement et le positionnement sur les moteurs de recherche commence à dater un peu. Pour raffraichir un peu les tags SEO et référencement internet voici une idée toute simple pour ratisser plus large au niveau des requêtes qui permettront aux internautes de tomber sur votre blog. Loin d’être un guide sur le référencement, cette astuce s’adresse aux blogueurs désirant optimiser leur positionnement sur Google en restant concentrés sur ce qu’ils savent faire le mieux : la rédaction web ! Grâce aux options proposées par Google, il est possible de faire l’impasse sur l’étude de marché pour le choix des mots-clés. Et, cerise sur le gâteau, il s’agit de référencement gratuit 😉

Quelques notes — Prévoir un supplément pour rendre un site compatible avec IE6 ?

« Si le client veut qu’on prenne en compte IE6, il faudra qu’il paie pour ça » via @fran6. C’est clair, c’est net, mais un peu court (en même temps en 140 caractères, difficile de développer). Ca fait longtemps que pour les développeurs et les intégrateurs web, IE6 est comme une écharde qui n’arrête pas de s’infecter ou plutôt comme le dit Microsoft lui-même : «Surfer avec Internet Explorer 6, c’est comme boire du lait périmé depuis 9 ans». Mais de quoi parle-t-on exactement ?

Ajouter un bouton Paypal «Faire un don» dans WordPress

Après la conférence F8 de Facebook, plusieurs dizaines de milliers d’éditeurs de blogs se sont empressés d’ajouter un bouton Like ou Recommend dans l’espoir de créer le buzz sur Facebook. Je n’ai pas fait exception à cette règle. Toutefois — sans remettre en question la pertinence de l’affichage de ce bouton dans certains cas — je n’ai pas constaté de résultat en 15 jours d’utilisation. C’est en supprimant ce gadget, qu’une citation de Jean Cocteau m’est revenu à l’esprit : Il n’y pas d’amour, il n’y a que des preuves d’amour ! J’ai ensuite cherché un moyen de concrétiser ce sentiment autrement que par un J’aime ou J’aime pas.

139 ressources Javascript et jQuery

Cette liste de liens pour le développeur web front-end est issue de la veille documentée que j’effectue sur Javascript & Webdesign — Les meilleures ressources Javascript pour développeurs web front-end (avec parfois un soupçon de PHP) — depuis plus de 6 mois. A quelques exceptions près, les resssources pointent directement sur les articles d’origine. La liste est affichée dans l’ordre où j’ai rédigé les billets : les plus anciens en premier par paquet de 10 pour aérer la lecture parce que vous le valez bien.

Formbuilder — des formulaires HTML avec PHPForm

Formbuilder — Trois étapes suffisent pour créer des formulaires en éliminant la phase de codage HTML : il suffit de cliquer sur les éléments que vous voulez, personnaliser les labels et renseigner les valeurs par défaut. Il est possible de modifier l’ordre des éléments après leur création par glissé-déposé. Enregistrez, c’est gagné !

EmChart — Convertir des pixels en EM

EmChart — Il est courant d’avoir besoin de convertir des valeurs exprimées en pixels vers une unité de mesure relative comme les EM’s. Cette conversion n’est pas toujours aisée et la calculatrice est souvent nécessaire. EmChart est une table de correspondance qui donne automatiquement le ratio en EM par rapport à deux valeurs exprimées en pixels.

Frameworks CSS — Blueprint vs 960 Grid System

Blueprint et 960 Grid System sont deux frameworks CSS que j’ai utilisés parmi les 25 que j’ai recensés et survolés dans Choisir un framework CSS. J’ai ainsi pu me faire une idée plus précise de leurs qualités respectives. Je ne me suis pas attardé sur les aspects typographiques — même s’ils ont leur importance : j’ai préféré faire l’analyse du système de grille de mise en page (grid.css et 960.css). Pourquoi comparer ces deux frameworks ? Tout simplement parce qu’ils proposent pratiquement les mêmes «fonctionnalités» avec quelques différences dans la mise en oeuvre. Après une rapide introduction sur Blueprint et 960 Grid System, vous trouverez dans la suite de cet article une comparaison et une explication de code.

CSS3, Please! Générateur de CSS3 Cross-Browser

CSS3, Please! — Une belle page éditable avec l’essentiel des propriétés CSS3 : border-radius, box-shadow, Gradient, RGBa(), Transition, @font-face, etc. avec les filtres Microsoft pour IE6/7 et IE8 qui vont bien (ou mal). Un bloc de contenu reflète automatiquement les changements apportés aux déclarations avec la possibilité de désactiver les effets les uns après les autres pour mieux les percevoir. CSS3, Please! est certainement l’un des meilleurs générateurs de CSS3 disponibles.