Development & Dev Tools

The semantics you didn't know you needed.

Test your website at different resolutions! Screenfly is here to show you how your website looks on any device. 📱

A one-stop-shop for explanation about Right to Left languages online.

DevKinsta yes, Craft Nitro no

GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.

Perform Live Mobile View Debugging of your website on different devices with LT Browser. Test on mobile and tablet simultaneously on our browser and debug user issues and see their impact on the go on over 50+ devices!

RoboSwarm is a WordPress & WooCommerce load testing platform that requires no coding experience to use.

HTML semantic brings meaning to the code we write. Previously when there was no semantic HTML, the elements lacked meaning to what they do.

WPSandbox.net enables provides you with free temporary test WordPress Site. The set up can be single or multisite. You can learn WordPress and/or try new plugins or themes. You have access to (S)FTP, phpMyAdmin and more.

qSandbox.com enables you to set up a free test/sandbox/staging WordPress site in seconds. No technical knowledge required. Try WordPress plugins and themes in a safe environment before you actually put them on your live site without the risk of crashing it.

HTTP Status Dogs. Hypertext Transfer Protocol Response status codes. And dogs.

DevKinsta is a free suite of local development tools for macOS, Windows and Linux. Use DevKinsta to build, develop, and test WordPress sites.

How eliminating problems can drastically simplify your codebases and life

Firefox is not only one of the highest rated browsers but also quite popular among web designers and developers. One of the many reasons why Firefox is

A better design handoff experience for designers is easily done if you know how. Make the entire process faster, easier, and better planned.

Our lives as UI designers have never been easier with a host of amazing tools at our disposal. In this article, Paul Boag explores some of the useful tools that he keeps close at his work.

Test your new site before it goes live, no DNS modifications needed!

themer takes a set of colors and generates themes for your apps: editors, terminals, wallpapers, and more.

Neuroscientists have found reading computer code does not rely on the regions of the brain involved in language processing. Instead, it activates the 'multiple demand network,' which is also recruited for complex cognitive tasks such as solving math problems or crossword puzzles.

Debugging WordPress starts with WP_DEBUG, but can go far beyond that. In this article, we will: See how to write debug messages to a log file and where

Smart and easy visual feedback for websites and images. Invite unlimited contributors to any project. Did we mention it's free?

This session, recorded for SmashingConf SF 2020, shares 15 tips for web design with DevTools in Chromium-based browsers like Edge and Chrome.

This is an extended version of my essay “When front-end means full-stack” which was published in the wonderful Increment magazine put out by Stripe. It’s also something of an evolution of a couple other of my essays, “The Great Divide” and “Ooops, I guess we’re full-stack developers now.”

Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. This article explains everything they need to know to work with Figma.

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be

The Google APIs Explorer is is a tool that helps you explore various Google APIs interactively.

Simple, free and easy to use online tool that escapes a string. No ads, popups or nonsense, just a string escaper. Load a string, escape a string.

A quick and easy way to figure out what the best tool for your next project is, if it’s worth your time to migrate from one tool to another and how to adopt a best practice into your existing code base. Brought to you by web.dev

What if everyone's wrong?