FrontEnd Engineering Explained - ShadowDOM, Transforms, CommandFor And The Matrix


FrontEnd Engineering Explained

Declarative ShadowDOM Explained

video preview​

Welcome to the third edition of FrontEnd Engineering Explained for 2025. I want to start by saying thank you to the new subscribers, those who took the time to read the last edition, and to everyone who shared the newsletter on the web. I truly appreciate it.

This edition is packed to the brim with links from around the web, some great podcast episodes, open-source tools, some interesting design tools, and interesting finds in the world of our artificial friends. I even have a few job opportunities you might want to check out.

​Curiosity, Collaboration, and Innovation At Any Scale​

I have always felt that fostering an open-source culture within companies and teams has great power. The creativity and opportunities for collaboration that stem from this are valuable in building strong team dynamics.

In addition, unique, well-executed projects can set your agency or team apart in a crowded marketβ€”especially if these projects are later shared with the broader community. Dive in as I discuss the pros and cons and share some tools and resources that can help you, your company, or your team embrace an internal open-source culture to foster curiosity, collaboration, and innovation.

​Part Six: Building a Profile Page with HTML and CSS: A form, A Dialog, and Netlify​

In the almost final part of the series, we will add a contact form to our profile page, use an HTML dialog to display our form, deploy our page using Netlify, set up continuous deployment through Netlify, and set up Netlify Forms to handle form submissions.

​CSS Transforms and the Matrix​

In this post, I take a deep dive into the CSS transform matrix, and how it relates to the individual CSS transform properties, look at the hidden powers of the CSS transform function forms, and encounter a dragon or two.

If you find value in the work I do and want to support the future of the newsletter, my writing, and education, please consider a subscription on Patreon or buy me a coffee - I β™₯️ coffee 😁

In My LinkStack

That is enough about me, let's see what I have in my LinkStack. Warning! There is a lot here so hold tight and do not feel like you have to click and read them all, I haven't yet 😁

​Tech continues to be political - Miriam Suzanne​

Being β€œin tech” in 2025 is depressing, and if I’m going to stick around, I need to remember why I’m here.

The command and commandFor attributes have been merged into the HTML specification, learn all you need to know for this welcome addition to the web platform.

video preview​

Do you have some links you want me to include in the next edition? Reach out on Mastodon or Bluesky.

From My Ears To Yours

Podcast episodes I have enjoyed and possibly shared elsewhere.

MakerBench

A shameless plug for MakerBench (used to be DeveloperToolchest). If you have any tools you use frequently, please add them to the bench.

Artificial Friends

Work Opportunities

And that is it for this one. Until the next one, keep rocking the open web.

Pretoria, Gauteng, South Africa, 0182
​Unsubscribe Β· Preferences​

Frontend Engineering Explained

FrontEnd Engineering Explained is a bi-weekly (every two weeks 😁) newsletter read by 200+ subscribers and includes, one frontend engineering topic explained, links to some of the posts I wrote, valuable and interesting frontend related reads of the last two weeks, podcast recommendations, tools, open source projects, and occasionally even some job opportunities. The author: Schalk Neethling is a passionate front-end engineer, podcast host, mentor, and open web and web accessibility evangelist.

Read more from Frontend Engineering Explained
A cartoon cat in space with the words TechCats. The cats of people who make websites.

Frontend Engineering Explained Mountains are shrouded in thick, blue clouds. Explained: The Mysterious HTML Dialog Sizing Case Hello internet friends! πŸ‘‹ I sincerely hope you all are having a decent time on this beautiful planet. I will be honest and say this newsletter was a little rushed and might even be a little late, but hey, better late than never. 😁 What if... A little bit of a philosophical piece if you will. What if we embraced authenticity, took creative risks, and lived deliberately...

A spider web covered in white flowers in the dark

FrontEnd Engineering Explained A spider web covered in white flowers in the dark JavaScript Event Listeners Explained If you find value in the work I do and want to support the future of the newsletter, my writing, and my teaching, please consider a subscription on Patreon or buy me a coffee - I β™₯️ coffee 😁 In My LinkStack That is enough about me; let's see what I have in my LinkStack. Is the button focusable? - Manuel MatuzoviΔ‡ How much traffic can a pre-rendered Next.js site really handle?...

A view of a snow covered mountain through some trees

Frontend Engineering Explained A view of a snow-covered mountain through some trees Heya! Welcome to the second edition of the Frontend Engineering Explained newsletter of 2025. The world is still looney and so, now more than ever, it is our responsibility to be steadfast and stand up for what we believe to be good. It is not the time to stay quiet but, adding more fuel to the fire will also not help. We must therefore find ways to protest silently and show who we are through our actions. And...