199 Articles
Developer Tools
Articles filed under Developer Tools.
Showing 85–105 of 199 articles
code Developer Tools
How to Create a Webpack Config
Generate a starter webpack config with entry, output, dev server, and loader settings so you can begin from a working setup.
code Developer Tools
How to Estimate Docker Image Size
Estimate a Docker image’s final size from the base image, layers, and cache overhead before you build and push a heavy container.
code Developer Tools
How to Find Unused CSS Rules
Review stylesheet selectors against page HTML and spot likely-unused CSS rules before the stylesheet gets heavier than it needs to be.
🎨 Developer Tools
How to Generate a Tailwind Config Without Guessing Defaults
Set content paths and a brand color to generate a clean tailwind.config.js file, entirely in your browser.
code Developer Tools
How to Generate Firewall Rules
Generate starter firewall rule text from source, destination, port, and action inputs so local planning is quicker and clearer.
🗺️ Developer Tools
How to Make Clickable Regions on an Image
Generate HTML image map markup with correct coordinates and alt text, and know when an SVG is the better answer for a responsive layout.
🔄 Developer Tools
How to Migrate Bootstrap Classes to Tailwind
Map Bootstrap utilities to Tailwind equivalents, including the spacing scale collision that silently shifts every margin in the project.
📓 Developer Tools
How to Open an .ipynb File Without Jupyter
Read a Jupyter notebook's code, markdown and saved outputs without installing Python, and spot when cells were run out of order.
📧 Developer Tools
How to Preview Email HTML Across Gmail, Outlook, and Apple Mail
Paste email HTML and preview approximately how it renders in Gmail, Outlook, Apple Mail, and Yahoo Mail, entirely in your browser.
🕸️ Developer Tools
How to Read a HAR File and Find Slow Requests
Open a HAR network capture, sort by time to find what's actually slow, and handle the credentials a HAR file quietly contains.
🧩 Developer Tools
How to Read a Regex You Didn't Write
Break an unfamiliar regular expression into plain English token by token, and spot the nested quantifiers that make a pattern a denial-of-service risk.
code Developer Tools
How to Read an SQL Explain Plan
Read an SQL EXPLAIN plan as a tree, spot costly steps, and understand filter order without guessing. A practical guide for query debugging and tuning.
signal Developer Tools
How to Reference Common Network Ports
Look up common network ports, protocols, and service names in one browser reference so your checklist stays quick and practical.
🧹 Developer Tools
How to Remove Comments From Code Without Breaking Strings
Paste code to remove line and block comments while keeping formatting and strings intact, entirely in your browser.
signal Developer Tools
How to Run a Touchscreen Test
Test touchscreen support, touch points, and swipe response in your browser before you blame the app. A simple check for devices that should tap.
📷 Developer Tools
How to Scan a Barcode With Your Camera in the Browser
Point your camera at a barcode or QR code to decode its value instantly, right in your browser, entirely in your browser.
⚡ Developer Tools
How to Set Up a Vite Config Without Guessing
Configure Vite with path aliases, a dev proxy and the right build target, and avoid the alias mismatch that breaks your editor but not your build.
🆔 Developer Tools
How to Tell Which UUID Version You Have
Read a UUID's version and variant from its own digits, decode any embedded timestamp, and know which version belongs in a database primary key.
🔔 Developer Tools
How to Test Browser Notification Permissions
Check the three notification permission states, request them from a user gesture, and exercise the denied path your code probably handles badly.
code Developer Tools
How to Test Glob Patterns
Test glob patterns against real file paths and see which files match, exclude, or fail the wildcard rules before you save the config.
code Developer Tools
How to Validate Structured Output
Validate JSON or schema-like structured output and catch parsing errors locally before your downstream workflow breaks.