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 ?
tag » Coins arrondis
Générateur de coins arrondis avec border-radius
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.
Design CSS liquide (ou fluide) encadré d'images répétées… sans table
Il 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
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 ?

Commentaires récents