Dom Magnifico
@doom.codes
Pinned
Dom Magnifico
@doom.codes
· Jul 15
WordPress Block HTML Reference - Complete Developer Guide
The ultimate resource for WordPress Gutenberg block HTML markup, syntax, and properties. Learn WordPress block development with interactive examples and comprehensive documentation.
www.wpblockdocs.com
I built out a documentation site for the insane block markup associated with #WordPress Gutenberg blocks. There were sparse docs, and using the WP Block GitHub as a reference was silly. Contributions and feedback welcome 🤘
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
I built out a documentation site for the insane block markup associated with #WordPress Gutenberg blocks. There were sparse docs, and using the WP Block GitHub as a reference was silly. Contributions and feedback welcome 🤘
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
WordPress Block HTML Reference - Complete Developer Guide
The ultimate resource for WordPress Gutenberg block HTML markup, syntax, and properties. Learn WordPress block development with interactive examples and comprehensive documentation.
www.wpblockdocs.com
July 15, 2025 at 5:02 PM
I built out a documentation site for the insane block markup associated with #WordPress Gutenberg blocks. There were sparse docs, and using the WP Block GitHub as a reference was silly. Contributions and feedback welcome 🤘
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
Documentation Site: www.wpblockdocs.com
GitHub: github.com/house-of-gia...
Reposted by Dom Magnifico
New on the blog bell.bz/im-getting-f...
I’m getting fed up of making the rich, richer - Andy Bell
After bring rather miserable about the work we do vs the work we want to do, I’ve come up with a possible solution that helps everyone.
bell.bz
April 15, 2025 at 1:24 PM
New on the blog bell.bz/im-getting-f...
Excellent post showcasing the power of attr()!
In case you missed it, I published an article about the new attr() in CSS.
ishadeed.com/article/mode...
ishadeed.com/article/mode...
April 9, 2025 at 2:56 PM
Excellent post showcasing the power of attr()!
Did a little writing about the bane of every web developers existence. The Carousel 👹.
houseofgiants.com/blog/carouse...
houseofgiants.com/blog/carouse...
Carousels & Sliders: Eye Candy or Page Bloat?
houseofgiants.com
March 12, 2025 at 4:37 PM
Did a little writing about the bane of every web developers existence. The Carousel 👹.
houseofgiants.com/blog/carouse...
houseofgiants.com/blog/carouse...
Reposted by Dom Magnifico
OH HELL YEAH. A mega-helpful glossary for design tokens by @donnie.damato.design: designtokens.fyi
designtokens.fyi
Defining terms for design tokens.
designtokens.fyi
March 5, 2025 at 2:55 PM
OH HELL YEAH. A mega-helpful glossary for design tokens by @donnie.damato.design: designtokens.fyi
Even though the #WordPress ecosystem kind of stinks right now, I wrote a high-level primer for folks about what the Gutenberg editor is.
houseofgiants.com/blog/what-th...
houseofgiants.com/blog/what-th...
What the Heck Is Gutenberg?
houseofgiants.com
February 21, 2025 at 5:04 PM
Even though the #WordPress ecosystem kind of stinks right now, I wrote a high-level primer for folks about what the Gutenberg editor is.
houseofgiants.com/blog/what-th...
houseofgiants.com/blog/what-th...
Web Components are a hot topic - I love the potential they have for nice clean markup. At the same time it feels like the wild west again in terms of being able to do anything you want within the markup.
I worry about the future being incoherent hashed Web Component names.
I worry about the future being incoherent hashed Web Component names.
Hi! A couple of promos for the Web Components Demystified online course.
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
February 11, 2025 at 9:42 PM
Web Components are a hot topic - I love the potential they have for nice clean markup. At the same time it feels like the wild west again in terms of being able to do anything you want within the markup.
I worry about the future being incoherent hashed Web Component names.
I worry about the future being incoherent hashed Web Component names.
Reposted by Dom Magnifico
Hi! A couple of promos for the Web Components Demystified online course.
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
February 11, 2025 at 3:20 PM
Hi! A couple of promos for the Web Components Demystified online course.
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
I'm raffling off 5 full access coupons today. To enter, reply or quote with something you love OR don't love about web components. Ends at 5pm ET.
💘 And! Get 60% OFF today through Feb 22nd using the code HEARTS 💘
fucking lol
February 11, 2025 at 8:28 PM
fucking lol
Tons of potential with advanced attr() - Excellent article from Una on the subject!!
Dang I'm excited about new semantic attr() capabilities in CSS!
I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.
Advanced attr() is rolling out in Chrome 133 starting next week 🥰
una.im/advanced-attr/
I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.
Advanced attr() is rolling out in Chrome 133 starting next week 🥰
una.im/advanced-attr/
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
una.im
January 22, 2025 at 5:50 PM
Tons of potential with advanced attr() - Excellent article from Una on the subject!!
Reposted by Dom Magnifico
⛓️ added a links page to my website to celebrate some cool friends and cool websites 🤍 if you think of some other rad ones that oughta go on here why don’t you let me know :)
henry.codes/links/
henry.codes/links/
Henry From Online
The personal site & portfolio of creative web developer Henry from Online
henry.codes
January 16, 2025 at 9:25 PM
⛓️ added a links page to my website to celebrate some cool friends and cool websites 🤍 if you think of some other rad ones that oughta go on here why don’t you let me know :)
henry.codes/links/
henry.codes/links/
Reposted by Dom Magnifico
January 15, 2025 at 10:19 AM
One of the best portfolio sites I've ever seen, hands down 👏
new year, new website :) with thy surest steel gathered to thy side, turn to face these new nightmares, these...True Terrors (of the New Dark Web)
plenty to do but i'm thrilled to publish this 🤍 thanks a lot if you end up taking a look, but hark! go heedfully:
scroll with caution & with care!
plenty to do but i'm thrilled to publish this 🤍 thanks a lot if you end up taking a look, but hark! go heedfully:
scroll with caution & with care!
Henry From Online
The personal site & portfolio of creative web developer Henry from Online
henry.codes
January 7, 2025 at 3:58 PM
One of the best portfolio sites I've ever seen, hands down 👏
Reposted by Dom Magnifico
Dude, it's insane that Zegema Beach releases just banger after banger. This split is from the American band Crowning and the Japanese band Oaktails. It's noodly. It's melancholic. It's aggressive. It's mathy. Just superb.
Spend 13 minutes of your time and blast this
Spend 13 minutes of your time and blast this
December 4, 2024 at 4:42 PM
Dude, it's insane that Zegema Beach releases just banger after banger. This split is from the American band Crowning and the Japanese band Oaktails. It's noodly. It's melancholic. It's aggressive. It's mathy. Just superb.
Spend 13 minutes of your time and blast this
Spend 13 minutes of your time and blast this
Reposted by Dom Magnifico
Finally had a free moment over the holiday break to mess around with some creative code ideas. I hacked on this little Web Component that outputs a shimmering pixel effect when its parent element is hovered.
Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
December 3, 2024 at 4:53 PM
Finally had a free moment over the holiday break to mess around with some creative code ideas. I hacked on this little Web Component that outputs a shimmering pixel effect when its parent element is hovered.
Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
Read the post and check out the demo: ryanmulligan.dev/blog/pixel-c...
Reposted by Dom Magnifico
For folks in the northern hemisphere, it’s season: www.zachleat.com/web/snow-fall/
snow-fall Web Component—zachleat.com
A post by Zach Leatherman (zachleat)
www.zachleat.com
December 3, 2024 at 3:50 PM
For folks in the northern hemisphere, it’s season: www.zachleat.com/web/snow-fall/
Reposted by Dom Magnifico
After 15+ years of teaching, architecting & delivering CSS for global organisations & startups, I’ve collated that experience into an extensive course.
Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189
complete-css.com
Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189
complete-css.com
November 26, 2024 at 12:01 PM
After 15+ years of teaching, architecting & delivering CSS for global organisations & startups, I’ve collated that experience into an extensive course.
Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189
complete-css.com
Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189
complete-css.com
Building a Role Based Navigation in @nextjs.org using @clerk.com and need a fancy way to organize it? Check out how I built the navigation for a recent project. Shout out to the #webdev Bluesky crew 🤘
houseofgiants.com/blog/buildin...
houseofgiants.com/blog/buildin...
🚀 Building a Role Based Navigation in NextJS using Clerk
houseofgiants.com
November 25, 2024 at 10:46 PM
Building a Role Based Navigation in @nextjs.org using @clerk.com and need a fancy way to organize it? Check out how I built the navigation for a recent project. Shout out to the #webdev Bluesky crew 🤘
houseofgiants.com/blog/buildin...
houseofgiants.com/blog/buildin...
The houseofgiants.com website has been around for 3700 days....just over 10 years! Doesn't feel like it's been that long 😭
🤘 House of Giants | A Digital Interactive Studio
Dreaming of innovation. Experimenting with passion. Creating with purpose. We are a digital interactive studio focused on creating beautiful, bold, thoughtfully crafted websites.
houseofgiants.com
November 22, 2024 at 11:13 PM
The houseofgiants.com website has been around for 3700 days....just over 10 years! Doesn't feel like it's been that long 😭
Reposted by Dom Magnifico
We put together a video playlist about #CSS Anchor Positioning. Hope it's useful!
Featuring the Birds @jamessw.com, @namastacy.bsky.social, @miriam.codes
www.youtube.com/playlist?lis...
- Anchor Positioning intro
- Anchor-scope
- CSS image comparison slider, no JS
- Anchor Positioning in practice
Featuring the Birds @jamessw.com, @namastacy.bsky.social, @miriam.codes
www.youtube.com/playlist?lis...
- Anchor Positioning intro
- Anchor-scope
- CSS image comparison slider, no JS
- Anchor Positioning in practice
CSS Anchor Positioning - YouTube
Learn the latest about using CSS Anchor Positioning, and use it now with OddBird's polyfill- github.com/oddbird/css-anchor-positioning.
www.youtube.com
November 22, 2024 at 10:03 PM
We put together a video playlist about #CSS Anchor Positioning. Hope it's useful!
Featuring the Birds @jamessw.com, @namastacy.bsky.social, @miriam.codes
www.youtube.com/playlist?lis...
- Anchor Positioning intro
- Anchor-scope
- CSS image comparison slider, no JS
- Anchor Positioning in practice
Featuring the Birds @jamessw.com, @namastacy.bsky.social, @miriam.codes
www.youtube.com/playlist?lis...
- Anchor Positioning intro
- Anchor-scope
- CSS image comparison slider, no JS
- Anchor Positioning in practice
Reposted by Dom Magnifico
Tired:
@media (min-width: 500px) { }
Wired:
@media (width >= 500px) { }
Even better when you need to double up like:
@media (500px <= width <= 1000px) { }
Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.
Good article:
cssence.com/2024/superio...
@media (min-width: 500px) { }
Wired:
@media (width >= 500px) { }
Even better when you need to double up like:
@media (500px <= width <= 1000px) { }
Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.
Good article:
cssence.com/2024/superio...
November 21, 2024 at 11:41 PM
Tired:
@media (min-width: 500px) { }
Wired:
@media (width >= 500px) { }
Even better when you need to double up like:
@media (500px <= width <= 1000px) { }
Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.
Good article:
cssence.com/2024/superio...
@media (min-width: 500px) { }
Wired:
@media (width >= 500px) { }
Even better when you need to double up like:
@media (500px <= width <= 1000px) { }
Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.
Good article:
cssence.com/2024/superio...
Reposted by Dom Magnifico
I created a personal website starter pack!
All the lovely people on this list have ✨fantastic✨ personal #websites or #blogs. 👏 I hope you like it. 🤗
(Feel free to suggest your favorite personal websites as well, of course.)
go.bsky.app/QaRNu68
All the lovely people on this list have ✨fantastic✨ personal #websites or #blogs. 👏 I hope you like it. 🤗
(Feel free to suggest your favorite personal websites as well, of course.)
go.bsky.app/QaRNu68
November 21, 2024 at 12:13 PM
I created a personal website starter pack!
All the lovely people on this list have ✨fantastic✨ personal #websites or #blogs. 👏 I hope you like it. 🤗
(Feel free to suggest your favorite personal websites as well, of course.)
go.bsky.app/QaRNu68
All the lovely people on this list have ✨fantastic✨ personal #websites or #blogs. 👏 I hope you like it. 🤗
(Feel free to suggest your favorite personal websites as well, of course.)
go.bsky.app/QaRNu68
Reposted by Dom Magnifico
🔥 CSS Tip:
Use CSS :has() and :is() to create layouts based on contents.
For my slides, I cover several common layouts - text only, text + image, two images.
Then I just have to add the contents to the slide and the proper layout is applied.
Use CSS :has() and :is() to create layouts based on contents.
For my slides, I cover several common layouts - text only, text + image, two images.
Then I just have to add the contents to the slide and the proper layout is applied.
November 15, 2024 at 7:29 PM
🔥 CSS Tip:
Use CSS :has() and :is() to create layouts based on contents.
For my slides, I cover several common layouts - text only, text + image, two images.
Then I just have to add the contents to the slide and the proper layout is applied.
Use CSS :has() and :is() to create layouts based on contents.
For my slides, I cover several common layouts - text only, text + image, two images.
Then I just have to add the contents to the slide and the proper layout is applied.
🎃 We've been working on some complex, role-based apps lately. Navigation is always a sticking point, so I built a modular setup for creating them.
✅ Single source of truth for items
✅ Reusable sets for easy layouts
✅ Scalable, maintainable, and easy to update.
🔗 houseofgiants.com/blog/buildin...
✅ Single source of truth for items
✅ Reusable sets for easy layouts
✅ Scalable, maintainable, and easy to update.
🔗 houseofgiants.com/blog/buildin...
🚀 Building a Role Based Navigation in NextJS using Clerk
houseofgiants.com
October 30, 2024 at 3:53 PM
🎃 We've been working on some complex, role-based apps lately. Navigation is always a sticking point, so I built a modular setup for creating them.
✅ Single source of truth for items
✅ Reusable sets for easy layouts
✅ Scalable, maintainable, and easy to update.
🔗 houseofgiants.com/blog/buildin...
✅ Single source of truth for items
✅ Reusable sets for easy layouts
✅ Scalable, maintainable, and easy to update.
🔗 houseofgiants.com/blog/buildin...