In this episode, we explore a CSS-only technique for replacing button text—a clever trick using "visibility: hidden" and the ":before" pseudo-element. But is it the best approach? We discuss its accessibility drawbacks and suggest alternatives for a more inclusive design. Tune in to learn when and how to use this method responsibly!--Read the full blog post: <a href="https://design-code.tips/blog/2020-05-03-replace-text-with-css-only/" target="_blank" rel="noopener noreferer">Replace Text with CSS Only</a>

In this episode, we explore a CSS-only technique for replacing button text—a clever trick using "visibility: hidden" and the ":before" pseudo-element. But is it the best approach? We discuss its accessibility drawbacks and suggest alternatives for a more inclusive design. Tune in to learn when and how to use this method responsibly! -- Read the full blog post: Replace Text with CSS Only

In this episode, we explore a CSS-only technique for replacing button text—a clever trick using "visibility: hidden" and the ":before" pseudo-element. But is it the best approach? We discuss its accessibility drawbacks and suggest alternatives for a more inclusive design. Tune in to learn when and how to use this method responsibly!--Read the full blog post: <a href="https://design-code.tips/blog/2020-05-03-replace-text-with-css-only/" rel="noopener noreferrer">Replace Text with CSS Only</a>

22 | Replacing Text with CSS

Welcome to design-code.tips — the podcast where modern web-dev, thoughtful UI design, and practical AI workflows converge. Each episode expands on a blog post from design-code.tips, adding audio-only extras: hands-on demos, performance tricks, and real stories from shipping products. Expect clear take-aways on React, Tailwind, accessibility, and how to leverage AI for faster prototyping and smarter coding. Created by Nuno Marques (a.k.a. ositaka) – your calm, actionable learning companion.
(Episodes created with the help of Notebook LM.)

Education

How To

Welcome to design-code.tips — the podcast where modern web-dev, thoughtful UI design, and practical AI workflows converge. Each episode expands on a blog post from design-code.tips, adding audio-only extras: hands-on demos, performance tricks, and real stories from shipping products. Expect clear take-aways on React, Tailwind, accessibility, and how to leverage AI for faster prototyping and smarter coding. Created by Nuno Marques (a.k.a. ositaka) – your calm, actionable learning companion. (Episodes created with the help of Notebook LM.)

Share 22 | Replacing Text with CSS

Sign up to save your podcasts

22 | Replacing Text with CSS

22 | Replacing Text with CSS