CSS3 Generator est un éditeur de CSS3 créé par Pascal von Seth. Cet outil en ligne permet d’éditer une dizaine de propriétés : background, border, border-radius, gradient, box-shadow, transform, opacity, font et text-shadow. Chaque propriété est modifiable grâce à des sélecteurs de couleur, des champs de saisie ou des curseurs dynamiques selon la nature de la propriété CSS. →
Dans l’article Nouvelle méthode de remplacement d’image en CSS, je vous faisais part d’une nouvelle méthode de remplacement de texte par l’image en CSS proposée par Scott Kellum qui utilise la propriété text-indent avec un décalage en pourcentage. Cette méthode n’étant pas dénuée d’effets de bord (voir dans la suite de l’article), une nouvelle technique a fait son apparition lors de la mise à jour de HTML5 Boilerplate. Je vous propose une traduction de l’article Another CSS image replacement technique écrit par Nicolas Gallagher qui détaille une technique avec font-size : →
Foundation est un framework HTML & CSS créé par l’agence web Zurb pour la conception des maquettes fonctionnelles (wireframes, mockups) quelque soit le type de périphériques. Il est composé d’une grille de mise en page, de la gestion des boutons et des formulaires. S’il a été conçu à l’origine pour faciliter la création des prototypes, Foundation est également prêt à être utilisé en production. →
Un wireframe est une maquette grandeur nature en vue «fil de fer» qui permet d’avoir une idée sur la manière dont les fonctionnalités prévues par le cahier des charges, c’est-à-dire le périmètre des fonctionnalités, vont se concrétiser. Cette maquette fonctionnelle procède généralement du zoning. Toutefois, j’ai tendance à considérer ce dernier comme faisant partie intégrante du wireframe. Selon les projets, il peut s’agir d’un croquis réalisé à main levé pendant le rendez-vous avec le client ou d’une version plus élaborée, après réflexion. →
Allez, ça suffit, maintenant ! Que celui qui n’a jamais pensé qu’il avait déjà bien assez travaillé sur certains projets me jette la première souris ! Face à la multitude des prestations low cost qui ont fait leur apparition dans les métiers du web depuis quelques années — création de logo, rédaction de contenu, création de charte graphique ou intégration HTML & CSS –, il est temps de (se) poser quelques questions. →
Pour remplacer du texte par une image avec CSS, il existe au moins neuf méthodes, dont deux ont été largement utilisées par les intégrateurs web. Vous trouverez à la fin de l’article une dixième méthode que je n’ai pas encore testée qui devrait allier performance et accessibilité. Elle nous vient tout droit de chez Jeffrey Zeldman. →
Plus de 30 blogs tenus par des passionné(e)s du web pour approfondir les standards et les langages du web HTML5, CSS3, PHP, Javascript et jQuery, sans oublier le webdesign, le référencement et WordPress. Cette liste de blogs provient de la timeline Twitter de mon compte @br1o. Les liens sont accompagnés d’une courte description et du compte Twitter de l’auteur(e) du blog. →
95% des sites web sont faits de typographie ! Cette assertion d’Oliver Reichenstein dans l’article Web Design is 95% Typography semble toujours d’actualité. Dans la plupart des cas, les visiteurs se rendent sur un site pour lire. C’est une excellente raison pour prendre soin de la typographie dans le web design. Dans l’article Technical Web Typography: Guidelines and Techniques, Smashing Magazine détaille la mise en place d’une grille verticale en utilisant les règles immuables d’une bonne typographie, qu’il s’agisse de créer un carton d’invitation pour un anniversaire ou un faire-part de décès. →
Pour l’intégrateur web, les préfixes «constructeur» sont une bénédiction et une malédiction. D’un côté, ils permettent de surfer sur la vague du progrès dès qu’une nouvelle propriété est disponible sur un navigateur ; d’un autre côté, ils ont la réputation d’allonger la feuille de style avec une foule de déclarations redondantes. Le DRY est mis à mal… Pour seulement 2KB (gzippé) le script Javascript -prefix-free de Lea Verou ajoute automatiquement les préfixes «vendeur» pour les propriétés CSS3 et les navigateurs qui en ont besoin. →
Envie de mettre les nouveautés HTML5 et CSS3 à contribution lors du redesign de votre site, mais un peu inquiet quand même sur la compatibilité de ces nouveaux jouets avec les nombreux navigateurs qui se battent pour occuper toute la RAM de votre poste de travail ? N’hésitez plus, et venez jeter un oeil sur HTML5 Please qui vient d’apparaitre dans ma timeline Twitter (1) ! →
