FAQ: irt.org
W3 Schools list of tags↑
character set
Tutorial: html.com
Quizzes: html parser quiz
Support overview: QuirksMode, Can I use
Checkers: W3C HTML Validation, HTMLHint, W3C CSS Validation
personal notes
CSS
- specification
- zvon tutorial
- w3school tutorial
- Selector tutorial
- Translations from HTML to CSS🚫
- Scalable and Modular Architecture for CSS
- CSS1: specification
- CSSP: specification
- CSS2: specification, zvon tutorial, zvon reference, cheat sheet
- personal notes
XHTML
- specification
- XHTML 1.0 Transitional Reference
- XHTML 1.0 Strict Reference
- XHTML 1.0 Frameset Reference
- personal notes
- Comparison of Strict and Transitional XHTML
Articles and videos
- Introduction to Cross-Browser, Cross-Platform, Backwardly Compatible JavaScript and Dynamic HTML by and (1998) ► This a good starting point for learning to write cross-browser HTML pages.
- How To Use Text Over Images with HTML by (2010) ► The title says it all.
- A Look at HTML Minification for Amazon🚫 by (February 25th, 2010) ► An analysis of the results of Page Speed, a HTML minifier.
- Thinking XML: The XML flavor of HTML5 — 6 recommendations for developers using the next generation of the web's native language🗑️ by (July 8th, 2010) ► The tricks necessary to be able to use an XML serialisation of HTML5.
-
CSS Quick Tip: How to prevent a "float drop" in IE6🗑️ by (October 28th, 2010) ► A workaround to IE6 not constraining the containers to their defined
width. - CSS Quick Tip: CSS Arrows and Shapes Without Markup🗑️ by (November 22nd, 2010) ► Creating boxes with an arrow by using only CSS.
-
Web Developer Class: HTML5 Geolocation by (December 2010) ► A good short presentation of
navigator.geolocation.getCurrentPosition()andnavigator.geolocation.watchPosition(). -
HTML5 Forms: How To Use The New Email, URL, and Telephone Input Types by (2011) ► Using
email,urlandtel<INPUT>’s types. - Web Developer Basics: Differences Between HTML4 And HTML5 by (January 2011) ► The title is much more ambitious than the article content: the user speaks here only about not using anymore tables for layout and about the removal of some tags (including frames).
- Kick-start your web development with HTML5 Boilerplate🗑️ by (February 8th, 2011) ► A shot introduction to HTML5 Boilerplate.
- HTML5 Boilerplate Walkthrough by (March 20th, 2011) ► The title says it all.
-
HTML5, CSS3, and DOM Performance by (April 22nd, 2011) ► What triggers reflows, hardware accelerated CSS,
requestAnimationFrame(), Web Workers, jsPerf (a site comparing the performance of different JavaScript snippets), and HTML5 Boilerplate.(The slides are available here🚫.) -
New HTML5 structural tags — Clearly define your content blocks🗑️ by (May 31st, 2011) ► A short history of HTML and a quick description of
header,section,article,aside,footer, andnav. -
HTML Input Number: Explore Number & Range Input Types by (October 13th, 2011) ► Using
numberandrange<INPUT>’s types. - HTML5 : structure globale du document by (January 30th, 2012) ► The title says it all.
- HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav by (February 3rd, 2012) ► Similar information about the document structure tags introduced by HTML 5.
- Idempotent HTTP by (June 2nd, 2013) ► Idempotency rules must be used when choosing a HTTP verb for a request.
- Hello Polymer by , , and (July 16th, 2013) ► An overview of the framework, a short demo, and some Qs & As.
- Setting up Bower and Polymer by (March 29th, 2014) ► A presentation on how to install Bower and Polymer, and a very quick introduction to Polymer.
- Building Web Applications…in the Future!🚫 by (May 30th, 2014) ► Too much stuff for such a short presentation: ECMAScript 6, shadow DOM, native templates, and custom elements.
-
Templating in HTML by (September 30th, 2022) ► A presentation of
<template>. - Tree views in CSS by (November 8th, 2022) ► How to create a collapsible tree with HTML and CSS, but no JavaScript.
- Relatively New Things You Should Know about HTML Heading Into 2025 by (January 6th, 2025) ► A description of some new HTML features.
- Styling an HTML dialog modal to take the full height of the viewport by (March 14th, 2025) ► The title says it all.
- Le HTML sémantique : coder pour les humains avant tout by (May 14th, 2025) ► Why it is better to use semantic HTML tags.
- CR React Paris 2025 : "I can't believe it's not JavaScript!" by (May 23rd, 2025) ► Implmeenting a theme switcher, an accordion, a modal dialog, and a scroll-triggered animation using only HTML and CSS.
- CSS Minecraft by (May 26th, 2025) ► Yet another demo of what can be done with HTML and CSS only.
-
HTML5 fundamentals
-
HTML5 fundamentals, Part 1: Getting your feet wet🗑️ by (May 24th, 2011) ► A presentation of the new structural tags:
<header>,<footer>,<nav>,<section>,<article>,<aside>… - ↪HTML5 fundamentals, Part 2: Organizing inputs — Interacting with your visitor🗑️ by (May 31st, 2011) ► The new tags and attributes for defining forms.
- ↪HTML5 fundamentals, Part 3: The power of HTML5 APIs — Managing communication🗑️ by (June 7th, 2011) ► A short presentation of the Geolocation and Web Worker APIs.
-
↪HTML5 fundamentals, Part 4: The final touch — The canvas🗑️ by (July 5th, 2011) ► An overview of
canvas: drawings, transformations, gradients, croppings, and animations.
-
HTML5 fundamentals, Part 1: Getting your feet wet🗑️ by (May 24th, 2011) ► A presentation of the new structural tags:
-
Custom data attributes
- HTML 5 data- Attributes by (July 13th, 2008) ► The title says it all.
-
DOM-based data storage and retrieval using jQuery🗑️ by (February 22nd, 2011) ► A description of the
.data()method.
-
<canvas>-
Web Developer Basics: Using The HTML5 Canvas Element🚫 by (January 2011) ► A basic but clear presentation of
<canvas>. - Create great graphics with the HTML5 canvas — New features help you create from simple figures to awesome animation🗑️ by (February 8th, 2011) ► A more detailed presentation.
- Handling user input in HTML5 Canvas-based games — Capture keyboard, mouse, and touch events for game development by (July 24th, 2012) ► How to handle keyboard, mouse and touch events; how to disable the default browser behaviour; how to dispatch events to game objects;…
-
Complement canvas with HTML markup, Part 1: Blend the canvas API and HTML/CSS model — Hybrids that yield the best of both worlds🗑️ by and (August 7th, 2012) ► Comparison of HTML and
canvasand different ways to combine both. -
↪Complement canvas with HTML markup, Part 2: Animation and text rendering — Overcome obstacles with layering🗑️ by and (August 28th, 2012) ► How to display text in a
canvas. -
HTML5 components: Ad-hoc components, Part 1 — Gain an understanding of the HTML5 component model and begin implementing ad-hoc components🗑️ by (February 19th, 2013) ► Implementing a slider component, using
canvas. - ↪HTML5 components: Ad-hoc components, Part 2 — Supporting event listeners, animating elements with CSS3, and injecting content into the DOM🗑️ by (May 7th, 2013) ► This is the continuation of the previous article, The title says it all.
-
Web Developer Basics: Using The HTML5 Canvas Element🚫 by (January 2011) ► A basic but clear presentation of
-
CSS
- How To Create Custom Select Menus with CSS by (December 2010) ► A dirty trick to have a customised select menu.
- The CSS Position Property🗑️ by (December 14th, 2010) ► The possible values of the Position Property and their effects.
- Create CSS3 Animations With No Mouse Interactions by (2011) ► A short presentation of the animation CSS properties.
- CSS3 Preview: Tables and Grids↓ by (July 20th, 2011) ► An unclear description of the future grid system.
- Lea Verou | CSS3 Secrets: 10 things you might not know about CSS3 | Fronteers 2011🚫 by (October 6th, 2011) ► CSS tricks.
- How To Use CSS3 for Menu Transitions and Animations by (2012) ► Some example of CSS animations.
- Learn CSS3 From A - Z: 2D Transformations by (March 2012) ► The 2D transformations: skew, scale, and rotate.
-
Use CSS media queries to create responsive websites — One design for all screen sizes🗑️ by (October 23rd, 2012) ► The
@mediarule: width, height, orientation, boolean operators… - Lea Verou, "More CSS Secrets: Another 10 things you may not know about CSS" at W3Conf 2013 by (February 21st, 2013) ► More CSS tricks and hacks.
- Improve CSS development with Sass — Incorporate programming flexibility and features🗑️ by (May 28th, 2013) ► A short presentation of SASS.
- Pure🗑️ (May 30th, 2013) ► The YUI team has extracted the CSS of YUI to put it in a CSS library: Pure.
- CSS: reset or normalize?🚫 by (June 3rd, 2013) ► CSS Reset (YUI CSS Reset, Meyer Reset) vs. CSS normalisation (Normalize.css).
- Do more in CSS with LESS — Simplify the writing and maintenance of responsive design styles for modern web pages🗑️ by (July 18th, 2013) ► A short presentation of LESS.
- Flexbox in 30 Minutes🚫 by (April 25th, 2014) ► The title says it all.
- Apprentice Blog of the Week: Isolate CSS by (October 7th, 2014) ► Using SASS to encapsulate and abstract a CSS framework.
- Transitioning to SCSS at Scale by (February 2nd, 2015) ► Some experience feedback on moving a large code base from CSS to SCSS.
- CSS3 Trends for 2017 by (January 2nd, 2017) ► Some short personal opinion about the new look of Web sites.
-
Font-display🚫 by (January 3rd, 2018) ► A description of the
Font-displaydescriptor. - Tailwind versus BEM by (October 29th, 2020) ► Some opinion about Tailwinf and BEM, but there is no introduction about them, so you have you already know them before reading this.
- Yes, I can connect to a DB in CSS by (February 3rd, 2022) ► As written by the author: a quality shitpost project.
- OKLCH in CSS: why we moved from RGB and HSL by and (October 25th, 2022) ► A description of CSS Color 4’s support of Oklab.
-
History
-
XHTML 2.0: The Latest Trick by (August 7th, 2002) ► The new XHTML features: navigation list,
hrefis attribute of everything, sections… - The Web's future: XHTML 2.0 — A sneak peek at the changes by (September 2002) ► Yet another article about the XHTML draft. This one is slightly more detailed.
- Browser Boom by (July 14th, 2004) ► The new directions pushed by Web browsers (Mozilla, Opera, Safari) and the W3C interests are diverging.
- HTML V5 and XHTML V2 — Two competing standards coexist🗑️ by (November 20th, 2007) ► The evolution of HTML and XHTML results into two diverging standards. The author explains the rational and the changes in each.
- YUI Theater — Brad Neuberg: “Introduction to HTML5″🗑️ (⧉) by (October 2009) ► A description of some HTML5 features and their support in Browsers: canvas, SVG, video, geolocation, AppCache and workers.
- Video: Philippe Le Hégaret — The Next Open Web Platform🚫 (⧉) by (February 2010) ► Another similar HTML5 presentation.
- Growing pains afflict HTML5 standardization — Emotional disagreements between two groups are disrupting the creation of the high-profile standard at the heart of the next-generation Web. by (June 28th, 2010) ► The writing of the HTML 5 standard is not going smoothly between WHATWG, in particular , and W3C.
- Video: Tantek Çelik — HTML5: Right Here, Right Now🚫 (⧉) by (November 10th, 2010) ► The current status of HTML 5 implementations: features that can be safely used, features that are more or less usable, awkward features…
-
XHTML 2.0: The Latest Trick by (August 7th, 2002) ► The new XHTML features: navigation list,