Create Fast-Loading Custom Image Sizes for Your WordPress Theme

By default, WordPress automatically takes images uploaded to the media library and generates additional sizes of your image: thumbnail, medium, and large, with the option to add custom sizes. While you can edit those sizes in Settings->Media, as you develop your theme, you’ll surely create components that utilize images at specific sizes. The sizes of…

Creating an Intuitive Site-Editing Experience

To do our jobs well as web developers, designers, and UX/UI experts, we are constantly thinking about the user. After all, they are the ones who will be interacting with the site, placing orders, consuming content, submitting information, and more. All of those tasks must be efficient, easy to understand, and appealing. When building a…

Using Chrome’s Coverage Tool to Optimize Your CSS

Websites are ever-evolving products. They are updated for speed, security, accessibility, and new features. The thought experiment about the Ship of Theseus comes to mind when thinking about the lifetime of a website. If you replace boards on a wooden ship as they rot, every board will eventually get replaced. At that point, is it…

Using ::marker to Style Your Lists

Before ::marker, if you wanted to customize the look of your list-items, one option was to change the list-style-type property to select a new marker from a list of options while the color of the marker was linked to the color of the text. You could change the disc to a square, a circle, or…