DevBox 1.4.0 & 1.5.0 ๐ŸŽ‰

gdotdesign

Szikszai Gusztรกv

Posted on February 17, 2022

DevBox 1.4.0 & 1.5.0 ๐ŸŽ‰

Hi ๐Ÿ‘‹

It's been a while since I posted an update here, so I'm excited to announce that DevBox 1.4.0 and 1.5.0 is out!

DevBox is a desktop application / browser extension / web application of useful tools for developers. If you are curious, check out the introductory post and website.

Syntax Highlighting

All content in textareas are syntax highlighted (using Monaco Editor) when appropriate ๐ŸŽ‰

Syntax Highlighting

The old plain textareas are still an option which can be toggled in the settings page.

New Dashboard

The dashboard has been redesigned, instead of colors there are now icons for each tool:

Dashboard

This gives the dashboard a modern unifined look.

New Tools

There are 3 new tools in these releases:

  • Added CSS Formatter tool.
  • Added CSS Minifier tool.
  • Added Unit Converter tool.

Unit Converter Tool

Behind the Scenes

Development wise, the hardest part here was to implement Monaco Editor. Since it uses its own loader, there was a conflict with third party JavaScript.

There is no good way of resolving this unless we use ECMAScript modules, which is not really an option for DevBox.

The solution here was to manually patch the third party JavaScript.


Let me know your feedback in the comments ๐Ÿ—จ๏ธ ๐Ÿ™

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
gdotdesign
Szikszai Gusztรกv

Posted on February 17, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Free headless CMS for devs
webdev Free headless CMS for devs

May 26, 2024

13 Steps for building a website
webdev 13 Steps for building a website

March 17, 2022

DevBox 1.4.0 & 1.5.0 ๐ŸŽ‰
webdev DevBox 1.4.0 & 1.5.0 ๐ŸŽ‰

February 17, 2022

ยฉ TheLazy.dev

About