Stick around ‘til the end. We’ve got a four-legged percussionist who’s stealing hearts and drumsticks. In today’s edition: There’s a new WordPress feature that could make your site feel lightning-fast… or break it completely. The kicker? It’s already turned on. Ottokit left a door open to privilege escalation and hackers everywhere said “thank you.” If…
What we’re building Here’s the gradient generator we’re going to build. Click the button at the bottom to generate random new mesh gradients! Once they’re generated, you can copy the CSS to recreate the gradients using the background-image property in combination with radial-gradient. Wait, what’s a mesh gradient? Good question. Mesh gradient is the name…
In the following tutorial, I’ll show you how to edit text in Lottie images. We have a tutorial on how to create a Lottie text animation, and here we’ll cover the alternative that you have, how to access and modify the text, and how to export your updated animations. 1. How to edit text in…
Ready to learn how to create a Lottie loading animation using Figma? We’ll walk through designing the animated graphic, prototyping it, and exporting it using the LottieFiles plugin. All you need is a free Figma account. If you’re starting, here’s everything you need to know about Lottie animations, and if you’re ready to get inspired,…
The tool will have the following features: Ability to select a font base size Ability to choose different fonts from commonly used Google Fonts Ability to adjust the font weight A live preview for visualizing the typography scaling Ability to generate and copy CSS variables. So.. what exactly are we building? Here’s a demo to…
A few years ago, my mum, who is in her 80s and not tech-savvy, almost got scammed. She received an email from what appeared to be her bank. It looked convincing, with a professional logo, clean formatting, and no obvious typos. The message said there was a suspicious charge on her account and presented a…
path Element: Curve And Arc Commands
In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really offer us any new shape options. This will change in this article as we’re learning how to draw curves and arcs, which…
UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the needs of every user, but we shouldn’t expect different people using the product in roughly the same way. That’s…
CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, and later, you try to override it with a different style and… nothing, it…
If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you something new! These are all things I wish someone had told me when I was getting started on my web…
