Developer & Code

Web Tools Tools

The Web Tools department at Public Media Tool provides an engineered suite of browser-based utilities tailored for high-speed, client-side execution. Designed to streamline daily workflows across Developer & Code, each tool operates entirely inside your local web browser engine without uploading files, numbers, or text strings to external cloud servers. Whether you are conducting quick everyday conversions, validating technical parameters, or formatting high-volume data payloads, these tools deliver instantaneous results with zero latency and complete data confidentiality.

Available Web Tools (37 Tools)

URL Encoder & Decoder (encodeURIComponent)

Encode or decode strings for safe query parameter transmission.

Open Tool →

JSON Web Token (JWT) Header & Payload Decoder

Decode JWT token header, payload claims, expiration time, and signatures.

Open Tool →

Browser User-Agent & Device Spec Inspector

Inspect browser engine, operating system, device screen resolution, and hardware.

Open Tool →

DNS Record Types Cheat Sheet & Validator

Inspect DNS record structures for A, AAAA, CNAME, MX, TXT, NS, and SOA.

Open Tool →

IPv4 Subnet & CIDR Mask Calculator

Calculate CIDR subnet ranges, usable IP counts, network addresses, and broadcast IPs.

Open Tool →

IPv6 Address Compression & Expansion Tool

Compress expanded 128-bit IPv6 addresses or expand compressed "::" syntax.

Open Tool →

HTTP Status Codes Dictionary & Search

Search all 1xx, 2xx, 3xx, 4xx, 5xx HTTP response codes with cause & solutions.

Open Tool →

Raw HTTP Request / Response Header Inspector

Parse raw HTTP response headers into structured JSON Key-Value pairs.

Open Tool →

HTML Entity Encoder & Decoder (< > &)

Convert special HTML characters into entities (<, >, &, ") or decode.

Open Tool →

HTTP Cookie Header String to JSON Parser

Parse raw document.cookie header strings into formatted JSON key-value objects.

Open Tool →

URL Query Parameter Extractor & Builder

Parse complex URL query string parameters (?utm_source=...&id=...) into clean JSON.

Open Tool →

Google Analytics UTM Campaign Link Builder

Build trackable marketing campaign URLs with utm_source, utm_medium, utm_campaign.

Open Tool →

Robots.txt Generator & Directives Validator

Build robots.txt files with User-Agent rules, Disallow paths, and Sitemap links.

Open Tool →

Sitemap.xml Generator & Syntax Formatter

Generate valid XML sitemaps with <url>, <loc>, <lastmod>, and <changefreq> tags.

Open Tool →

Social Open Graph (OG) & Twitter Card Meta Tag Generator

Generate Open Graph (og:title, og:image) and Twitter Card tags with live preview.

Open Tool →

Schema.org JSON-LD Structured Data Builder

Generate JSON-LD structured data for Article, Product, Organization, and FAQ.

Open Tool →

CSS Flexbox Visual Layout Generator

Interactively test flex-direction, justify-content, align-items, and copy CSS code.

Open Tool →

CSS Grid Template Columns Visual Builder

Build CSS grid layouts with grid-template-columns, gap, and fr unit controls.

Open Tool →

CSS Glassmorphism & Backdrop-Filter Studio

Design glass UI components with blur, opacity, border, and backdrop-filter CSS.

Open Tool →

CSS Box Shadow & Drop Shadow Builder

Interactively adjust X/Y offset, blur radius, spread, opacity, and inset shadow.

Open Tool →

CSS Border Radius & Fancy Shape Studio

Adjust independent top-left, top-right, bottom-right, bottom-left border radii.

Open Tool →

CSS Linear & Radial Gradient Studio

Create multi-stop CSS gradients with angle controls and copy background CSS.

Open Tool →

CSS @keyframes Animation Studio

Create CSS pulse, bounce, shake, rotate animations and export @keyframes code.

Open Tool →

Visual HTML Table Code Builder

Build styled <table> HTML markup with <thead>, <tbody>, padding, and CSS classes.

Open Tool →

Markdown Grid Table Generator

Build clean formatted Markdown grid tables (| Header | Value |) with column alignments.

Open Tool →

Responsive HTML <iframe> Embed Code Generator

Generate responsive <iframe> embed tags with aspect ratio wrappers and security sandbox.

Open Tool →

SVG Vector to Encoded CSS Data URI Generator

Convert raw <svg> markup into clean background-image: url("data:image/svg+xml,...") CSS.

Open Tool →

CSS @font-face Code Snippet Generator

Build CSS @font-face directives for WOFF2 / WOFF custom web fonts.

Open Tool →

Responsive CSS Breakpoint Cheat Sheet

Reference standard media query breakpoints for Mobile, Tablet, Desktop, and 4K displays.

Open Tool →

Browser LocalStorage & IndexedDB Storage Quota Inspector

Inspect browser storage usage (Bytes used) and available IndexedDB storage quota.

Open Tool →

Browser BroadcastChannel Cross-Tab Event Tester

Send and receive real-time messages across open browser tabs on same origin.

Open Tool →

Web Speech Synthesis Text-to-Speech (TTS) Tester

Test browser native speech synthesis voices, pitch, rate, and audio spoken text.

Open Tool →

Core Web Vitals (LCP, FID/INP, CLS) Metrics Guide

Learn target thresholds for Largest Contentful Paint (LCP), INP, and Cumulative Layout Shift (CLS).

Open Tool →

Canonical Tag & Duplicate Content URL Builder

Generate <link rel="canonical" href="..."> tags to prevent duplicate content SEO penalties.

Open Tool →

Hreflang Multilingual & Regional Language Tag Builder

Generate <link rel="hreflang" ...> tags for international multi-language websites.

Open Tool →

Web App Manifest (manifest.json) PWA Builder

Generate Web App Manifest JSON for Progressive Web Apps (PWA) installability.

Open Tool →

HTML5 Data Attribute & QuerySelector Builder

Generate custom data-* attributes and corresponding CSS / JS querySelectors.

Open Tool →

Key Benefits of Web Tools

  • • 100% Client-Side Privacy: All operations execute within your browser sandbox; no inputs or documents are transmitted to remote servers.
  • • Zero Setup & Registration: Instant access without accounts, email captures, passwords, or recurring subscription fees.
  • • Ultra-Low Latency: Near-instant calculations and rendering powered by modern JavaScript V8 engines, Web Workers, and WebAssembly.
  • • Cross-Platform Reliability: Fully functional and responsive across desktop, tablet, and mobile browsers with offline caching capabilities.