Visual CSS Specificity Calculator - Online (0,0,1) Style
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
UD5 Toolkit
Choose the perfect wood joint based on load requirements, desired appearance, wood type, and your project. Get instant recommendations with detailed pros & cons.
Try adjusting your filters. For example, hardwood can often handle heavier loads with the right joint.
Expert answers to common wood joint questions
Even the strongest mechanical joint benefits from quality wood glue. For outdoor projects, use Type III waterproof glue (like Titebond III). For indoor fine furniture, Type II is sufficient. The glue bond is often stronger than the wood itself when properly clamped.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
Limit browser gestures on an element: pan‑x, pinch‑zoom, manipulation. Draw on a canvas to test. Mobile dev helper.
List each item with weight, see total load. Color-coded recommendations for reducing pack weight. Local storage.
Select text and see the Selection object properties. Create ranges programmatically. Understand how rich‑text editors work.
Chain multiple CSS filter functions and see the result on an image. Copy the filter string. No upload.
Recreate the target CSS linear gradient by adjusting stops and colors. A unique game for front‑end developers to master gradients.
Try all object‑fit values (fill, contain, cover, scale‑down) on an image. Adjust object‑position. Copy the CSS.
Preview different touch feedback patterns (scale, color, ripple) for mobile buttons. Copy the CSS and HTML. Improve mobile UX.
Create a simple seating chart by dragging desk icons and assigning names. Print or screenshot. Perfect for teachers.
Search for common ingredient substitutions (e.g., buttermilk, egg, cornstarch). Quick reference for when you're missing something. Local data.
Adjust a brightness threshold slider and see the live vector trace of an image. Export as SVG. Potrace‑style.
Construct HTTP Link headers for server push replacements, preload, and preconnect. Copy the header value.
Apply a blur effect to image background while keeping the subject sharp. Simple brush selection for area to keep sharp. CSS+Canvas implementation, local only.
Render 1000 styled elements using inline styles vs. CSS classes and compare time. Understand CSS‑in‑JS trade‑offs.
Enter two URLs and see if they resolve to the same canonical form after normalization. Find duplicate content issues.
Click on a box to set the transform‑origin point and see how rotations and scales change. Copy the CSS.
Generate a subtle noise/grain texture as a CSS background pattern. Adjust opacity and size. For that film look.
Drag and drop pieces to set up a chess position. Generate FEN string and copy to share. Analyze openings. Local only.
Generate a subtle or heavy noise/grain texture as a CSS background. Adjust intensity and color. Copy the small code.
Apply a realistic oil painting texture to your photo. Adjust brush size and roughness. Brush stroke simulation.
Enter a common chemical name to see summary hazard pictograms and precautions. Quick reference.
Interactive cheatsheet for JavaScript regular expressions with live examples. Click any token to see its explanation and test it on sample text immediately.
Apply real-time CSS filters or canvas effects to a video and download the processed output. Experiment with video post-processing locally.
An interactive reference for regular expression tokens. Click a token to see its explanation and example. Learn regex faster.
Create a random magical item with a name, effect, and lore for your RPG session. Perfect for dungeon masters. No API.
Drop a PDF and extract any embedded JavaScript or form actions. Check for malicious code. Privacy‑friendly analysis.
Create and format Markdown tables by adjusting rows and columns. Align text, copy the raw Markdown. Perfect for README files.
Choose Babel presets (env, React, TypeScript) and plugins. Get a clean babel.config.json to transpile your code. Local tool.
Quick reference of HTTP methods with their semantics, idempotency, and example REST usage. Static, fast.
Generate dynamic placeholder images by specifying width, height, colors, and text. View instantly as a URL you can embed in mockups. Canvas-based.