Links
State of HTML 2023 Survey
While web developers tend to focus on JavaScript and CSS, none of what we do would be possible without HTML acting as the foundation. It has long seemed like HTML wasn't evolving, but things may be changing. New elements like
<selectlist>
are on the horizon, cool new features like popovers, and a swath of related browser APIs (Web Components, PWAs, etc.).
Starfield’s Accessibility Problems
Starfield has a lot of computers to interact with: Ship controls, desktop terminals, and information kiosks. And they all have accessibility problems.
CSS Findings From The Threads App: Part 2
In late August, Meta released the full web experience for the Threads app. The previous web version was read-only. In this article, I will take another look and see if there are interesting things that I found along the way.
How Custom Property Values are Computed
Custom properties - aka “CSS variables” - seem fairly straightforward. However, there are some behaviors to be aware of regarding how the browser computes the final values. A misunderstanding of this process may lead to an unexpected or missing value and difficulty troubleshooting and resolving the issue.
Expanding Your Touch Targets
TL;DR Browsers kind of expand the tap target of elements and try to find the element the user intended to click. It works slightly differently in each browser, but the end result is roughly the same: Browsers assist users who are unable to click perfectly given the combination of their circumstances and abilities.
Videos
How to escape the container on only one side
Having something be full-width on a website isn't hard, and there are even some neat tricks to break out of a container for a full-width section of a site, but what about when you only want one side to go all the way to the edge? There are simpler ways to set this up, but in this video I look at how I like to do it because it’s incredibly versatile, and also gives us a good chance to learn more about custom properties, logical properties, grid, positioning, and more.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.