Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

tag » Coins arrondis

Générateur de coins arrondis avec border-radius

La propriété CSS3 border-radius permet de faire des coins arrondis pour rendre nos pages web plus jolies à regarder. Tous les navigateurs ne prennent pas en charge la propriété CSS3 border-radius : les agents utilisateurs carburant au moteur de rendu Webkit (Chrome, Safari, iPhone, Android) utilisent -webkit-border-radius et ceux qui tournent sur Gecko (Firefox, Camino) utilisent -moz-border-radius. Quant à Internet Explorer, on peut garder l’espoir qu’avec IE9 ont verra un peu de lumière au bout du tunnel… Voulez-vous en savoir plus ?

Le petit journal du web #2 — Coins arrondis ombrés, capture d’écran dans Chrome, CSS3 et autres liens

Je partage généralement mes bons liens depuis mon compte Twitter mais n’est pas une raison pour arrêter complètement les listes de liens : elles ont leurs détracteurs mais aussi leurs supporters, sans compter que ces simples listes peuvent devenir Le petit journal du web qui claque mieux ! Cette sélection de ressources illustrées vous permettra de : (ré)apprendre à faire des liens accessibles ; vous méfier des attaques XSS avec Markdown ; créer des boutons funky en full CSS3 ; voir une méthode pour faire des blocs avec des coins arrondis avec une seule image ; utiliser les sélecteurs avancés y compris avec IE6, mieux connaitres les nouveaux enjeux concernant le métier de rédacteur web, etc. Voulez-vous en savoir plus ?

Coins arrondis avec BoxIt et DOMAssistant

La bibliothèque Javascript DOMAssistant fait des petits avec le plugin BoxIt qui vous permettra d’arrondir les angles de vos blocs ou de vos images. Rendez-vous sur la page de tests pour avoir un aperçu des possibilités du script.

7 liens utiles pour l'intégrateur web

Depuis que j’ai mis en place ma blogroll 2.0, je ne voyais plus trop l’intérêt des articles « En vrac », mais au vu du peu de liens sortants en provenance de cette liste de lecture, je me dis qu’un petit vrac de temps à autre ne peut pas faire de mal. Magnéto : un nouveau script pour régler les problèmes de transparence du format PNG dans IE6 et un autre pour faire des coins arrondis sans trop boursouffler le code HTML ; un détour par l’incontournable Smashing Magazine pour des astuces CSS de folie ; le lien vers LA ressource ultime pour le webdesigner (à part la grosse grosse liste, bien sûr…) ; l’essentiel à connaitre sur le nouvel avatar du back-office de WordPress 2.5 ; un plugin pour tranformer vos catégories ou vos pages en menu déroulant dans WordPress et une anecdote amusante (ou pas) sur les jeunots du web pour terminer… Voulez-vous en savoir plus ?

Design CSS liquide (ou fluide) encadré d'images répétées… sans table

Exemple de design css liquide sans tableauxIl y a deux choses que l’on passe généralement sous silence lorsqu’on fait la promotion des CSS pour la mise en page d’un site web : 1) la conception d’un design fluide contenant des visuels aux quatres angles et sur les 4 côtés, et 2) l’équilibrage des colonnes sur le pied de page quelque soit leurs contenus. Et oui, dès que l’on sort des designs avec une largeur fixe, c’est le « brodel » ! Alors que c’est si facile avec les tableaux… Alors, j’ai pensé au jeune Padawan qui désire échanger son design Old School contre une mise en page CSS plus sexy : je présenterais deux exemples de design liquide ou fluide tableless. Voulez-vous en savoir plus ?

Framework JQuery pour écrire du Javascript non-intrusif

JQuery, librairie Javascript. Pour ajouter un semblant d’interactivité aux pages web, il fallait auparavant chercher longtemps pour dénicher le bon bout de code Javascript cross-browsers qui va bien. Aujourd’hui, c’est le choix d’une librairie1 Javascript adaptée à nos besoins qui prend du temps. Les prétendants sont nombreux et la qualité est au rendez-vous : Prototype accompagné de script.aculo.us, Mootools et le petit Moofx, Dojo, Yahoo! UI Library, jQuery avec Interface, etc. Whoa! quel chemin parcouru depuis la fin du 2ème millénaire… Voulez-vous en savoir plus ?



Colophon

css 4 design est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2010.

Contactez l'auteur du site

Google Analytics Alternative