{"id":283584,"date":"2026-02-25T03:14:48","date_gmt":"2026-02-25T03:14:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/web-dev-tools-by-mosaic-life-creative\/"},"modified":"2026-03-05T21:54:19","modified_gmt":"2026-03-05T21:54:19","slug":"doohickeys-dev-tools","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/doohickeys-dev-tools\/","author":23455662,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.4","stable_tag":"1.0.4","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Doohickey's Dev Tools","header_author":"Mosaic Life Creative","header_description":"Essential utilities for web developers\u2014right in your WordPress dashboard.","assets_banners_color":"171945","last_updated":"2026-03-05 21:54:19","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/mosaiclifecreative.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":249,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"mosaiclifecreative","date":"2026-02-25 20:24:39"},"1.0.3":{"tag":"1.0.3","author":"mosaiclifecreative","date":"2026-03-05 21:48:25"},"1.0.4":{"tag":"1.0.4","author":"mosaiclifecreative","date":"2026-03-05 21:54:19"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3469017,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3469017,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3469017,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3469017,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2","1.0.3","1.0.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3469017,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3469017,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3469017,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3469017,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3469017,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3469017,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3469017,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3469017,"resolution":"8","location":"assets","locale":""}},"screenshots":{"1":"CSS Gradient Generator with full sidebar navigation","2":"Box Shadow Generator with visual preview and layered shadow controls","3":"Color Converter with HEX, RGB, HSL, HWB, and CMYK output","4":"Contrast Checker with WCAG 2.1 AA\/AAA compliance results","5":"Border Radius Generator with shape presets and per-corner controls","6":"Schema.org Generator with Article structured data and JSON-LD output","7":"QR Code Generator with custom colors","8":"SVG to PNG Converter with file upload and code paste options"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[256555,18838,44589,4932,54068],"plugin_category":[],"plugin_contributors":[256556],"plugin_business_model":[],"class_list":["post-283584","plugin","type-plugin","status-publish","hentry","plugin_tags-code-tools","plugin_tags-color-picker","plugin_tags-css-generator","plugin_tags-developer-tools","plugin_tags-web-development","plugin_contributors-mosaiclifecreative","plugin_committers-mosaiclifecreative"],"banners":{"banner":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/banner-772x250.png?rev=3469017","banner_2x":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/banner-1544x500.png?rev=3469017","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/icon-128x128.png?rev=3469017","icon_2x":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/icon-256x256.png?rev=3469017","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-1.png?rev=3469017","caption":"CSS Gradient Generator with full sidebar navigation"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-2.png?rev=3469017","caption":"Box Shadow Generator with visual preview and layered shadow controls"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-3.png?rev=3469017","caption":"Color Converter with HEX, RGB, HSL, HWB, and CMYK output"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-4.png?rev=3469017","caption":"Contrast Checker with WCAG 2.1 AA\/AAA compliance results"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-5.png?rev=3469017","caption":"Border Radius Generator with shape presets and per-corner controls"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-6.png?rev=3469017","caption":"Schema.org Generator with Article structured data and JSON-LD output"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-7.png?rev=3469017","caption":"QR Code Generator with custom colors"},{"src":"https:\/\/ps.w.org\/doohickeys-dev-tools\/assets\/screenshot-8.png?rev=3469017","caption":"SVG to PNG Converter with file upload and code paste options"}],"raw_content":"\n

Doohickey's Dev Tools<\/strong> puts a full suite of developer utilities right inside your WordPress admin. No more juggling browser tabs and bookmarking random websites \u2014 everything you need is one click away.<\/p>\n\n

Free Tools<\/h4>\n\n

