mason's Avatar

mason

@bricksroo.com

πŸ€– front-end engineer, always learning β˜•οΈ coffee & sunshine (with proper UV protection) πŸ”οΈ adventure is out there

133
Followers
443
Following
26
Posts
03.06.2023
Joined
Posts Following

Latest posts by mason @bricksroo.com

β€œi’m still punk” i whisper to myself as i turn down the music in my car so i can see better

24.02.2026 02:21 πŸ‘ 3517 πŸ” 723 πŸ’¬ 8 πŸ“Œ 0
Post image

Bad Bunny β€œtogether we are America”

09.02.2026 01:35 πŸ‘ 11084 πŸ” 2218 πŸ’¬ 89 πŸ“Œ 158

more good baseball!

02.11.2025 03:56 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Design Tokens specification reaches first stable version | Design Tokens Community Group

the design tokens community group spec is now "stable" πŸ‘€

www.designtokens.org/tr/2025.10/

29.10.2025 15:59 πŸ‘ 3 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

"Oh yeah? You like baseball? What if I make you smoke *an entire pack* of baseball?"

11.10.2025 04:52 πŸ‘ 1858 πŸ” 460 πŸ’¬ 8 πŸ“Œ 14

baseball is good actually!

28.10.2025 04:45 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

it’s so good to have the nba back

22.10.2025 03:00 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

fun news! I was laid off from Twilio.

going to take this weekend to chill out, and will start looking for roles next week.

if you or someone you know is looking for staff/principal level Developer Advocacy, OSPO, dev infra, or similar roles pass them along!

reposts from tech folks appreciated <3

25.07.2025 21:01 πŸ‘ 420 πŸ” 266 πŸ’¬ 36 πŸ“Œ 9
Video thumbnail

The Chrome DevTools Performance panel just leveled up! πŸš€ Here's a 69-second taste of the new hotness.

28.05.2025 17:38 πŸ‘ 94 πŸ” 21 πŸ’¬ 6 πŸ“Œ 0

So sorry to hear this Adam. You and your work have been such a huge force pushing the web forward. You are appreciated by so many. Know that.

12.04.2025 03:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
MALAN Fire & Wind Storm Resources

mutual aid los angeles network (MALAN) has a megalist of resources across the southland: docs.google.com/spreadsheets...

and they’re collecting donations in chatsworth: www.instagram.com/p/DElevTEyzVD/

09.01.2025 04:12 πŸ‘ 282 πŸ” 292 πŸ’¬ 0 πŸ“Œ 9
The Importance Of Investing In Soft Skills In The Age Of AI | CSS-Tricks I am still an AI skeptic. The biggest risk I foresee is thatΒ if your sole responsibility is to write code, your job is at risk. It’s not time to panic, but I do see a lot of value in evolving your sof...

Digging @bell.bz here: "The path to becoming a great developer is more than just coding. It's down to how you approach everything else, like communication, giving and receiving feedback, finding a pragmatic solution, planning β€” and thinking like a web developer."

css-tricks.com/the-importan...

06.01.2025 15:08 πŸ‘ 21 πŸ” 5 πŸ’¬ 0 πŸ“Œ 1

🎊 Happy New Year!

I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025!

Let’s go through the list. 🧡

01.01.2025 17:12 πŸ‘ 461 πŸ” 70 πŸ’¬ 16 πŸ“Œ 8
Strava 2024 summary of run activity. 110 days active. 523 miles run. 10,561 total elevation. 81 hrs total time.

Strava 2024 summary of run activity. 110 days active. 523 miles run. 10,561 total elevation. 81 hrs total time.

The sun glowing behind a cloudy sky above the bay.

The sun glowing behind a cloudy sky above the bay.

πŸƒπŸΌ Last run of the year to round out β€˜24. It was my most consistent training year (minus a surgical setback) and even got my first half-marathon race in the bag. Here’s to more miles and exploration in 2025 πŸ€™πŸ»

31.12.2024 23:54 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Reminder: you don’t have to be good at something to enjoy it, you don’t have to get better at it, you don’t have to monetize it, and it doesn’t have to be useful.

01.12.2024 20:27 πŸ‘ 10439 πŸ” 3636 πŸ’¬ 129 πŸ“Œ 162
Preview
The Betterment Metric - Angie Jones A simple observation at airport security highlights the concept of Betterment and how it applies to engineering teams. Which group are you in?

My latest blog post covers how a simple observation at airport security highlights the concept of Betterment and how it applies to engineering teams. Which group are you in?

angiejones.tech/the-betterme...

22.11.2024 16:54 πŸ‘ 289 πŸ” 98 πŸ’¬ 51 πŸ“Œ 40

One of the best features of bluesky feeds is when you pull to refresh and there are no new posts. You’ve seen all the posts for now my friend, put your phone down. 😌

