Development & Dev Tools

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

🚫 How to Run UX Research Without Access To Users. With practical techniques to avoid guesswork and gather insights if you can’t talk directly to users… | 41 comments on LinkedIn

How (and why) to use shadow DOM, now that the declarative syntax is here.

A year ago, Apple, Bocoup, Google, Igalia, Microsoft, and Mozilla came together to improve the interoperability of the web and to continue our commitments to web standards — actions that ensure the web will work in any browser, on any operating system, with any computer.

The web is amazing.

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

A collection of useful cross-browser DevTools tips - GitHub - captainbrosset/devtools-tips: A collection of useful cross-browser DevTools tips

Amazon CodeWhisperer is an AI coding companion that generates whole line and full function code suggestions in your IDE to help you get more done faster.

CodeWP is a WordPress code generator that uses AI and specialized models for WordPress, Woo and others to help you build better & quicker.

Once you decide to learn WordPress development, the first thing you’ll be faced with is selecting a learning resource. There are lots of one-off lessons, courses, books, boot camps, etc. But how do you know which are up-to-date, what is worth your time, and what is user versus developer-focused? The resources below are ones that... Read More