Skip to main content

Search

Items tagged with: FrontEnd


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


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


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

⇧