👀 Highlights

✨ CSS Filter Generator Added

The "CSS Filter Generator" tool is now available on Web ToolBox!
Easily preview filter adjustments in real-time and experiment with a wide range of options, including blur, brightness, contrast, and saturation.
Adjust settings effortlessly using intuitive sliders, and instantly copy the generated CSS code for immediate use.

• CSS Filter Generator

✨ Enhanced Image Comparison Slider Tool

The Image Comparison Slider tool now lets you compare not only the visual appearance of images but also file details like size, modification date, and dimensions!

Additionally, the UI has been streamlined, enabling you to use the tool with fewer steps and greater ease.

• Image Comparison Slider

Other Updates

• Improved performance when converting multiple images with the Image Base64 Encoder tool.

✨New Tools

We have added a new “Color Contrast Checker” that is essential for improving web accessibility. Instantly calculate the contrast ratio between text and background colors to check for compliance with WCAG 2.0 standards. Easily check the accessibility of your design!

• Color Contrast Checker

🔥Tools categories reorganized

To make it even easier to use, we have added a new “Color Tools” category. This category provides a collection of useful color-related tools. We have also organized some tools into appropriate categories to make them easier to find.
We will continue to improve the tools and categories on an ongoing basis, so please give them a try!

✨New Tools

We have added a new “SVG to CSS” tool.
It instantly converts SVG data into a format that can be used as a CSS background-image property!

• SVG to CSS

🔥Enhancements

A new “Input from File” function has been added to the tools that use the text area. This allows you to not only input text directly, but also to upload a file and easily read its contents. Multiple file sources are supported for efficient data entry!

Policy Revisions

We have updated our privacy policy and some of our disclaimers.

• Privacy Policy
• Disclaimer

✨New Tools

We have added a new HTML Escape/Unescape tool.
You can easily escape special characters contained in HTML! You can also unescape and restore escaped text.

• HTML Escape/Unescape

Other changes

• Some fixes and improvements that do not affect tool functionality

✨Improved Number Base Converter

Added number format switching option to the Number Base Converter tool🎉.
Binary and hexadecimal numbers can be separated by every 4 digits, and octal numbers by every 3 digits. This improves the readability of numbers.

• Number Base Converter

Other changes

• Various UI improvements to the site

✨New Tools

We have added a new “OGP Tag Generator” tool.
Easily generate OGP tags to maximize your social networking visibility, and upgrade your web page's appeal with this SEO-enhancing tool!

• OGP Tag Generator

✨New Tools

We have added a new “YouTube Thumbnail Downloader” tool.
You can easily get thumbnail images from your favorite YouTube videos!

• YouTube Thumbnail Downloader

🔍Add tool search

Added tool search function to the header. You can easily find the tool you are looking for from all tools!

✨New Tools

We have added a new "CSS Cursor Viewer" tool.
CSS cursor properties can be listed and easily copied as properties!

• CSS Cursor Viewer

Others

• Minor UI adjustments

✨New tool

We have added a new "JSON to CSV" tool that allows you to easily convert JSON format data to CSV!

• JSON to CSV

Tool Enhancements✨

For reasons of improved convenience, the JSON/YAML inter-conversion tool has been separated into two tools that perform conversion to one of each.

• JSON to YAML
• YAML to JSON

In addition, the JSON to YAML tool now allows several options to be specified during conversion.

Other changes

• Adjustment of the overall site UI
• Library updates
• New OG images

New tool✨

Added Text DIFF Checker!
You can easily compare the differences between two texts and visually see the changes.
In addition, the comparison process is completed in the browser, ensuring the privacy and security of input data.

This is useful for tracking document change history and comparing codes. Please give it a try!

🎉Vuetify to NuxtUI

Major update to Web ToolBox since last year🙂.
We have continued to make minor updates that are not listed in the update history, but we have now made a major update.

Web ToolBox has been using Vuetify as its UI framework. We have rewritten the Web ToolBox code and replaced Vuetify with the new NuxtUI.

Web ToolBox has been developed using Vuetify since v2, and Vuetify has provided most of the components we need, and each component is complete, well maintained, and frankly, with great motivation. There was little reason to remove Vuetify.

However, the fact is that it has become a bit difficult to continue using Vuetify to continue developing Web ToolBox with more customization and flexibility.

Since I usually use TailwindCSS a lot in my work, I have decided to replace it with TailwindCSS based NuxtUI.

🔧Tool Improvements

With the replacement to NuxtUI, we rewrote most of the Web ToolBox and added and improved functions in several tools at the same time (minor fixes and improvements were made even in tools not listed below)

✨Improved Suggestion Keyword Extractor

You can now specify the language code when performing a suggestion search with the Suggestion Keyword Extractor.
By changing the language code, you can get different results for the same keyword, thus obtaining more suitable search results.

✨Compatible with the latest OGP image previews

