I’m currently looking for new opportunities in freelance, contract, or permanent roles starting in the new year. If you know of any openings or can share this post, I’d be grateful for your support!

With expertise in frontend development, web design, interaction design, and design systems, I’m excited to bring fresh ideas and skills to new projects.

#frontend #webdesign #interactiondesign #css #html #sass #designsystems #static #11ty

Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on @codepen.

At the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.

Now it's cross-browser codepen.io/thebabydino/pen/gOqYdJd

#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev

Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it reddit.com/r/css/comments/1gpz…

Live demo on @codepen
codepen.io/thebabydino/pen/WNV… (single div, heavily commented)

#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend

This little thing made this week's @codepen Spark!

codepen.io/spark/415

#CSS #code #coding #frontend #web #dev #cssGradient #webDevelopment #webDev #glow #cssAnimation #rainbow

Here's a fun #3D layered text effect on @codepen codepen.io/thebabydino/pen/vYM…

No text duplication whatsoever, no text-shadow, no JS, no images save for CSS gradients.

All done with #CSS gradients, transforms & #SVG #filter magic! 🪄

Also an entry for this week's
#CodePenChallenge.

#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend

Come as you are¹ on @codepen codepen.io/thebabydino/pen/yLw…

No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic.

Also an entry for this week's #CodePenChallenge.

¹but fully clothed

#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend

🚀 New Post 🚀

A Design Tokens Workflow (part 2): Outputting to Different Formats With Style Dictionary

Learn how to output Design Tokens to CSS, Sass, JavaScript, iOS, Android, and more.

🔗 alwaystwisted.com/articles/a-d…

#DesignTokens #FrontEnd #WebDev #DesignSystems

A Design Tokens Workflow (part 2) - Outputting to Different Formats with Style Dictionary | Always Twisted

Explore the various built-in formats in Style Dictionary for transforming design tokens into usable code across platforms.

^{Always Twisted}

Fixed a long-standing color contrast problem on my website 🎉

Been using (h/t @KiwiKilian) remark-shiki-twoslash as an @eleventy v3 replacement for eleventy-plugin-shiki-twoslash to highlight syntax in Markdown code blocks.

But it's stuck on an old Shiki version with no accessible themes. So I forked it!

@olets/eleventy-plugin-shiki-twoslash has high contrast themes and supports Eleventy 3. (CJS->ESM side quest: createRequire)

github.com/olets/shiki

#shiki #eleventy #FrontEnd #a11y