A comprehensive guide on dynamically loading custom elements in web development, covering naming conventions, definitions, and handling dependencies effectively.
About:
HeydonWorks is a website created by Heydon Pickering, a web designer and developer known for his work in accessibility and inclusive design. The website features articles, resources, and tools related to web development and design.
Website:
Incoming Links:
Subscribe to RSS:
Misunderstandings about the 'super' keyword in JavaScript class-based custom elements are addressed, highlighting its effective use for inheritance and code maintenance.
0Accessible Rickrolling
2025-06-12 • web development writing inclusion
The text emphasizes the importance of good writing skills in creating accessible interfaces, and discusses the complexities of automated testing for good writing. It also explores the concept of parity in web accessibility, using ...
Hel is a three-axis variable font designed to look degraded and distorted, with fine-grained control over the letterforms' distortion. It includes contextual alternates and is suitable for disseminating anti-statist handbills and ...
The author discusses the importance of web accessibility and how to motivate colleagues to take responsibility for it. They emphasize the role of pride and shame in motivating developers and designers to prioritize accessibility i...
0Skune: A hand drawn variable font
2025-06-09 • glyphs graphic design
Skune is a variable font with hand-drawn glyphs and square-shaped counters. It is designed to have a jagged, frenetic appeal and works well for flyers and zines. The font comes with uppercase, numbers, punctuation, and symbols.
The author discusses the dilemma of using advertising to fund web content, despite their belief that it ruins the consumer experience. They explore alternative funding options, such as subscription models, but express concerns abo...
0The col element
2025-05-29 • web development accessibility html
The article discusses the <col> element and its use in HTML tables. It explains that the <col> element is used with <colgroup> to group columns together and the accessibility issues associated with it.
0The caption element
2025-05-20 • web development accessibility html
The article discusses the importance of captions and the <caption> element in HTML, and how it affects accessibility for screen reader users.
The article is about the author's use of markdown to produce markup and the complexities of the process. It is a meta discussion about the use of markup and markdown.
0The cite element
2025-04-30 • web development html authoring cite element
The article discusses the use of the cite element in HTML5 and its limitations. It also talks about the author's experience in writing an erotic novel and the challenges faced in using the cite element.
0The canvas element
2025-04-28 • web development website design html html elements
The article discusses the <canvas> element, its history, and its uses. The author emphasizes the importance of text and HTML in web design and explains the limitations and uses of the <canvas> element.
The article discusses the issue of Large Language Models (LLMs) consuming content from the open web without consent. It explores the challenges of blocking LLM-associated crawlers and proposes the idea of luring them into consumin...
0The br element
2024-11-12 •
The blog post discusses the <br> element in HTML and its usage. It explains the difference between a tag and an element, and the use of <br> in WYSIWYG editors. The author also shares a CSS code he wrote to hide all <br> elements....
0The button element
2024-11-04 •
The blog post discusses the significance of the <button> element in web accessibility and its misuse. It delves into the history of JavaScript and the evolution of light boxes, highlighting the prevalent use of faux link-buttons a...
0The body element
2024-10-31 •
The blog post discusses the structure of an HTML document and its elements, such as <head> and <body>. It also touches on the use of SVG elements within an HTML <body> tag and best practices for using headings within the <body>. T...
0The blockquote element
2024-10-14 •
The blog post discusses the use of the blockquote element in web design and its differences from physical magazines. It explains the history and semantics of the blockquote element, its use for pull quotes, and its accessibility i...
0The bdo element
2024-10-02 •
The blog post is a humorous and surreal take on the author's experience with writing an article about the <bdo> HTML element. The post includes a conversation with an unnamed visitor and ends with a note about the author's clothin...
0The bdi element
2024-09-30 •
The blog post discusses the bdi element in HTML and its use in isolating a set of characters to apply the Unicode Bidirectional Algorithm separately. The author reflects on not having used the <bdi> element in their work and the i...
0The b element
2024-09-28 •
The blog post discusses the HTML element <b>, its history, and its usage in HTML4 and HTML5. It explains the differences between the chemical element Boron and the HTML element <b>, and the change in meaning of the <b> element in ...
0The audio element
2024-09-10 •
The article discusses the history of the <audio> element in web development, comparing it to the <img> element and the use of Flash for audio embedding. It highlights the shift from proprietary plugins to standard technologies lik...
0The aside element
2024-08-28 •
The <aside> element is a sectioning element and a landmark. It is used to add accessible information about a web interface not provided by the underlying HTML. The role attribute is used to define the kind of element it’s attached...
0The article element
2024-08-19 •
The article discusses the <article> element in HTML5 and its purpose in defining thematic sections within a document. It explains the importance of structuring documents for accessibility and the limitations of the <article> eleme...
0The area element
2024-08-15 •
The article discusses the history of the <area> element in web design, and how it was used in the early 2000s. It also explains the challenges and benefits of using the <area> element, and how it compares to other methods of web d...