Don’t be shady, deploy your JavaScript source maps
Source code minification is beneficial, but the resulting obfuscation reduces trust and transparency. Source maps can help restore these and let people learn.
HTML
–
The difference between RDFa’s property and rel attributes
You can easily get unexpected HTML+RDFa Lite parsing results by unknowingly using it with RDFa Core attributes that just happens to also be HTML attributes.
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.
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.
Take precautions when linking to outdated or incorrect information
Take some simple precautions when referencing outdated, incorrect, or misinformation via a link. Label it for human and machine readers.
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
Learn the difference between dns-prefecth vs preconnect, how to work around browser bugs, and when to use which? iOS and Safari requires special attention.
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
Windows opened from your website can redirect the opening tab to a new destination. Mitigations break window.open() functionality like sizing and positioning.
Semantic markup improves the quality of machine-translated 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 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.
Browser support for <input type="number"> with different decimal marks
State of web browser support foe commas and periods as decimal marks in <input type="number">. Support is still limited.