Some holiday text effects. There are definitely better ways to do these now but use it for inspiration
https://codepen.io/collection/Xeovzj
https://codepen.io/collection/Xeovzj
Mandy
- 949 Followers
- 104 Following
- 97 Posts
Not an April Fools Joke - I added a Webring to my blogs, now you can navigate between http://variablefonts.dev, http://texteffects.dev and http://textlab.dev via the joy of my Webring. I'm immensely happy with this addition - taking suggestions for a better name.
New post on variablefonts.dev featuring Honk by EK Type Foundary
the variable color font available on Google Fonts, it's perfect for Batman text (and more). *Warning one of these demos is a bit of an assault on the eyes.
New post on TextEffects.dev for creating a "Flickering Neon Glowing Text Effect". Video tutorial will come later in the week.
A really cool sound I discovered playing with my kid.
Latest Text Effect Tutorial - Creating icy, frozen, text effect with CSS and HTML (with a little bonus animation).
https://texteffects.dev/posts/ice-text-effect
Youtube Video: https://www.youtube.com/watch?v=bO3-0G-l3bg
Codepen: https://codepen.io/mandymichael/pen/wpYQKx
The Playground (no code) texteffects.dev/icetext
New Website: https://TextEffects.dev
First post featured: Creating Gold Text with CSS
Post: https://texteffects.dev/posts/gold-text-effect
Just the Effect: https://texteffects.dev/goldtext
Video Tutorial: https://youtu.be/ZbiBmpPZ8zU?si=EeUjt0qEs-ni7ZdG
(Can't change the youtube channel url for 14 days so i'm stuck for now 😅)
I am absolutely thrilled that I was selected to speak at NDC Conferences in Oslo in June! I'm even more excited that it's for my talk on "Performance and Accessibility with HTML". It makes me so happy to have the opportunity to help people improve performance and accessibility utilising something they already use, just a bit better! HTML is so much more useful and powerful than you might expect!
If you're attending, in the area, I hope to see you there! https://ndcoslo.com
A little post about using data-attributes and the CSS Content property for things like Text Effects and why it's problematic for accessibility. Plus, what you can do to make it accessible.
I wrote up a quick post on TextLab on View Transitions in Chrome, by having it transition from one page to another with a clip-path animation. Recreating a text effect
This only works in Chrome and Edge at the moment but it was fun to play with.
