Florian Thoma

@innoweb
3 Followers
60 Following
18 Posts
#silverstripe, #laravel, #seo, #a11y, #webperf, #webdevelopment
Florian ThomaApr 22
Scott JehlApr 7
How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today. Part 2 of my Squarespace Engineering blog series on the topic. Please enjoy! https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today
How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today — Squarespace Engineering Blog

HTML video and audio lazy loading is now a web standard and quickly gaining support in all major browsers. Given Squarespace’s role in proposing and implementing it, we’re very excited to see how developers use it on the web. Let’s cover some best practices for using video and audio lazy loading in

Squarespace Engineering Blog
Florian ThomaApr 22
Scott JehlApr 22
Looking into this one next and just left a comment with design plans/decisions as we look to nudge it along into potential reality. https://github.com/whatwg/html/issues/10378#issuecomment-4297579999
Florian ThomaApr 21

WebPageTest used to be the gold standard for deep, transparent performance testing. Since being folded into Catchpoint, it’s become harder to use, less focused, and increasingly shaped by enterprise priorities rather than developer needs.

I wrote about what’s changed and why it matters for anyone who cares about real diagnostics.

https://www.innoweb.com.au/blog/the-slow-demise-of-webpagetest

#WebPerf #WebDev

The Decline of WebPageTest After the Catchpoint Era

WebPageTest has lost the clarity and developer focus that once made it indispensable, fading into Catchpoint’s enterprise ecosystem and a less usable interface.

Web Development Sydney - Innoweb
Florian ThomaApr 14

A recent chat about mobile UX pushed me to finally write down my thoughts on the hamburger menu.
Spoiler: we can do better.

Here are some modern patterns that improve discoverability and reduce friction: Priority+, tab bars, horizontal scrolling, combo menus, and more.

Full article:
https://www.innoweb.com.au/blog/beyond-the-hamburger-better-mobile-menu-patterns-for-modern-websites

Beyond the Hamburger: Better Mobile Menu Patterns for Modern Websites - Web Development Sydney - Innoweb

For more than a decade, the hamburger icon has been the default answer to one of responsive design’s biggest challenges: how do you fit a full website navigation into a tiny mobile screen without overwhelming the user? The hamburger icon has become popular because it solves a layout problem, not…

Web Development Sydney - Innoweb
Florian ThomaMar 31

Every website has different needs; so no single CMS or framework is the “right” answer every time.

I’ve written a practical guide to help you choose the best platform based on the type of site you’re building.

https://www.innoweb.com.au/blog/how-to-choose-the-right-cms-or-framework-for-your-website

#WebDevelopment #CMS #Silverstripe #Laravel #Shopify

How to Choose the Right Platform for Your Website

Not sure which platform your website needs? Explore our decision tree for the most common project types, covering Silverstripe, Laravel, Shopify and static site options.

Web Development Sydney - Innoweb
Florian ThomaMar 3

“How much does a website cost?”

The real answer: it depends.

Websites aren’t products with a barcode. They’re shaped by your goals, systems, audience, integrations, and the realities of change during a project.

I’ve written about why fixed‑price quotes often create false certainty, and why adaptive pricing leads to better outcomes.

https://www.innoweb.com.au/blog/how-long-is-a-piece-of-string-the-reality-of-website-pricing

#WebDev #webdevelopment #WebDesign #DigitalStrategy

How Much Does a Website Cost? Why Fixed Prices Don’t Work

Web project pricing isn’t one-size-fits-all. Learn why we estimate based on your real needs, not arbitrary numbers.

Web Development Sydney - Innoweb
Florian ThomaFeb 6
Sara SoueidanFeb 5

"Exclusion happens when we solve problems using our own biases. We seek out exclusions, and use them as opportunities to create new and better experiences." ♥️

— The New Inclusive Design website from Microsoft
https://inclusive.microsoft.design

Microsoft Inclusive Design

Microsoft Inclusive Design is a practice that anyone who creates and manages products and services can use to build more inclusive experiences for everyone. Get the principles, guidebooks, workshop tools, videos, and many more free resources.

Florian ThomaFeb 6
Lea Verou, PhDFeb 5
Good news everyone: Style queries are coming to Firefox, making them finally Baseline!
Florian ThomaFeb 6
Show threadMia (web luddite)Feb 5

The at-rule has to query a parent element, but the eventual inline if(style()) combo doesn't have that limitation.

background: if(
style(--progress > 80%): green;
else: red
);

More from @Una here: https://una.im/range-style-queries/

una.im | Range Syntax for Style Queries

Learn how to use the new range syntax for CSS style queries and the if() function.

Florian ThomaFeb 4

Semantic HTML is more than clean code. It strengthens SEO, improves accessibility, and creates a clearer structure for both users and search engines.
I’ve published a short article on why semantic elements matter and how they support inclusive, high‑performing websites. Read it here:
https://www.innoweb.com.au/blog/the-role-of-semantic-html-in-seo-and-accessibility

#WebDev #HTML #Accessibility #SEO #a11y #SemanticHTML

The Role of Semantic HTML in SEO and Accessibility - Web Development Sydney - Innoweb

Semantic HTML is the foundation of a web that is both discoverable and inclusive, and bridges the gap between technical optimisation and human-centred design.

Web Development Sydney - Innoweb