Make native lazy-loading images load more eagerly
A tutorial on how to load native lazy-loading images earlier in Safari and Firefox. Speed up page loading while keeping visitors from seeing loading images.
HTML
Everything you need to know about Night mode in Samsung Internet
Night mode in Samsung browser explained. How it breaks page contrast and accessibility, pastelify SVG colors, and why web developers can’t do anything about it.
Inconsistent user-experiences with native lazy-loading images
The various web browsers focus on different priorities and user experience trade-offs in their lazy-loading image implementations.
Smarter reusable IPFS chunks from HTML documents
IPFS splits files into chunks. Smarter splitting points in HTML files can create more reusable/deduplicatd chunks with higher availability.
How to use AddToAny as a fallback for the Web Share API
AddToAny offers privacy-by-default content-sharing and is well-suited as a light-weight falback to the native Web Share API.
What to <link rel=dns-prefetch> and when to use preconnect
I’ve explored a number of web browser quirks with <link rel="dns-prefetch"> and compare it to rel="preconnect".
Optimize your <head> metadata for better compression
Reduce the file size of compressed webpages by optimizing the order of <meta> and <link> elements in the document <head> section.
Mitigate “tabnabbing” without breaking window.open() features
New windows opened from your website can redirect the opener tab to a new destination. Applying mitigations break window.open() functionality like sizing and positioning in Google Chrome.
Semantic markup improves the quality of machine-translated technical texts
Text-level semantic HTML can improve machine-translation of texts containing program names, programming instructions, file paths, URIs, etc.
URLs don’t belong in <meta> elements
Why the <link> element, a metadata element for link type data, is better suited for links than the more generic <meta> element.
HTML5 parsed as 4 with uppercase DOCTYPE in HTML Tidy
HTML5 documents could end up being parsed as legacy HTML4 documents in HTML Tidy (libtidy) depending on the DOCTYPE casing.
PHP HTML Tidy ironically doesn’t tidy up after itself
The ob_tidyhandler handler from the PHP libtidy extension mistakenly enables the tidy.clean_output option persistently.
Web Reading Mode: Title, author, and date metadata extraction
How do browser reading modes detect metadata like the article title, publication date, and author?
Web Reading Mode: Determining the main page content
How do browser reading modes determine what is the main page content?
About the <å> element
What’s the meaning behind the mysterious <å> element as seen here on Ctrl blog?
Why are Facebook and Twitter so bad at parsing RDFa metadata?
Social networks are some of the web’s largest consumers of RDFa metadata. Yet, their document parsers really suck at handling it.
BriskBard engine: A new web layout engine for Windows
BriskBard is a new proprietary web layout engine with a near-perfect Acid2-test score. Can it reignite the web browser engine wars?
Provide great icons for web apps in GNOME Web (Epiphany)
Get the details on how GNMOE Web (formerly Epiphany) uses favicons and other website assets when installing websites as web apps on the Linux desktop.
Set a ordered list offset with <ol start="2">
How to start an <ol> list element from a different start number than one.
HTML5 <input type="number"> with comma and period as decimal marks
How to get different web browsers to handle commas and periods as decimal marks in <input type="number">. State of web browser support is still limited.