Anna Monus

Interaction to Next Paint is Google's interactivity metric, included in its search engine algorithm. This post discusses its methodology, three key phases,...

CSS Grid and Flexbox might seem similar on the surface but they each offer unique features with specific use cases.

Interactive, 3D scenes can improve the visual aesthetics of your site, but at the same time, they can slow down the page. Will your website visitors wait for...

To customize your WordPress theme, you frequently have to add custom JavaScript. It’s a bit more complicated than adding custom CSS, as you can’t use the...

Time for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...

Here are seven useful and easy-to-implement methods you can use to make emojis accessible on your website.

Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips...

There are various HTML and CSS techniques you can use to improve your Largest Contentful Paint scores for both desktop and mobile users. This guide includes...

With JavaScript event listeners, you can add dynamic functionality to your web page. You can react to events taken place on the page–for instance, you can...

Core Web Vitals measure the loading quality, interactivity, and visual stability of a web page. As they are now a ranking factor, optimizing your website for...

In this cheat sheet, you can find the most commonly used jQuery-to-JavaScript equivalents with syntax, code examples, and links to documentation.

In this high-level overview of the DOM and the DOM API we’ll look into the basics of how to write native JavaScript code for web browsers without using any...