public marks

PUBLIC MARKS from -Nicolas- with tags css & articles

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.

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)

2007

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.

2006

How to structure large CSS files - Friendly Bit

by 8 others (via)
Many methods exist to structure your CSS. This article tries to describe the method I use. I call it the “Tree method”, since it structures the CSS like… that’s right, a tree structure. I want to stress that it isn’t my invention; I just describe and give reasons for its rules.

HTML and CSS Tutorials, References, and Articles | HTML Dog

by 53 others
Welcome to HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.

Natalie Downe » Blog Archive » Inline image quotes

by 3 others (via)
Inline image quotes. An easy and effective way to create inline image quotes with CSS.

Jeffrey Zeldman On Why To Incorporate Web Standards > Lovely to Look At, Repulsive to Code

(via)
Web standards hold the key to accessible, cost-effective web design and development, but you wouldn't know it from surveying most big commercial sites. In this chapter, CSS guru Jeffrey Zeldman explores some of the reasons web standards have not yet been incorporated into the normative practice of all design shops and in-house web divisions, and are not yet obligatory components of every site plan or request for proposal. If you need help selling standards to your colleagues, this chapter is for you.

XML Transformations with CSS and DOM

by 1 other
This article demonstrates how to render XML in the browser with a minimum of CSS and JavaScript. The examples that follow were written for and tested with Mozilla 1.0 for Mac OS X and Windows 2000. This article is not a comprehensive tutorial on DOM, CSS, or XML, and a basic understanding of each of these technologies is required.

Enfants et descendants en CSS | Omacronides

by 3 others (via)
Le langage CSS est plutôt simple et intuitif. Mais, en s'habituant à cette aisance d'utilisation, on en oublie parfois certaines de ses subtilités (en tout cas c'est mon cas). En voici une parmi d'autres : la présentation des « enfants » et des « descendants » d'un élément.

Impact du rendu de la mise en forme du code HTML

by 5 others (via)
On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne ; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise ; ou encore de laisser plusieurs lignes vides, pour « éclaircir » un code et en faciliter la lecture. Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu ! Petite mise au point...

Typographie: quelle taille pour du texte ? - Tutoweb

by 11 others
Quelle est la taille idéale pour afficher du texte à l'écran ? Pas facile de répondre à la question. D'autant plus que de nombreux critères peuvent varier en fonction de chacun (goûts personnels, handicap, fatigue des yeux) et de chaque ordinateur (système d'exploitation, résolution d'écran, couleur de fond).

The CSS and XHTML Lab | 456 Berea Street

by 10 others
This is a collection of experiments, methods, tips and tricks related to CSS and XHTML that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on techniques, tutorials, and ideas that I’ve come across on the web, on mailing lists, in books, and other places. Some of these examples have step-by-step instructions while others do not. I hope to eventually get around to writing instructions/explanations for all of these examples.

2005

Beautiful Interfaces with CSS

by 7 others (via)
Explications en anglais de l'intéret d'une mise en page à l'aide de CSS par raport aux tableaux avec de nombreux exemples.

No More Tables CSS Layout Techniques

by 9 others (via)
Explications en anglais de l'intéret d'une mise en page à l'aide de CSS par raport aux tableaux avec la conversion du site de Microsoft.

Les bons conseils de pappy Dave - Shinze

by 3 others (via)
Des conseils de base pour vos feuilles de styles.