PUBLIC MARKS from -Nicolas- with tag css

Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position.

Web Design+ est un récapitulatif de bonnes pratiques concernant la création web. Quel doctype choisir, comment améliorer l’accessibilité d’un site, quelles sont les bonnes habitudes lorsqu’on créé un formulaire, quel CSS-reset choisir, etc…

Avec cette astuce, je vous propose un outil et une méthodologie pour partir du bon pied lorsque vous attaquez les styles CSS d'un nouveau projet.

Cet article est une “craduction”(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autes devrait être limité au strict minimum. "Yalla, en avant les jeunes !"

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque)

Welcome to the SitePoint CSS Reference! We’ve worked hard to make this the most detailed and up-to-date reference on the subject available. To get started, try our handy search box, or click on one of the headings to browse that section of the reference.

Store all your favourite tips, tricks, codes and snippets in one place, accessible from anywhere. Share your tips with everyone, with friends on your watchlist or just keep them private. Tag your tips with as many labels as you want, instead of wrestling with folders.

Creating a table with dynamically highlighted columns. Step by step tutorial using CSS, JavaScript, and images in clever ways.

Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability.

StyleCrunch is a css and standards websites gallery, you can find the best sites in the www, best design, best coded and what engine used.

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien, et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP.

Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.

The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them. Please note that this page is no longer being maintained.