Thomas Pietrosanti (@tpietros) 's Twitter Profile
Thomas Pietrosanti

@tpietros

UI/UX developer/designer, father, sometime writer, martial artist who dabbles in music and theater

ID: 266095636

calendar_today14-03-2011 17:03:56

1,1K Tweet

78 Followers

194 Following

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

5 years ago

My wife explaining my joke to the kids: “a joke doesn’t have to be funny.” Me: 🥺 Her: “you know what I mean!” Me: “oh, I’m pretty sure I do!” 😂

Dan Mall (@danmall) 's Twitter Profile Photo
Dan Mall
@danmall

4 years ago

Design systems often start from one team, like design, UX, or IT. A difficult but crucial step is for the originating team to relinquish ownership. The more you signal it’s YOUR team’s design system, the less it becomes everyone else’s. To be everyone’s, it can’t be anyone’s.

R "Nearest" Nabors (they/them) (@rachelnabors) 's Twitter Profile Photo
R "Nearest" Nabors (they/them)
@rachelnabors

4 years ago

Who let the designers near the tools designers use

CSS by T. Afif (@challengescss) 's Twitter Profile Photo
CSS by T. Afif
@challengescss

4 years ago

💡 CSS Tip! Create a circular dashed border with full control over the dashes. Only one element and a few lines of code are required. Simply update the CSS variables to control the design of the border. Demo: codepen.io/t_afif/pen/KKv… via CodePen.IO #CSS

💡 CSS Tip! Create a circular dashed border with full control over the dashes. Only one element and a few lines of code are required. Simply update the CSS variables to control the design of the border. Demo: codepen.io/t_afif/pen/KKv… via <a href="/CodePen/">CodePen.IO</a> #CSS
Kim Goodwin (@kimgoodwin) 's Twitter Profile Photo
Kim Goodwin
@kimgoodwin

4 years ago

It’s safe to assume that your “Hey, look what’s new in our UI” popup is just never going to be as important as what I came here to do. Make it modeless & tuck it in a corner.

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

Was just saying the same on a recent project. Though I’d upgrade from “doesn’t need to” to “shouldn’t”

Addy Osmani (@addyosmani) 's Twitter Profile Photo
Addy Osmani
@addyosmani

4 years ago

Accessibility tip: DevTools can suggest & apply more accessible colors for low color contrast text. Keep finding this helpful.

Addy Osmani (@addyosmani) 's Twitter Profile Photo
Addy Osmani
@addyosmani

4 years ago

It’s OK to use "boring” technology (what’s tried & tested) vs. the hype train. Languages, frameworks and libraries often evolve. Choose what helps deliver a great final product.

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

And I’ve saved it to my Home Screen - feels like an app, but better

The A11Y Project (@a11yproject) 's Twitter Profile Photo
The A11Y Project
@a11yproject

4 years ago

"TL;DR Prevent your sticky header from obscuring your main content with some scroll-padding on the <html> element." @ZoeBijl moiety.me/thinks/skiplin…

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

Undertained - when you’ve gone through everything on your phone, and you’re still bored.

Addy Osmani (@addyosmani) 's Twitter Profile Photo
Addy Osmani
@addyosmani

4 years ago

*Must read* for web developers: how modern browsers work by Mariko Kosaka 1️⃣ bit.ly/browsers-pt1 2️⃣ bit.ly/browsers-pt2 3️⃣ bit.ly/browsers-pt3 4️⃣ bit.ly/browsers-pt4 and browser.engineering by Web Browser Engineering

*Must read* for web developers: how modern browsers work by <a href="/kosamari/">Mariko Kosaka</a> 1️⃣ bit.ly/browsers-pt1 2️⃣ bit.ly/browsers-pt2 3️⃣ bit.ly/browsers-pt3 4️⃣ bit.ly/browsers-pt4 and browser.engineering by <a href="/BrowserBook/">Web Browser Engineering</a>
Katie Mixtochtli (@paradoxikat9) 's Twitter Profile Photo
Katie Mixtochtli
@paradoxikat9

4 years ago

Why you should avoid symbols and nonstandard letters in your twitter name if you want to be screen reader friendly: #DisabilityTwitter #disabilityinclusion Read on to see how "𝕁𝕒𝕞𝕖𝕤 - ʷʰᵉʳᵉ ⁱˢ ᵗʰᵉ ᵖʳᵒᵗᵉˢᵗ - ℂ𝕣𝕠𝕩𝕥𝕠𝕟 liked your reply" sounds to me 👇🏼

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

“I can’t skim over it with my ears” - another important reminder

Jen Simmons (@jensimmons) 's Twitter Profile Photo
Jen Simmons
@jensimmons

4 years ago

Support for the HTML `inert` attribute is in the Safari 15.5 beta, released this week. For more about `inert`: developer.mozilla.org/en-US/docs/Web… Safari 15.5 will be the first browser with support for `inert` on by default. developer.apple.com/documentation/…

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

I love learning about the amazing stuff we're doing, like how Pluralsight Flow helps organizations make data driven decisions while remaining people focused in this conversation with Greg Ceccarelli: plrsig.ht/396x4n9 #PluralsightFlow #WorkforceDevelopment #dataforgood

Addy Osmani (@addyosmani) 's Twitter Profile Photo
Addy Osmani
@addyosmani

4 years ago

Want find-in-page to work with collapsed content in HTML? 🔎 bit.ly/hiddenuntil The new hidden=until-found attribute & beforematch auto-opens sections on find. In Chromium 102 thx to Joey Arhar!

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

4 years ago

Our first alpha release! I am excited to be working on this new #designsystem approach! We deliver tokens, styles, and attributes for a more scalable approach that gives teams greater control over their implementation, regardless of templating/framework! design.pluralsight.com/blog/v0.1.0-al…

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

3 years ago

This is good to keep in mind when creating #accessible pages and applications, especially in a framework like #react where it feels contrary to how we normally render content. dev.to/abbeyperini/li…

Thomas Pietrosanti (@tpietros) 's Twitter Profile Photo
Thomas Pietrosanti
@tpietros

3 years ago

The heart has its reasons which reason knows not of. — Blaise Pascal cryptoquote-five.vercel.app