Dmitry Mayorov's Avatar

Dmitry Mayorov

@dmtrmrv.bsky.social

Staff Engineer @10up. I write and make videos about making the web. https://www.youtube.com/@dmtrmrv

331 Followers  |  125 Following  |  23 Posts  |  Joined: 04.11.2024  |  2.0621

Latest posts by dmtrmrv.bsky.social on Bluesky

Should be good enough quality, right?

12.09.2025 21:45 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Dang, B&H is a money pit but so good for the soul! (And a YouTube channel)

24.06.2025 01:38 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Adam, I'm really sorry. I'm shocked to hear this. I know you help steer the web in the right direction. My thoughts are with you.

12.04.2025 16:51 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Once it's in the baseline the need will def be much lower!

07.04.2025 21:06 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I know, right?!

07.04.2025 15:23 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Thanks to @nerdy.dev and @miriam.codes for the great articles I mentioned in the video!
Adam's Post: nerdy.dev/css-mixins-r...
Miriam's Post: css.oddbird.net/sasslike/mix...
Official spec: drafts.csswg.org/css-mixins-1/

07.04.2025 13:07 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Exploring @mixin in Vanilla CSS! (is this the end of Sass?)
YouTube video by Dmitry Mayorov Exploring @mixin in Vanilla CSS! (is this the end of Sass?)

I’m super hyped about @mixin in vanilla CSS! With nesting, variables, color manipulation, and soon native functions and mixins, we can finally switch preprocessors for functional tasks. These are the same features that once made Sass so useful for writing systematic styles. youtu.be/TGqm7gWK31g

07.04.2025 13:04 β€” πŸ‘ 34    πŸ” 4    πŸ’¬ 3    πŸ“Œ 1

Happy Birthday!

12.03.2025 22:26 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Accessible notifications with ARIA Live Regions (Part 1) – The personal website of Sara Soueidan, inclusive design engineer

Friendly reminder that I shared *an extensive* guide to ARIA live regions so you can learn more about:
- what they are
- what to use them for
- how to use them
- what *not* to use them for (!important)

Part 1: www.sarasoueidan.com/blog/accessi...

Part 2: www.sarasoueidan.com/blog/accessi...

#a11y

10.03.2025 12:32 β€” πŸ‘ 124    πŸ” 40    πŸ’¬ 1    πŸ“Œ 1

Let’s! Exciting times!

09.03.2025 16:34 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Thank you for the repost!

09.03.2025 15:26 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
First look at FUNCTIONS in CSS!!! (it's a game changer)
YouTube video by Dmitry Mayorov First look at FUNCTIONS in CSS!!! (it's a game changer)

Proposal to add #CSS custom functions is amazing! Inspired by @bram.us’s article, I made a short video with a few examples examples of unit conversion, fluid typography, and color manipulation. So cool! Check it out: youtu.be/fhuYPNlBkyw

08.03.2025 21:44 β€” πŸ‘ 26    πŸ” 5    πŸ’¬ 2    πŸ“Œ 1

I don't see why not. I think you'll be able to replace vw with cqi. Function just helps with calculation!

08.03.2025 21:40 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
I Fixed Markdown Blockquotes! (so you don't have to)
YouTube video by Dmitry Mayorov I Fixed Markdown Blockquotes! (so you don't have to)

Just published a new video. It covers semantic quotes and markdown. Spoiler: it's not possible with author attribution. It might not be the hottest topic, but I enjoyed creating a custom rehype plugin to make quotes semantic. Check it out: www.youtube.com/watch?v=zT5Z...

01.02.2025 19:12 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Cleaning the Inbox is like a side hustle now. Takes so much time!

08.01.2025 16:53 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

For anyone struggling with .prettierrc settings not applying: try restarting VS Code. #somethingilearnedtoday

04.01.2025 18:17 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Congrats! It's so great to see all the hard work paying off. The latest video is amazingβ€”love seeing it take off on YouTube!

01.12.2024 17:28 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

RTFM for the win!

28.11.2024 01:10 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Lifting heavy things is good for the soul.

28.11.2024 00:51 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Issues Β· eslint/css CSS language plugin for ESLint. Contribute to eslint/css development by creating an account on GitHub.

We are looking for help from CSS folks to reimagine what a modern CSS linter should flag and suggest.

github.com/eslint/css/i...

Please share your thoughts and pass along to others.

@sarasoueidan.com @nerdy.dev @joshwcomeau.com @kevinpowell.co

26.11.2024 23:32 β€” πŸ‘ 141    πŸ” 40    πŸ’¬ 8    πŸ“Œ 3

Great post! I completely agree on using min-width. I’ve been preaching the same and advocating for a mobile-first mindset overall.

26.11.2024 22:13 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

That’s the part where we just need to power through! You got it! πŸ’ͺ

26.11.2024 18:53 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
CSS Tip: Extend a Child Beyond Parent Width (the better way)
YouTube video by Dmitry Mayorov CSS Tip: Extend a Child Beyond Parent Width (the better way)

New video is live! Extending children beyond their parent elements is a common thing in CSS, but using negative margins and 100vw always felt clunky to me. Here’s how I usually do it instead: youtu.be/MQFg2bdSY4Q

26.11.2024 16:53 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Editing video on a Dell monitor with a close-up of a creator explaining on screen.

Editing video on a Dell monitor with a close-up of a creator explaining on screen.

Working on the next video! Dropping Tuesday. Picking up where the last one on vertical rhythm left off, I’ll dive into a neat CSS pattern for handling content of different widths. Watch the last one here: www.youtube.com/watch?v=JZJQ...

23.11.2024 20:58 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Dmitry Mayorov On CSS-Tricks -

Three times, with a few new ideas brewing: css-tricks.com/author/dmitr...

04.11.2024 17:21 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

@dmtrmrv is following 19 prominent accounts