public marks

PUBLIC MARKS with tags articles & css

2010

Les sprites CSS

by -Nicolas- & 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

The Woork Handbook

by Spone
The Woork Handbook is a free eBook about CSS, HTML, Ajax, web programming, Mootools, Scriptaculous and other topics about web design... directly from Woork!

2008

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

by -Nicolas-
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 -Nicolas- & 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)

Opera Web Standards Curriculum

by Xavier Lacot & 5 others
Opera's new Web Standards Curriculum is a complete course to teach you standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics. It already has support from many organizations (including Yahoo! and the Web Standards Project) and universities. The first 23 articles are currently available, with about 30 more to be published between now and late September.

2007

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

by -Nicolas- & 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

by -Nicolas-
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.

Uzbekistan Government Denies Religious Freedom Violations

by JomeiKujo
The government of Uzbekistan has launched a publicity drive claiming that the country does uphold religious tolerance The move follows the designation of Uzbekistan as a Country of Particular Concern CPC by the US State Department in November 2006

terrill.ca | Vertical Bar Graphs using CSS and PHP

by -Nicolas- & 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 -Nicolas- & 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 -Nicolas- & 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 -Nicolas- & 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

by -Nicolas- (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 -Nicolas- & 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 -Nicolas- & 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 -Nicolas- & 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...

Active users

-Nicolas-
last mark : 05/08/2010 12:41

kemar
last mark : 22/07/2010 12:42

Spone
last mark : 12/01/2009 19:54

naudjf
last mark : 13/12/2008 22:54

Xavier Lacot
last mark : 08/07/2008 15:26

jdrsantos
last mark : 22/03/2008 19:23

vrossign
last mark : 22/03/2008 10:54

formation_ajax
last mark : 26/11/2007 15:17

Hieroglyphe
last mark : 07/08/2007 21:10

Simay
last mark : 29/04/2007 19:07

JomeiKujo
last mark : 21/02/2007 06:40

renatolz
last mark : 06/11/2006 12:47

rainbird
last mark : 28/10/2006 13:38