public marks

PUBLIC MARKS from -Nicolas- with tag css

2010

Les sprites CSS

by 1 other
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.

2009

Web Design — Tips and advice on web standards development

(via)
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…

Une feuille de styles de base pour bien démarrer vos projets - Alsacréations

by 2 others
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.

2008

Evitons de mettre les styles CSS et les scripts Javascript dans le code HTML

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 !"

21 scripts Javascript pour l'intégrateur HTML et CSS

by 3 others
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)

CSS Reference

by 9 others
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.

2007

Posteet: Store, share and tag your favourite tips, tricks, codes and snippets

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 like Crazy Egg's pricing table (Ask the CSS Guy)

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

Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen

by 2 others (via)
Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability.

Style Crunch

by 3 others (via)
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.

Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu

by 8 others (via)
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!

Menu HTML et CSS, sliding doors et item current en PHP | css4design

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.

terrill.ca | Vertical Bar Graphs using CSS and PHP

by 3 others (via)
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 - Open Source Web Design Templates

by 20 others
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.

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

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

2006

mezzoblue § Testing Grounds

by 18 others
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.