Development & Dev Tools

Introduction to the technique of refactoring and online catalog of refactorings

This guide provides guidance for implementing modernization design patterns that let you add new features, and migrate existing ones without disrupting the business.

Change Messy Software Without Breaking It.

He says nothing. He writes one line. It works.

Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

Key points: WordPress stores all your content in 12 MySQL database tables that organize posts, users, settings, and metadata. Every page load queries the

A collection of bad practices in HTML, copied from real websites.

Web Check is the all-in-one OSINT and security tool, for revealing the inner workings of any website

Community driven roadmaps, articles and guides for developers to grow in their career.

What we call things is important, often as it helps us communicate clearly with our team; there are three terms I regularly hear used interchangeably.

Convert WordPress block HTML to its JavaScript object or PHP array forms.

Make your dynamic content accessible by default with the HTML tag that time forgot.

In this article we'll run through how to use EXPLAIN to write better MySQL queries.

TPGi's ADA Color Contrast Checker helps determine the accessibility of the contrast ratio of two colors for WCAG AA and AAA.

Discover the most powerful new developer tools features in Chrome 134 that will help you build faster websites and debug performance issues more effectively.

Learn how to use Chrome DevTools to inspect and edit websites, view what files are downloaded, and generate detailed website performance reports.

It's going to be easier to style the 'details' and 'summary' elements

Accordion details, toggle switches, styleable selects, responsive video, and more!

HTML attributes are like little instructions that we add to the markup of elements to make them do certain things or behave in certain ways. For example, most of us know that the `target` attribute with a value of `_blank` opens the link in a new tab or window. But did you know that you can use it on the `form` element, too? John Rhea presents several lesser-known uses for common HTML attributes.

An unofficial guide to the HTML blockquote element

Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.

To enhance the reasoning capabilities of off-the-shelf Large Language Models (LLMs), we introduce a simple, yet general and effective prompting method, Re2, i.e., \textbf{Re}-\textbf{Re}ading the...

Free online tool to check URL redirects, analyze redirect chains, and optimize your website's SEO performance.

Find inspiration for naming things – be that HTML classes, CSS properties or JavaScript functions – using these lists of useful words.

The 2023 edition of the annual survey about the latest trends in the HTML ecosystem.

Build Fast, Ship Faster with Studio Meet Studio by WordPress.com—a fast, free way to develop locally with WordPress. Share your local sites with clients or colleagues and keep your local developmen…

The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer / engineer.

Extension for Visual Studio Code - Embeds a WordPress installation in your your VS Code