I want to take a closer look at the CSS animation property and walk through an effect that I used on my own portfolio website: making text appear from behind a moving object. Here’s an isolated example if you’d like to see the final product.
Here’s what we’re going to work with:
See the Pen
Revealing Text Animation Part 4 – Responsive by Jesper Ekstrom (@jesper-ekstrom)
on CodePen.
Even if you’re not all that interested in … Read article
The post Slide an Image to Reveal Text with CSS Animations appeared first on CSS-Tricks.
David Heinemeier Hansson has written an interesting post about the current state of web design and how designers ought to be able to still work on the code side of things:
We build using server-side rendering, Turbolinks, and Stimulus. All tools that are approachable and realistic for designers to adopt, since the major focus is just on HTML and CSS, with a few sprinkles of JavaScript for interactivity.
And it’s not like it’s some well kept secret! In fact, every
The post Designing for the web ought to mean making HTML and CSS appeared first on CSS-Tricks.
Over the past week or so, I’ve been reading Refactoring by Martin Fowler and it’s all about how to make sweeping changes to a large codebase in a way that doesn’t cause everything to break. I bring this up because there’s a lot of really good notes in this book that have challenged my recent approach to auditing and refactoring a ton of CSS. A lot of the advice is small, kinda obvious stuff, but I realized that I’ve … Read article
The post The Slow and Steady Refactor appeared first on CSS-Tricks.
Chen Hui Jing has tackled a ton of design patterns for tables that might come in handy when creating tables that are easy to read and responsive for the web:
There are a myriad of table design patterns out there, and which approach you pick depends heavily on the type of data you have and the target audience for that data. At the end of the day, tables are a method for the organisation and presentation of data. It is
The post Table design patterns on the web appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
