Opens profile photo
Follow
Click to Follow mrtrimble2
Ryan Trimble
@mrtrimble2
I write code and make people happy
Pennsylvaniaryantrimble.comJoined November 2011

Ryan Trimbleโ€™s Tweets

This is the best advertisement ever!!
Quote Tweet
Hello pals! Brody and I are joining the @FrontendHorse snowtacular stream this fri We're gonna animate snowflakes, do songs & give away a Club GSAP subscription. The aim is to raise $20,000 for Doctors without Borders Join in & help us hit that goal! lu.ma/fh-holiday-2022
Embedded video
0:46
4.1K views
1
6
I'd *greatly* appreciate retweets on this tweet ๐Ÿ‘‡ We have some wonderful guests, but now we need folks to show up and donate!
Quote Tweet
The final lineup for the Holiday Snowtacular fundraiser! โ˜ƒ๏ธ @cassidoo @wesbos @techgirl1908 @cassiecodes @jlengstorf @KevinJPowell @Ace_KYD @devdevcharlie @Mappletons @stolinski @chriscoyier @whitep4nth3r Register now, so you don't miss it! lu.ma/fh-holiday-2022
Show this thread
Holiday Snowtacular
A web dev livestream fundraiser for Doctors Without Borders.
Friday, December 16th
12-4PM EST
https://fundraiser.frontend.horse

Guest List:
Cassie Evans   โ€ข   Ace Abati   โ€ข   Maggie Appleton   โ€ข   Jason Lengstorf 
Wes Bos   โ€ข   Charlie Gerard   โ€ข   Angie Jones   โ€ข   Cassidy Williams
Scott Tolinski   โ€ข   Kevin Powell   โ€ข   Chris Coyier   โ€ข   Salma Alam-Naylor
1
6
Amazing lineup!
Quote Tweet
The final lineup for the Holiday Snowtacular fundraiser! โ˜ƒ๏ธ @cassidoo @wesbos @techgirl1908 @cassiecodes @jlengstorf @KevinJPowell @Ace_KYD @devdevcharlie @Mappletons @stolinski @chriscoyier @whitep4nth3r Register now, so you don't miss it! lu.ma/fh-holiday-2022
Show this thread
Holiday Snowtacular
A web dev livestream fundraiser for Doctors Without Borders.
Friday, December 16th
12-4PM EST
https://fundraiser.frontend.horse

Guest List:
Cassie Evans   โ€ข   Ace Abati   โ€ข   Maggie Appleton   โ€ข   Jason Lengstorf 
Wes Bos   โ€ข   Charlie Gerard   โ€ข   Angie Jones   โ€ข   Cassidy Williams
Scott Tolinski   โ€ข   Kevin Powell   โ€ข   Chris Coyier   โ€ข   Salma Alam-Naylor
1
1
I'm excited to join this web dev livestream to raise funds for Doctors Without Borders. If you're a developer, you definitely wanna tune in and grab some tech tips from all of these rockstar devs!
Quote Tweet
Here's the incredible lineup so far for our Holiday Snowtacular fundraiser! ๐ŸŽ‰ @cassidoo @wesbos @techgirl1908 @cassiecodes @jlengstorf @KevinJPowell @Ace_KYD @devdevcharlie @Mappletons Register now so you don't miss it!๐Ÿ‘‡ lu.ma/fh-holiday-2022
Show this thread
3
63
Last year, I helped take part in the Holiday Snowtacular charity stream, and this year, we're doing it again! Join and some more excellent people live on December 16 as we raise money for Doctors Without Borders! Details below!
Quote Tweet
Here's the incredible lineup so far for our Holiday Snowtacular fundraiser! ๐ŸŽ‰ @cassidoo @wesbos @techgirl1908 @cassiecodes @jlengstorf @KevinJPowell @Ace_KYD @devdevcharlie @Mappletons Register now so you don't miss it!๐Ÿ‘‡ lu.ma/fh-holiday-2022
Show this thread
1
9
I'm super excited for this!!
Quote Tweet
Here's the incredible lineup so far for our Holiday Snowtacular fundraiser! ๐ŸŽ‰ @cassidoo @wesbos @techgirl1908 @cassiecodes @jlengstorf @KevinJPowell @Ace_KYD @devdevcharlie @Mappletons Register now so you don't miss it!๐Ÿ‘‡ lu.ma/fh-holiday-2022
Show this thread
4
Just added this to a project I'm working on, really great stuff!
Quote Tweet
๐Ÿšจ new css reset ๐Ÿšจ i was copy pasting the same snippets across many projects so i decided to collect them in an installable package you'll notice some familiar rules from other resets as well as some new, opinionated ones that i came up with ๐Ÿ‘€ npmjs.com/@acab/reset.css
Show this thread
:where(*, *::before, *::after) {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:where(html) {
	-webkit-text-size-adjust: none;
	color-scheme: dark light;
}
:where(html:focus-within) {
	scroll-behavior: smooth;
}
:where(body) {
	min-height: 100vh;
	min-height: 100dvh;
	line-height: 1.5;
	font-family: system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}
:where(input, button, textarea, select) {
	font: inherit;
}
:where(textrea) {
	resize: vertical;
}
:where(button, label, select, summary) {
	cursor: pointer;
}
:where(:disabled) {
	cursor: not-allowed;
}
:where(label:has(> input:disabled)) {
	cursor: not-allowed;
}
:where(a) {
	text-underline-offset: 0.2ex;
}
:where(ul, ol) {
	list-style: none;
}
:where(img, picture, svg) {
	display: block;
	max-width: 100%;
	height: auto;
}
:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
}
:where(:focus-visible) {
	outline: 2px solid var(--focus-color, Highlight);
	outline-offset: 2px;
}
:where(.visually-hidden) { ... }
1
4
We get *tons* of questions about responsive animation in the forums, so I collected a bunch of knowledge together. Tips from , , , , , and
Quote Tweet
Here's a great one from @cassiecodes with everything you need to consider for fluid, responsive animations, and options for making them. css-tricks.com/responsive-ani
2
53
Show this thread
๐Ÿ‘€this is suuuuuper cool!
Quote Tweet
I'm writing a short article exploring how @astrodotbuild SPAs could look like in the future with โœจPersistent Islandsโœจ This is the demo we built on stream with @jlengstorf last week. We started with an Astro MPA and then added some JS+CSS to make it feel more like a native app.
Show this thread
Embedded video
0:30
21.3K views
1
๐Ÿ“ New on the blog: This week, and introduced a bill that would make digital #a11y requirements explicit and ensure they keep up with the times. I took a look, and here's my guide to the #A11yAct bill for the rest of us.
2
38
Show this thread