background preloader


Facebook Twitter

22 Essential Tools for Testing Your Website's Usability. The Web Design Usability Series is supported by, an easy way to instantly share your screen with anyone. lets you collaborate on-the-fly, put your heads together super-fast and even just show off.

22 Essential Tools for Testing Your Website's Usability

A site's ease of use, or its usability, is an integral part of its success, especially with websites becoming more and more interactive, complex and packed with features. Table Of Special Characters - Unicode & ISO-8859. Have you ever wanted to send an email that includes foreign (French, German, Polish, etc) characters?

Table Of Special Characters - Unicode & ISO-8859

Most up to date email programs allow you to do this, but you have to know the correct codes to use. To enter a special character, hold down [ALT] key and type 0xxx, where xxx represents digits from following tables. This will also let you use special characters in Word documents, without the hassle of setting up special code pages and keyboards.

Box-shadow, one of CSS3′s best new features. Home / CSS3 Previews / Box-shadow, one of CSS3′s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset.

Box-shadow, one of CSS3′s best new features

Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix). Here’s a basic example: Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box. Maîtriser le positionnement absolu et relatif - - cous CSS - XHTML. Le présent chapitre est vraiment un casse-tête J'espère vraiment ne pas trop vous enquiquiner.

Introduction au positionnement CSS statique et relatif - - cous CSS - XHTML. L'un des avantages des CSS est la possibilité de réaliser des positionnements au pixel prés assez minutieux. Ceci dispense les designers de recourir à la méthode des tableaux sans quadrillage qui s'avère plus laborieuse. Understanding vertical-align, or "How (Not) To Vertically Center Content" A FAQ on various IRC channels I help out on is How do I vertically center my stuff inside this area?

Understanding vertical-align, or "How (Not) To Vertically Center Content"

This question is often followed by I'm using vertical-align:middle but it's not working! The problem here is three-fold: HTML layout traditionally was not designed to specify vertical behavior. The W3C Markup Validation Service. [Valid] Markup Validation of. How to capture enter key pressed in a form (JavaScript) - Barattalo. Online Web Tutorials. French stemming algorithm. Letters in French include the following accented forms,

French stemming algorithm

HTML Color Names. Display, vous connaissez ? - Alsacréations. La propriété CSS Display est un puissant outil souvent mal connu et dont les possibilités réelles sont rarement utilisées.

Display, vous connaissez ? - Alsacréations

Il faut avouer que Internet Explorer y est pour quelque chose... espérons qu'il se mette à la page, vu les horizons ouvertes par cette propriété. DHTML expand and collapse div menu. Cookies. Page last changed today See section 6G of the book.


This script was originally written by Scott Andrew. Copied and edited by permission. Comparison of Event Targets - MDC. This article is in need of a technical review. « DOM Reference Event targets It's easy to get confused about which target to examine when writing an event handler.

Comparison of Event Targets - MDC

This article should clarify the use of the target properties. There are 5 targets to consider: DOM events. Historically, like DOM, the event models used by various web browsers had some significant differences.

DOM events

This caused compatibility problems. To combat this, the event model was standardized by the W3C in DOM Level 2. Event compatibility tables. The other browsers should implement these events as soon as possible.

Event compatibility tables

They are in the spec. The spec is the thingy you should follow. So follow it! (Yes, I know I’m shouting, but I’ve been saying this since 2003 and nobody has ever paid my message the least attention ... well, Opera has done something, but it took fucking eight years.) Mouseover and mouseout also fire when the user mouses over or out of a child element of the element you registered the events on. Once these events are supported by all browsers, creating dropdown menus will become a walk in the park. Drag Operations - MDC. The following describes the steps that occur during a drag and drop operation.

The Draggable Attribute Within a web page, there are certain cases where a default drag behavior is used. These include text selections, images, and links. When an image or link is dragged, the URL of the image or link is set as the drag data, and a drag begins. For other elements, they must be part of a selection in order for a default drag to occur. In HTML, apart from the default behavior for images, links, and selections, no other elements are draggable by default. Event order. Page last changed today See section 7D of the book. Netscape 4 only supports event capturing, Explorer only supports event bubbling. GetData Method (clipboardData, dataTransfer, DataTransfer Constructor)

Syntax object.getData(format) Parameters format [in] Outil XHTML 1.1 Hiérarchie - La balise html, ses attributs, ses événements, son utilité et sa syntaxe. Structure de base du document XHTML 1.1 de base Utilité de la balise Cette balise sert à définir la totalité du document XHTML à l'exception de la déclaration DOCTYPE qui doit être la première ligne du document.

Type de balise block Induit un élément à générer une boîte de bloc principale, précédée et suivie d'un saut de ligne. Liste des attributs et événements. Javascript - Le mot-clé this. DOM nodes and tree. The DOM tree The following text is a snippet of HTML taken from a regular HTML document. <p title="The test paragraph">This is a sample of some <b>HTML you might<br>have</b> in your document</p> Making a transparent Gif with the free Paint.Net []

Initiation au centrage CSS. FAQ sur le HTML. De Memodev. Learn CSS Positioning in Ten Steps: position static relative absolute float. 1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set. 2. position:relative If you specify position:relative, then you can use top or bottom, and left or right to move the element relative to where it would normally occur in the document.