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. 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. User-centered design is all about building websites that fulfill the goals and desires of its users, and at the heart of this concept is that a user must be able interact with your website effectively. 22 Essential Tools for Testing Your Website's Usability
Have you ever wanted to send an email that includes foreign (French, German, Polish, etc) characters? 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. Table Of Special Characters - Unicode & ISO-8859 Table Of Special Characters - Unicode & ISO-8859
Box-shadow, one of CSS3′s best new features

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. 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 {*style:<i><b> Préparons le terrain pour le positionnement absolu et fixe </b></i>*} Maîtriser le positionnement absolu et relatif - - cous CSS - XHTML
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 et moins efficace. Introduction au positionnement CSS statique et relatif - - cous CSS - XHTML
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? 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. Understanding vertical-align, or "How (Not) To Vertically Center Content"
[Valid] Markup Validation of - W3C Markup Validator You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. [Valid] Markup Validation of - W3C Markup Validator
How to capture enter key pressed in a form (JavaScript) - Barattalo
French stemming algorithm French stemming algorithm Letters in French include the following accented forms, â à ç ë é ê è ï î ô û ù The following letters are vowels: a e i o u y â à ë é ê è ï î ô û ù Assume the word is in lower case.
Display, vous connaissez ? - Alsacréations 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. 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é. Sources et documentation :
DHTML expand and collapse div menu
Page last changed today See section 6G of the book. This script was originally written by Scott Andrew. Copied and edited by permission. This article has been translated into French JavaScript - Cookies

JavaScript - Cookies

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. This article should clarify the use of the target properties.
Historically, like DOM, the event models used by various web browsers had some significant differences. This caused compatibility problems. To combat this, the event model was standardized by the W3C in DOM Level 2. Events[edit] HTML events[edit] DOM events
Javascript - Event compatibility tables The other browsers should implement these events as soon as possible. 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.
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.
Javascript - Event order
getData Method (clipboardData, dataTransfer, DataTransfer Constructor)
Javascript - Le mot-clé this
DOM nodes and tree
Making a transparent Gif with the free Paint.Net []
Initiation au centrage CSS
FAQ sur le HTML