The technique doesn’t only apply to cute character animations though. The Motion design aspect of a digital interface has significant implications on UX, user perception and “feel”. … Read article “Repeatable, Staggered Animation Three Ways: Sass, GSAP and Web Animations API”
In this series, I’m going to show … Read article “Form Validation Part 1: Constraint Validation in HTML”
In this article, we’ll compare WAAPI and animations done in CSS.… Read article “CSS Animations vs Web Animations API”
This article by Mark Dalgleish will go down as one of the most important front-end development articles of 2017.
CSS-Tricks itself is a WordPress site, and one in which WordPress is a perfect fit for. Between things like the login and permissions system, blogging, pages, custom post types, forums, eCommerce, and more, CSS-Tricks makes use of a huge swath of what WordPress is capable of.… Read article “#154: A Poster Child WordPress Site”
The outline-offset property in CSS offsets a defined outline from an element’s border edge by a specified amount. An outline, which is different from a border, does not take up any space on the page (like an absolutely positioned element) so the outline can be offset in any amount and it will not affect the position or layout of surrounding elements.… Read article “outline-offset”
I like to think of myself as having a decent amount of persistence. But of course, life is complicated. Sometimes I have it and sometimes I don’t. I have in some areas and not in others. C’est la vie. Here’s two very short things that I’ve written up along this theme.… Read article “Persistence Has a Weird Way of Getting Things Done”
Smooth scrolling (the animated change of position within the viewport from the originating link to the destination anchor) can be a nice interaction detail added to a site, giving a polished feel to the experience. If you don’t believe me, look at how many people have responded to the Smooth Scrolling snippet here on CSS-Tricks.… Read article “Smooth Scrolling and Accessibility”
News about some upcoming conferences, like Clarity, CodeLand, a Grid Workshop,
Maker Series, and upcoming An Event Apart shows.
The final demo comes as a project you can explore. And don’t miss our recent roundup of some of the best Web Audio API Pens ever on CodePen. … Read article “Recreating Legendary 8-bit Games Music with the Web Audio API”