OGP image previews available in OGP Checker and OGP Image Simulator are now compatible with the latest X design!
OGP preview in X has been improved to preview in light and dark blue theme as well as dark theme.

✨Improved character count counter and Word counter

We have improved the UI of Character Counter and Word Counter to make it easier to see the count results. The count results are now easier to see.
Byte counting is also supported.

✨Image Base64 Encode tool improved

Added support for drag-and-drop file uploading.

💖Add tool favorites feature

We have added a function that allows you to register tools as favorites. By adding a tool as a favorite, a link will be added on the side navigation to allow immediate access to the tool in question! You can add or remove favorites at any time.
("Favorites" here does not mean browser bookmarks.)

🎨Add theme feature (experimental)

Added a feature to change the theme of Web ToolBox: The primary color of Web ToolBox is Indigo, but it is possible to change to other colors.
You can change the color from the color palette in the header menu (currently available in 6 colors: Indigo, Blue, Green, Emerald, Amber, and Slate).

The theme feature is experimental and may be removed in the future.

✨New Tools

• ULID Generator

A new ULID generator has been added.
ULID (Universally Unique Lexicographically Sortable Identifier) is a unique ID generated by combining a timestamp and secure random bits, and can be easily generated in bulk with this tool.

🔧Tool Improvements

• Heading Tag Extractor

You can now specify the heading tags to be extracted.

♻️Refactoring

• Refactoring of internal processes in some tools

✨New Tools

• Text Case Converter
• URL Parser

Two new tools have been added. Both are simple but useful tools.

🔧Tool Improvements

Minor functional improvements have been made to several tools.
(To reduce the development load, the update history for each tool has been removed. Major changes to existing tools will be posted here)

🎨UI Improvements

Removed flags from the language switching menu (for various reasons we decided that language and flag should not be associated)
Replaced the Twitter icon with an X 🤔.

Other UI adjustments were made throughout the site 😀.

🐛Bug Fixes

Bugs that existed in some tools and internal processes have been fixed.

Improve Image Base64 Encode tool✨

The Image Base64 Encode tool has been improved.
Converted Base64 data can now be output in the following multiple formats

• Base64 raw data
• Base64 data with Data URI
• HTML IMG tags
• CSS background-image property

This has further improved the tool's usability. Along with this change, the UI for output results has been adjusted and processing has been refactored to improve the performance of the tool.

Design Changes

A number of relatively minor design tweaks were made throughout the site.

Bug fixes

• Fixed a bug in the OGP image simulator tool that could cause OGP images to not render correctly.
• Fixed a bug in the Base64 encoding tool that always resulted in URL-safe format conversion
• Fixed several minor bugs

Add new tools✨

Added two new tools related to color codes.

• Color Eyedropper - extract color from image
• Color Code Extractor

Color Eyedropper - Extract colors from an image

The Color Eyedropper tool allows you to extract specific colors from an image using the eyedropper tool.
The Color Eyedropper tool is realized using the browser's EyeDropper API, which has some limitations, but allows you to easily identify and extract colors from your favorite images😄

Color Code Extractor

The Color Code Extractor is a tool that allows you to extract colors (color codes) used in images in batches.
Along with advanced extraction options, you can extract vivid colors easily and fast 🎨

Framework Upgrade

Internal updates.

• Upgraded framework (Nuxt) to the latest version.
• Upgraded UI framework (Vuetify) to the current state-of-the-art.

This has also improved site performance⚡

Biggest update since the service went live

Web ToolBox has been used by many people since its release. We have added various tools, improved functions, bug fixes, etc., and we are pleased to be able to release a large-scale update this time.

Specifically, we have made the following updates

• Update from Nuxt2 (Nuxt bridge) to Nuxt3
• Update from Vuetify2 to Vuetify3
• Various library updates
• Tool enhancements and improvements
• Performance improvements
• More user-friendly interface and colors

Reasons for the major update

First, because Nuxt3 and Vuetify3 have been officially released. New versions of these frameworks improve performance, add new features, fix vulnerabilities, and make various other changes; Web ToolBox aims to always adopt the latest technology, so updates to new versions were necessary.

In addition, as Web ToolBox has grown in size, more advanced development work has had to be done. By adopting new frameworks and libraries, the development of Web ToolBox became more efficient and scalable.

Nevertheless, this update was challenging. Both Nuxt and Vuetify had many disruptive changes associated with the version upgrades, and together with the associated libraries, upgrading from the previous version to the new version was a complex task that required a lot of time.
Therefore, we were able to successfully perform such an update by reconfiguring Web ToolBox and rewriting the code from scratch. As a result, the new Web ToolBox is easier to use and performs better.

As mentioned above, there are many reasons why a major update of Web ToolBox is necessary, including technological advances and expansion in scale. We will continue to update Web ToolBox as we strive to keep it up-to-date and provide better tools.

Although no new tools are being added at this time,
However, there are a number of tools that we would like to add, and we have received several tool requests, so we will be adding new tools in the not-too-distant future😉