CSS Tools<\/strong>\n* Gradient Generator<\/strong> \u2014 Linear and radial gradients with unlimited color stops\n* Box Shadow Generator<\/strong> \u2014 Visual box-shadow builder with layered shadows\n* Border Generator<\/strong> \u2014 Shorthand and per-side border controls\n* Border Radius Generator<\/strong> \u2014 Per-corner radius with visual preview\n* Clip-Path Maker<\/strong> \u2014 Polygon, circle, ellipse, and inset clip paths\n* Flexbox Generator<\/strong> \u2014 Visual flexbox playground with container controls\n* CSS Grid Generator<\/strong> \u2014 Set columns, rows, gaps, and alignment visually<\/p>\n\n

Color Tools<\/strong>\n* Color Picker<\/strong> \u2014 HSV color picker with HEX, RGB, and HSL output\n* Contrast Checker<\/strong> \u2014 WCAG 2.1 AA\/AAA compliance testing\n* Color Converter<\/strong> \u2014 Convert between HEX, RGB, HSL, and CMYK<\/p>\n\n

Code Tools<\/strong>\n* String Utilities<\/strong> \u2014 Case conversion, reverse, slug, character\/word count\n* Encoder \/ Decoder<\/strong> \u2014 Base64, URL encoding, HTML entities, and more<\/p>\n\n

Generators<\/strong>\n* Placeholder Image<\/strong> \u2014 Custom-sized placeholder images for mockups\n* Lorem Ipsum<\/strong> \u2014 Paragraphs, sentences, or words of filler text\n* QR Code Generator<\/strong> \u2014 Instant QR codes from any text or URL<\/p>\n\n

SEO & Meta<\/strong>\n* Schema.org Generator<\/strong> \u2014 Structured data for Article, Local Business, and FAQ\n* Meta Tag Generator<\/strong> \u2014 SEO meta tags, Open Graph, and Twitter Cards<\/p>\n\n

Converters<\/strong>\n* SVG to PNG<\/strong> \u2014 Client-side SVG conversion with scale options\n* HTML to Markdown<\/strong> \u2014 Convert HTML markup to clean Markdown\n* Markdown Preview<\/strong> \u2014 Live Markdown editor with rendered preview\n* Aspect Ratio Calculator<\/strong> \u2014 Calculate ratios from dimensions, scale with locked ratios, common size presets<\/p>\n\n

Pro Version<\/h4>\n\n

