Development & Dev Tools

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

Cross-browser end-to-end testing for modern web apps

Check any website or webpage for broken links in seconds. Find dead internal and external backlinks. No signup or download required

Complete JSON editor for Windows with JSON syntax-coloring, auto-completion, well-formed checking, JSON to XML/CSV conversions, JSON Schema validator and more.

Plugin Machine helps you create the start point for new WordPress plugins, add new features to existing plugins, as well as packaging plugins for release. Use Plugin Machine to create modern WordPress plugins with all the React and PHP tooling and tests you need.

WordPress Plugin Boilerplate Generator, Stop wasting time searching and replacing text strings manually

Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly.

Get answers from data, even if you don't know SQL.