Visually hidden content is a hack that needs to be resolved, not enshrined | scottohara.me

Public
Quite A Strange.Website Indeed
Well now, seems you've found a strange and perhaps surprising website, indeed. As with all things, take and enjoy your time — after all, no one may but you.
you curse your foolishness for seeking the footer on a modern website, when you're certainly old enough (or perhaps young enough!) to have learned that websites no longer care to provide organized and useful information to their users, nor do they care for their users at all.
CSS Wrapped 2024
Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024.
How to start speaking at conferences • Josh W. Comeau
Speaking at conferences is equal parts exciting and terrifying. This article is a behind-the-scenes look at what the experience is like, and shares tips for getting started as a conference speaker.
Is it worth it?
Conference talks are a tremendous amount of work. For my React Europe 2018 talk, I estimate that I spent over 150 hours on the talk; it consumed my mornings and weekends for a couple months.
Assuming you make the median US software engineering salary of $104,000 a year, and put 150 hours of work into the talk, you’ve spent $7500 worth of your time getting it ready.
In addition, preparing a talk is a bumpy ride. There’s a bunch of stress along the way, a bunch of nights and weekends where you really don’t feel like working on it but do anyway, moments of crisis where you think your talk won’t work or isn’t interesting.
For all of that, conference talks tend to reach a surprisingly small audience. Most conference talks will be seen by a few hundred people live, and maybe another 1000 through the recording. Most of my blog posts get more views than that, and they take way less time to produce.
So on its face, the math doesn’t look favourable. Why spend so much time and energy on a conference presentation?
In my opinion, there are a few things that balance the scales:
While relatively few people will see a conference talk, it can be a very impactful way to deliver a message. A well-crafted talk can inspire and motivate someone far more effectively than a tweet or blog post! For example, CodeSandbox(opens in new tab) was created by Ives Van Hoorne(opens in new tab) after attending React Europe, and he credits(opens in new tab) the conference with making him determined to build it!
You get to hang out with the other speakers. In many cases, these are the authors of the tools you use every day, or people whose work has inspired you for years.
It’s a tremendous way to make new friends who share your interests. After a conference talk, expect tons of folks to come up and ask pertinent follow-ups, or share some of the interesting things they’ve been doing.
Speaking at a conference makes people think that you’re a Real Expert™. It lends authority to what you’re saying. It can help you in your career for years to come.
It’s an experience. It’s a memory that you’ll have for the rest of your life, a Youtube video you’ll be able to watch when you're older. It’s a heck of a thing!
An update in 2020
I originally published this blog post in mid-2018. It's 2 years later, and I thought I'd include some additional things I've learned in the interim.
Don't overcommit yourself. I've found that the sweet spot for me is to prepare 1 conference talk a year, and maybe present it 2-4 times. I will never prepare multiple conference talks a year again, it takes too much time.
"Re-use" content across multiple mediums. That conference talk you created would probably make an excellent blog post or tutorial! You've already done the work of researching and preparing and creating demos; there's more juice to be squeezed out of that orange!
Research the conferences before applying to them. Do they have a track record of shady practices? Are they doing work to ensure that the speaker lineup is diverse? In a very real way, the speakers represent the conference. Make sure it's an organization you feel comfortable representing.
Aside from those points, my overall viewpoint hasn't changed much. Conference talks are a ton of work, but they're also very rewarding. I'd encourage anybody who is interested in it to give it a shot!
Miriam Suzanne – Hints and Suggestions: The Design of Web Design – beyond tellerrand Berlin 2024
Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most realistic lush frosted glass anywhere on the internet.
If Not React, Then What? - Infrequently Noted
Frameworkism is now the dominant creed of today's frontend discourse, and it's bullshit. We owe it to ourselves and to our users to reject dogma and embrace engineering as a discipline that strives to serve users first and foremost.
A Framework for Evaluating Browser Support • Josh W. Comeau
Lots of exciting new features have been landing in CSS recently, and it can be tough trying to figure out if they’re safe to use or not. We might know that a feature is available for 92% of users, but is that sufficient? Where do we draw the line? In this blog post, I’ll share the framework I use for deciding whether or not to use a modern CSS feature
Why Can't We Make Simple Software? - Peter van Hardenberg
Find out more about Handmade Cities at: https://handmadecities.com/
Discover meetups in your area: https://handmadecities.com/meetups
Watch previous talks, demos, and more anytime at: https://handmadecities.com/media
Peter: https://www.pvh.ca/
https://twitter.com/pvh
Yes, progressive enhancement is a fucking moral argument
I rolled my eyes when I saw this post circulate around the webosphere. I knew it was clickbait, but I clicked it and read it, because what else is a whiney SJW feminist fuck meant to do while she’s drinking her coffee in the morning? But then, as I scanned the page, I realised what deeper level of fucked-up-ness it represents. But let me back up and explain this. First of all, the article by @joshkoor revolves around the central notion that bringing Progressive Enhancement (PE from now on) into our work is a burden on the modern web developer. You see, any site should be able to be rendered 100% in javascript, and that’s okay. Because the modern user has javascript, and expecting javascript to not be available is just plain pig-headedness. Those whiny PE proponents are making a moral case for PE, rather than taking a utilitarian and path-of-least-resistance approach.
Carving your space
Doing the work you love is hard when teams don't hire for it.
a11y-syntax-highlighting has been updated
Code syntax highlighting themes need to meet minimum color contrast values.
Semi-Annual Reminder to Learn and Hire for Web Standards
Browser support at Clearleft
Clearleft’s approach to browser support in front-end development.
In detail: 1.4.11 Non-Text Contrast (User Interface Components) · Eric Eggert
The Web Content Accessibility Guideline’s (WCAG) Success Criterion 1.4.11 Non-Text Contrast is one of the harder to understand requirements. Here’s a deep-dive into the details of it, including practical examples, concerning only its “User Interface Components” section.
The deskilling of web dev is harming the product but, more importantly, it's damaging our health – this is why burnout happens
Even before the web developer job market became as dire as it is today, I was regularly seeing developers burn out and leave the industry. Some left for good; some only temporarily.
Exploring the Human Mind with Hotdogs
I think about this a lot in relation to design systems, accessibility, and other related topics where it’s required that there is shared understanding.
The VR design paradox
Maybe Don’t Name That Landmark
Death by Experience · Jens Oliver Meiert
It’s possible to hire too much experience, and it costs diversity and culture.
InstAI
I object.
contrast-color() is a good thing, but also solving the problem at the wrong layer
Browsers are a failure of imagination.
On compliance vs readability: Generating text colors with CSS • Lea Verou
Accessible QR Codes – The Ultimate Guide | Axess Lab
At this student encampment, Deaf protesters built a model for accessibility
Deaf pro-Palestine students joined their hearing peers at the now-cleared George Washington University encampment. Volunteer interpreters made that multilingual organizing possible.
Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.
Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!
CSS :has(), the God Selector –Bruce Lawson's personal site
» CSS :has(), the God Selector
I’ll have a kilo of whatever goes in the Igalia bong.
HTML, CSS and our vanishing industry entry points
If we make it so that you have to understand programming to even start, then we take something open and enabling, and place it back in the hands of those who are already privileged.
Baseline progressive enhancement
If a browser feature can be used as a progressive enhancement, you don’t have to wait for all browsers to support it.
Manifesto for a Humane Web
We need to build a better web. A web by and for humans.