Upgrade to Doohickey's Dev Tools Pro for additional tools and features:<\/p>\n\n

    \n
  • Palette Generator<\/strong> \u2014 Interactive color wheel with 7 harmony modes. Export as CSS or SCSS variables.<\/li>\n
  • Code Formatter<\/strong> \u2014 Auto-format JSON, HTML, CSS, JavaScript, and SQL<\/li>\n
  • Diff Checker<\/strong> \u2014 Side-by-side text comparison with highlighted differences<\/li>\n
  • HTML Table Generator<\/strong> \u2014 Visual table builder with CSV import<\/li>\n
  • Test Data Generator<\/strong> \u2014 Generate realistic fake data (names, emails, addresses, etc.)<\/li>\n
  • Flexbox<\/strong> \u2014 Per-item controls (flex-grow, flex-shrink, flex-basis, align-self, order)<\/li>\n
  • CSS Grid<\/strong> \u2014 Templates (Holy Grail, Dashboard, 12-Col, etc.), custom definitions, per-cell spans<\/li>\n
  • Placeholder Image<\/strong> \u2014 Social media presets and Data URI export<\/li>\n
  • Schema.org<\/strong> \u2014 5 additional types (Product, Person, Organization, Event, Recipe)<\/li>\n
  • QR Code<\/strong> \u2014 Custom logo overlay<\/li>\n<\/ul>\n\n

    Why Doohickey's Dev Tools?<\/h4>\n\n
      \n
    • Zero external dependencies<\/strong> \u2014 Everything runs client-side in your browser<\/li>\n
    • No data leaves your site<\/strong> \u2014 Your code and content stay private<\/li>\n
    • Copy-ready output<\/strong> \u2014 One-click copy for all generated CSS, HTML, and code<\/li>\n
    • Consistent interface<\/strong> \u2014 Every tool follows the same clean, intuitive layout<\/li>\n
    • Lightweight<\/strong> \u2014 Single JavaScript bundle, loads only on the tools page<\/li>\n<\/ul>\n\n

      Source Code & Build Instructions<\/h3>\n\n

      The full source code for this plugin, including uncompiled JavaScript and CSS, is available at:\nhttps:\/\/github.com\/mosaiclifecreative\/doohickeys-dev-tools<\/p>\n\n

      To build from source:<\/p>\n\n

        \n
      1. Clone the repository<\/li>\n
      2. Run npm install<\/code> to install dependencies<\/li>\n
      3. Run npm run build<\/code> to compile the production bundle<\/li>\n
      4. The compiled files are output to the build\/<\/code> directory<\/li>\n<\/ol>\n\n

        The project uses @wordpress\/scripts<\/code> for building. Source files are in admin\/js\/<\/code> (JSX) and admin\/css\/<\/code> (CSS).<\/p>\n\n\n

          \n
        1. Go to Plugins \u2192 Add New<\/strong> in your WordPress admin<\/li>\n
        2. Search for \"Doohickey's Dev Tools\"<\/li>\n
        3. Click Install Now<\/strong>, then Activate<\/strong><\/li>\n
        4. Navigate to Doohickey's<\/strong> in your admin sidebar<\/li>\n
        5. Start building!<\/li>\n<\/ol>\n\n\n
          \n

          Does this plugin affect my site's frontend?<\/h3><\/dt>\n

          No. Doohickey's Dev Tools only loads on its own admin page. It adds zero scripts, styles, or markup to your public-facing site.<\/p><\/dd>\n

          Do I need to be online for the tools to work?<\/h3><\/dt>\n

          Most tools work entirely offline once the page is loaded. The QR Code generator and Placeholder Image generator use client-side rendering. No external API calls are made.<\/p><\/dd>\n

          What does the Pro version include?<\/h3><\/dt>\n

          Pro unlocks 5 additional tools (Palette Generator, Code Formatter, Diff Checker, HTML Table Generator, Test Data Generator) plus advanced features in 5 more tools. The Pro version is available separately at mosaiclifecreative.com.<\/p><\/dd>\n

          Is my code\/data sent anywhere?<\/h3><\/dt>\n

          Never. All processing happens in your browser. Nothing is transmitted to external servers.<\/p><\/dd>\n\n<\/dl>\n\n\n

          1.0.4<\/h4>\n\n
            \n
          • Fixed: plugin no longer deactivates itself after updating from 1.0.2<\/li>\n<\/ul>\n\n

            1.0.3<\/h4>\n\n
              \n
            • Smooth upgrade path: free version auto-deactivates when Pro is installed<\/li>\n
            • Updated installation instructions<\/li>\n<\/ul>\n\n

              1.0.2<\/h4>\n\n
                \n
              • Renamed plugin to Doohickey's Dev Tools<\/li>\n
              • New slug: doohickeys-dev-tools<\/li>\n
              • Updated Freemius configuration for WordPress.org compliance<\/li>\n
              • Free tools are fully functional with no locked features<\/li>\n
              • Pro tools and features available separately via upgrade<\/li>\n<\/ul>\n\n

                1.0.1<\/h4>\n\n
                  \n
                • Renamed to \"by Mosaic Life Creative\"<\/li>\n
                • Default gradient fix<\/li>\n
                • Tested up to WordPress 6.9<\/li>\n<\/ul>\n\n

                  1.0.0<\/h4>\n\n
                    \n
                  • Initial release<\/li>\n
                  • 21 free developer tools across 6 categories<\/li>\n
                  • Modern React-powered interface<\/li>\n
                  • Fully client-side \u2014 no external API calls<\/li>\n<\/ul>","raw_excerpt":"Essential web development utilities right in your WordPress dashboard \u2014 CSS generators, color tools, code formatters, and more.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/283584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=283584"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mosaiclifecreative"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=283584"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=283584"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=283584"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=283584"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=283584"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=283584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}