CSS et HTML / XHTML

Documentation

•  Tutoriel débutant sur l'utilisation des CSS
•  Tutoriel débutant sur l'utilisation des CSS et le XHTML
• Tutoriels et vidéos sur l'accessibilité (recommandations, W3C, WAI)  http://access-key.org/?page_id=12
• Alsacréations, aide aux webmasters pour créer des sites web grâce aux CSS et XHTML  http://css.alsacreations.com/
• Pompage.net, Articles sur XHTML CSS, traductions des normes W3C  http://pompage.net/
• Wizard de stylage de tableaux  http://www.somacon.com/p141.php
• Précisions sur les Text-Overflow  http://www.blakems.com/archives/000077.html
• Script JS pour faire des overlays d'images  http://www.huddletogether.com/projects/lightbox2/
• Générateur en ligne de boutons de type ,  http://tools.dynamicdrive.com/button/
• Faire des menus déroulants en CSS:  http://www.cssplay.co.uk/index.html (vérifier l'affichage selon les navigateurs)
• Effets de Transparence / Opacité pour IE & Firefox :  http://www.mandarindesign.com/opacity.html
• Comment trouver les styles CSS par défaut appliqués par firefox ?
•  http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/
•  http://www.websitedimensions.com/ (Il vous indiquera par exemple que si vous visez un public équipé essentiellement d'écrans en 1024x768, votre site doit être lisible en 989px par 548px.)
•  http://html5please.us/ (ce qu'on peut utiliser et moins utiliser en html, css, api, js)
•  http://caniuse.com/# (Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.)
•  http://www.noupe.com/css/useful-css-snippets-for-your-coding-arsenal.html (Useful CSS Snippets for Your Coding Arsenal)
•  http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ (très bonne technique pour faire des css conditionnelles)

Programmes et extensions

•  FireBug est une extension pour Firefox qui fournit plusieurs outils de développement web dont un debugger Javascript.
•  Web Developer est une extension pour Firefox qui facilite le développement de site web.
•  IE Tab est une extension pour Firefox qui permet à la page courante ou à un lien sélectionné d'être ouvert dans un onglet de Firefox avec le moteur d'Internet Explorer. Pratique pour comparer les rendus d'une sortie HTML.
•  View Source Chart permet d'afficher en pop up ou dans un onglet le code html d'une page avec un style plus convivial: chaque bloc, balise est refermable, indenté, et encapsulé dans un cadre à fond coloré.  Pour voir des exemples...