You know those wipe transitions between scenes in Star Wars movies? Have you ever thought it would be awesome to recreate them with CSS? Let’s do it. Spoiler alert: this article is secretly a tutorial on animating CSS masks.
Color fonts provide a way to add richness to your designs without sacrificing any of the many benefits of using plain text. Regardless of how decorative a color font is, the underlying text is always searchable, copy/paste-able, scalable, translatable, and compatible with screen readers.
There are several challenges arise that prevent development teams from releasing rapidly such as manual deployment processes, a lack of automated testing, and code integration. With the help of Continuous Integration and Delivery/Deployment (CI/CD), these problems are solved easily with automation. In this article, I’ll explain what CI/CD is, the benefits and how you can put it into practice as a Frontend Developer.
Learn 7 useful SVG animation techniques to make beautiful graphics for your website. In this tutorial, we’ll build two different SVGs from scratch and animate them CSS.
Thanks to Cloud Four for sponsoring this week’s newsletter! If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.