19.11.2024 22:10 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

career hack: having fun makes it easier to stick with a challenge, helps you retain more information, and makes people more likely to pay attention to what you’re doing

if you can find a way to have fun as you’re learning, you WILL get further. so please: make silly stuff. goof around. play πŸ’œ

18.11.2024 17:11 πŸ‘ 135 πŸ” 20 πŸ’¬ 9 πŸ“Œ 5

Is it pronounced the β€œay-tee” protocol or β€œ@β€œ protocol? πŸ€”

17.11.2024 00:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Here’s another starter pack. This one is for all the people who love #CSS, #CSS, #CSS! 😁🀘✨

(LMK if you know more CSS folks I should add! πŸ’š)
go.bsky.app/A6biNib

20.10.2024 16:14 πŸ‘ 109 πŸ” 36 πŸ’¬ 34 πŸ“Œ 4
Preview
Aiming for the Stars (perfnow 2024) Aiming for the Stars Annie Sullivan, Perfnow 2024 It's so great to be back here with all of you today! This conference always feels like home to me. I've spent most of the past 25 years of my career w...

Here are the slides for my #PerfNow talk yesterday!

My attempt at a beginner's guide to becoming an expert at web performance.

docs.google.com/presentation...

16.11.2024 09:21 πŸ‘ 62 πŸ” 15 πŸ’¬ 3 πŸ“Œ 0

put some good into the world today

16.11.2024 17:10 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Web Components Can’t Save Us with Scott Jehl - Syntax #848 Scott Jehl discusses his background in web development and responsive design at Filament Group agency, opinions on web components for UI patterns, styling complexities, design systems, and how they ar...

HEY. I had the great opportunity to go on the @syntax.fm podcast and talk about web performance, web components, & a lot more. That episode is live with an absolute linkbait title wherever you get your podcasts! πŸŽ‰ syntax.fm/show/848/web... open.spotify.com/episode/0YgS...

15.11.2024 17:04 πŸ‘ 114 πŸ” 15 πŸ’¬ 5 πŸ“Œ 2

Incredibly hilarious. Bravo.

14.11.2024 16:01 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Make it fast. Make it accessible. Make it easy to use. Make its value apparent. Ask people what they think of it.

Make it fast. Make it accessible. Make it easy to use. Make its value apparent. Ask people what they think of it.

πŸ’― Principles we should all be living by.

@ericwbailey.website at #perfnow

14.11.2024 11:15 πŸ‘ 151 πŸ” 28 πŸ’¬ 6 πŸ“Œ 3
Preview
A Friendly Introduction to Container Queries β€’ Josh W. Comeau It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as...

🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly!

Well, they’ve arrived… and none of us are using them. πŸ˜‚

I think I know why, and I just published a new blog post that will hopefully change that!

Check it out:
www.joshwcomeau.com/css/containe...

04.11.2024 16:36 πŸ‘ 594 πŸ” 132 πŸ’¬ 36 πŸ“Œ 10

Great way to lay it out there and shift away bad fits

04.11.2024 16:35 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Do your best to take care of yourselves this week, friends. Take breaks, breaths, and walks.

04.11.2024 16:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Change the course | everything changes Use what you’ve got.

I needed to read this @aworkinglibrary.com essay this week; maybe you need it, too. everythingchanges.us/blog/change-...

30.10.2024 13:54 πŸ‘ 3 πŸ” 1 πŸ’¬ 2 πŸ“Œ 1
import { authorFeedLoader } from "@ascorbic/bluesky-loader";
  
const posts = defineCollection({
  loader: authorFeedLoader({
    identifier: "mk.gg",
  }),
});

export const collections = { posts };

import { authorFeedLoader } from "@ascorbic/bluesky-loader"; const posts = defineCollection({ loader: authorFeedLoader({ identifier: "mk.gg", }), }); export const collections = { posts };

---
import { getCollection } from "astro:content";
const posts = await getCollection("posts");           
---

<div>
  {
    posts.map(async (post) => {
      const { Content } = await render(post);
      return (
        <section>
          <Content />
          <p>{post.data.likeCount} likes</p>
        </section>
      );
    })
  }
</div>

--- import { getCollection } from "astro:content"; const posts = await getCollection("posts"); --- <div> { posts.map(async (post) => { const { Content } = await render(post); return ( <section> <Content /> <p>{post.data.likeCount} likes</p> </section> ); }) } </div>

Would you like to display your Bluesky posts in your Astro site? I've made an Astro content loader for Bluesky! When you build the site it loads your posts and puts them in a content collection. You can then display them on a page, or use the raw data however you want.

github.com/ascorbic/ast...

03.11.2024 18:15 πŸ‘ 381 πŸ” 71 πŸ’¬ 27 πŸ“Œ 5