JPG doesn’t support alpha transparency. PNGs that do support alpha transparency don’t compress nearly as well as JPG. SVG has masks and clipping paths, which we can use to our advantage here.… Read article ““Combine the transparency of a PNG with the compression of a JPG””
Have you ever wondered how browser figures out which assets should be requested and in what order?
The four main design principles listed are fascinating:
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”