{"id":40,"date":"2025-10-18T17:19:12","date_gmt":"2025-10-18T17:19:12","guid":{"rendered":"https:\/\/aqgamingworld.linkpc.net\/?page_id=40"},"modified":"2025-10-22T12:02:14","modified_gmt":"2025-10-22T12:02:14","slug":"web-developers-all-in-one-toolbox","status":"publish","type":"page","link":"https:\/\/aqgamingworld.linkpc.net\/?page_id=40","title":{"rendered":"Web Developer&#8217;s All-in-One Toolbox"},"content":{"rendered":"<p>&lt;!doctype html&gt;<\/p>\n<p><style>\n    :root{<br \/>\n        --primary-color:#2563eb;<br \/>\n        --secondary-color:#64748b;<br \/>\n        --background-color:#f8fafc;<br \/>\n        --card-color:#ffffff;<br \/>\n        --text-color:#1e293b;<br \/>\n        --border-color:#e2e8f0;<br \/>\n        --success-color:#059669;<br \/>\n        --error-color:#dc2626;<br \/>\n    }<br \/>\n    *{box-sizing:border-box;margin:0;padding:0}<br \/>\n    body{<br \/>\n        font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;<br \/>\n        background:var(--background-color);<br \/>\n        color:var(--text-color);<br \/>\n        line-height:1.6;<br \/>\n        padding:20px;<br \/>\n    }<br \/>\n    .container{max-width:1200px;margin:0 auto}<br \/>\n    header{ text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}<br \/>\n    header h1{color:var(--primary-color);font-size:2rem;margin-bottom:.25rem}<br \/>\n    header p{color:var(--secondary-color)}<br \/>\n    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.75rem}<br \/>\n    .card{<br \/>\n        background:var(--card-color);<br \/>\n        border-radius:12px;<br \/>\n        padding:1rem;<br \/>\n        border:1px solid var(--border-color);<br \/>\n        box-shadow:0 4px 6px rgba(0,0,0,0.03);<br \/>\n        transition:transform .12s ease,box-shadow .12s ease;<br \/>\n    }<br \/>\n    .card:focus-within, .card:hover{transform:translateY(-3px);box-shadow:0 10px 18px rgba(0,0,0,0.06)}<br \/>\n    .card h3{color:var(--primary-color);margin-bottom:.6rem;font-size:1.1rem}<br \/>\n    textarea,input,select{<br \/>\n        width:100%;<br \/>\n        padding:.6rem;<br \/>\n        border-radius:6px;<br \/>\n        border:1px solid var(--border-color);<br \/>\n        font-family: \"Courier New\", monospace;<br \/>\n        font-size:.95rem;<br \/>\n    }<br \/>\n    .btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem .9rem;border-radius:6px;cursor:pointer}<br \/>\n    .btn:hover{background:#1d4ed8}<br \/>\n    .btn.secondary{background:#111827;color:#fff}<br \/>\n    .btn.ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}<br \/>\n    .btn[disabled]{opacity:.6;cursor:not-allowed}<br \/>\n    .btn-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}<br \/>\n    .result{<br \/>\n        margin-top:.75rem;background:#f1f5f9;border:1px solid var(--border-color);padding:.75rem;border-radius:6px;min-height:64px;<br \/>\n        white-space:pre-wrap;font-family: \"Courier New\", monospace;font-size:.9rem;color:var(--text-color)<br \/>\n    }<br \/>\n    .color-preview{width:48px;height:48px;border-radius:6px;border:1px solid var(--border-color);display:inline-block;vertical-align:middle;margin-left:.5rem}<br \/>\n    .footer{text-align:center;padding:1.25rem 0;margin-top:2rem;border-top:1px solid var(--border-color);color:var(--secondary-color)}<br \/>\n    .controls-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}<br \/>\n    .small{font-size:.85rem;color:var(--secondary-color)}<br \/>\n    \/* responsive tweaks *\/<br \/>\n    @media (max-width:520px){ .controls-row{flex-direction:column;align-items:stretch} }<br \/>\n<\/style><\/p>\n<p>&nbsp;<\/p>\n<div id=\"devtoolbox\" class=\"container\"><header>\n<h1>DevToolbox<\/h1>\n<p class=\"small\">Web Developer&#8217;s All-in-One Toolkit \u2014 client-side utilities<\/p>\n<\/header>\n<div class=\"grid\" role=\"list\"><!-- JSON -->\n<section class=\"card\" role=\"listitem\" aria-labelledby=\"jsonTitle\"><\/section>\n<\/div>\n<\/div>\n    <div id=\"devtoolbox-root\"><\/div>\n    \n<p>&nbsp;<\/p>\n<p>[tool_qr-generator]<\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!doctype html&gt; &nbsp; DevToolbox Web Developer&#8217;s All-in-One Toolkit \u2014 client-side utilities &nbsp; [tool_qr-generator]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":8,"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/aqgamingworld.linkpc.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}