~frontendfocus | Bookmarks (255)

How Should <selectedoption> Work? — A new HTML element! We’re getting a way to style and customize <select> elements in certain situations, via <selectedoption>. But there are concerns on sync and state issues, and Jake seeks feedback on the practicalities of the intended behavior.

So, Your CMS Blew Up. Any Decent WordPress Alternatives Out There? — No matter which side of the debate you find yourself, I think it’s fair to say the mess with WordPress has been universally frustrating in some way or another. As such, Ernie — in his typical engaging style — outlines some CMS alternatives that you may at least have on your radar if...

Prompt, Run, Edit, and Deploy Full-Stack Web Apps with bolt.new — StackBlitz recently released in-browser AI web development agent: bolt.new! Give it a try today.

Announcing Gitpod Flex — Gitpod Flex automates your full dev environment—yes, including tools and secrets. Speed up work, boost productivity, and collaborate securely with zero-trust security whether coding locally, in the cloud, or on-prem.

'I’ve Been Doing Blockquotes Wrong' — If you skipped past HTML for People above because you’re an HTML expert, Michelle’s moment of reflection around the blockquote element might make you pause for thought. HTML is hard, she notes, not least because it’s both easy and relatively safe to write bad HTML (unlike with bad JavaScript).

An Abridged History of Safari Showstoppers — The ‘receipts’ to prove that Safari on iOS is “an inconvenience for developers” and “the fundamental reason interoperability has been stymied in mobile ecosystems”. Uh-oh, we're getting flashbacks to the IE6 days..

Why GOV.UK’s 'Exit This Page' Component Doesn’t Use the 'Escape' Key — The considerations behind a relatively straightforward component: a big red button that sticks to the top of the screen. If you click it, you’re quickly taken away from the page you’re viewing to something inconspicuous.

WordPress Drama Explained (and How it May Affect Your Site) — Yep, this is still a thing. In fact, #wpdrama is trending on X as we write. Beyond some mud slinging (and disappearing blog posts), the biggest news is likely the forced removal of the Advanced Custom Fields plugin from the WordPress directory.

▶  Drawing a Clay Character with CSS — A roughly 15 minute video tutorial that touches upon CSS positioning, masks, clip-path, custom properties, and more. The source code / demo is on Codepen.

.io Domain Likely Being Phased-out? Seven Suggested Steps — I’m still not wholly convinced this will actually happen (wishful thinking?), but it’s still a good idea to be prepared for that possible eventuality.

Creating Blogs with Astro — How to use the popular Astro content site framework to create a full-featured blog.

Build a Static RSS Reader to Fight Your Inner FOMO — A look at creating a basic daily updating RSS feed reader with Astro.

Motion Canvas: Create Dynamic Canvas-Rendered Animations — There’s two parts. A library where you use generator functions to procedurally define animations, and an editor that provides a real-time preview of said animations which you can see in action here.

fast-grid: The 'World's Most Performant' DOM-Based Web Table — A bold claim for sure, but you can see for yourself using the online demo, which lets you filter, sort, and scroll simultaneously for a true test.

AuthKit: The World’s Best Login Box — Powered by WorkOS & Radix — AuthKit is a complete solution for authentication, authorization, and user management. It’s free up to 1 million MAUs and comes standard with RBAC, bot protection, MFA, and more.

balloons-js: An Animated Balloons Effect for Your Site — Try it here. Definitely needs a plugin that lets you “pop” the balloons with mouse clicks!

STDF: Mobile Web Component Library Built with Svelte & Tailwind — Based on the standard Web Components API and includes various components for layout, navigation, data-based, info display, feedback, and some other typical options.

Color Thief: Grab Color Palettes from Images in JavaScript — Given an image, this uses canvas to return a list of the dominant colors.

On the Web, and Optimism — “I feel we’ve perhaps learned some painful lessons, become less naive. And on this more realistic foundation, there’s a chance to build things differently this time”.

The Proposed Interop 2025 Focus Areas — A few weeks back we mentioned how ideas and proposals were being sought for Interop 2025. You can now look over all of the ideas put forward, share your feedback, and upvote those you like the look of. Here's how the full proposal selection process works, with the chosen priorities announced next February.

HTML for People — An approachable, friendly set of teachings around creating HTML pages, going from the basics, to adding style, getting things online, and exploring reusable components too. It’s a well presented, understandable starter guide of sorts — a good one to share with any beginner.

Uh-oh, .io? The Disappearance of an Internet Domain? — The British government recently announced it was transferring sovereignty of the Chagos Islands to Mauritius. But how can geopolitics alter digital infrastructure? The decision may result in the loss of one of the tech and gaming industry’s much-loved (though problematic) top-level domains: .io.

Debugging a Slack Integration with Sentry’s Trace View — Read how our engineers used Sentry on Sentry to fix a Slack integration issue, improving the overall user experience.

"Automattic is Doing Open Source Dirty" — DHH (of Ruby on Rails fame) chimes in on the ongoing WordPress saga, which seems to show no sign of abating soon. He states a concern “about the integrity of open source licenses”, adding that such “integrity is under direct assault by Automattic’s grotesque claim for WP Engine’s revenues”. Matt Mullenweg of WordPress replied on X.