Senior Full-stack Engineer that designs, develops, and deploys websites | Web #a11y, #CSS, #JavaScript, #Ruby, Design Systems
New Haven, CT
Joined February 2012
- Tweets36.4K
- Following1.4K
- Followers1.5K
- Likes5.4K
Max Antonucci retweeted
Look at that greeeen! CSS size container queries are supported in all stable browsers 😍
Learn about it: ishadeed.com/article/say-hel…
Or check the demos in my lab: lab.ishadeed.com/container-q…
Max Antonucci retweeted
Quote from a meeting I'm in:
ALT Tombstone that reads: "How hard can it be? It's just HTML, CSS, and JavaScript"
Max Antonucci retweeted
💡 One of my favorite use cases for container style queries is the ability to turn on the debug mode with just 1 CSS variable.
@container style(--debug: true) {
* { outline: solid 1px red; }
}
Demo (Chrome canary only): codepen.io/shadeed/pen/WNKNp…
Article: ishadeed.com/article/css-con…
Max Antonucci retweeted
Style a parent element based on its number of children using CSS `:has()`
🔗 bram.us/2022/11/17/style-a-p…
🏷 #css #selectors
Max Antonucci retweeted
I have something to say: I am here to tell you that punctuation goes INSIDE the quotes.
Max Antonucci retweeted
🎨 An endless collection of accessible color combinations: randoma11y.com
Max Antonucci retweeted
Weird how many of these map to WCAG Success Criteria.
xitter.cf/vitalyf/status/1560649…
It is almost like you can improve usability by following the most baseline of accessibility standards.
Max Antonucci retweeted
After working for months on an epic article about the new `:has()` pseudo-class and how it can be combined with other CSS selectors to a powerful effect — we published it yesterday! There are so many great use cases that now no longer require JavaScript.
webkit.org/blog/13096/css-ha…
Max Antonucci retweeted
Please understand: advances towards “back to normal” largely involve the reversal of accessibility measures.
Telehealth appointments? Accessibility.
Remote work? Accessibility.
Widespread delivery and curbside pickup options? Accessibility.
“Normal” isn’t good enough.
Max Antonucci retweeted
“We shouldn’t hold back the web just because screen readers/assistive tech/ARIA aren’t there yet”
has a subtext of:
“I fundamentally see the web as a platform designed for sighted mouse users, that is then adapted for disabled people”
which is, in fact, ableism.
Max Antonucci retweeted
🎉 Happy IE11 End of Life Week everybody!!!
Reminder that Microsoft is deprecating IE11 starting *THIS WEDNESDAY*
docs.microsoft.com/en-us/lif…
Press F to pay respects
ALT The Internet Explorer (IE) 11 desktop application will end support for Windows 10 semi-annual channel starting June 15, 2022. Customers are encouraged to move to Microsoft Edge with IE mode. IE mode enables backward compatibility and will be supported through at least 2029. Additionally, Microsoft will provide notice one year prior to retiring IE mode. Go here for a list of supported operating systems for Internet Explorer, including versions impacted by this announcement.
Max Antonucci retweeted
Container Queries is shipping in Safari 16! Both size queries and container query units.
Learn more about the details at webkit.org/blog/12824/news-f…
Max Antonucci retweeted
Oh, this? 👀
Jus' a pure CSS image zoom using CSS primitives 🔥
– :has()
– object-view-box
– Houdini @ property
Code 👇
img {
object-view-box: inset(var(--top) ...);
}
:root:has(#car:checked) {
--top: 61%;
...
}
Amazing 🥲
👉 codepen.io/jh3y/pen/QWQrVwj via @CodePen
Max Antonucci retweeted
I despise how this @TheOnion piece is evergreen.
theonion.com/no-way-to-preve…
Max Antonucci retweeted
It has been one of the biggest, most rewarding challenges of my life to lead this work, and I'm incredibly proud of absolutely everyone involved in the effort to make Ember more accessible. Some big efforts, some small efforts but they all add up!
#a11y #emberJS #GAAD2022
Happy Global Accessibility Awareness Day! Is Ember the most accessible JavaScript Framework? We think so!
Read more about what we've accomplished: blog.emberjs.com/gaad-2022
#GAAD #accessibility #a11y #JavaScript #WebDevelopment
Max Antonucci retweeted
Today is #GAAD, Global Accessibility Awareness Day!
I thought I would do a short thread on things you can do and check to ensure your components and interfaces are accessible (with additional links). 🧵✨
Max Antonucci retweeted
AudioEye’s attorneys sent me a Cease & Desist letter (and a follow-up).
I have posted it along with my response:
adrianroselli.com/2022/04/my…
TL;DR: I deleted three tweets, considering I am a self-employed independent consultant, not a multi-million dollar start-up.
Max Antonucci retweeted
:has() is officially live in Safari (not just Technology Preview) 🔥
This is arguably the most anticipated feature in CSS in the past 10 years. Thank you to everyone on the Safari and WebKit teams who made this happen!
:has() shipped in Safari 15.4! webkit.org/blog/12445/new-we…
Max Antonucci retweeted
Dark patterns in this email:
1. Links stand out in blue but the unsubscribe link is hidden in the text color
2. Link not on the word “unsubscribe”
3. You have to expand the email to get to this bit
4. Hide the link in a big block of text
🙃🙃🙃
Max Antonucci retweeted
An accessible <dialog> element is arriving in browsers in 2022! Learn from @therealntim Tim Nguyen how to use <dialog> along with ::backdrop in CSS. Try it out in Safari Technology Preview or Safari 15.4 beta today.
webkit.org/blog/12209/introd…
