#Hire webstorm experts code#

The official beta announcement will also appear when the time comes. I’ve already started sharing some details over on Twitter, which means that the beta will launch really soon! And I want you to come to the party!īeta tests will be conducted over on the BetterConsole Discord server. And the best part is - I’m not over yet!īetterConsole is still in development - finishing and refining the MVP features. So, you can see, I’m going pretty bonkers here. Dedicated editing tabs for CSS and HTML means that you can append full-blown stylesheets and DOM elements right from the “console”! Join the beta! There’s SCSS too! Standard JavaScript, CSS, and HTML are naturally also supported. Additionally, I’ve added in Prettier integration for quick formatting - you’re welcome!Īs for the language support - of course, TypeScript is supported, I couldn’t help myself.

#Hire webstorm experts code#

With it comes all the intellisense, code suggestions, code folding, and most of the stuff you love from VS Code. That’s right - Monaco editor - the one extracted from VS Code - is what powers BetterConsole.

Here, the deal’s even simpler - I’ve just dropped in VS Code to do the work. How about that? 😏 #webdev #webdevelopment #javascript #typescript /T9NTUM5XnI- BetterConsole May 11, 2021 Check it out:Ī browser console you can resize, drag, and drop, without interrupting your window? Starting from the placement and limited viewport argument, BetterConsole plugs right into your website, fixed-positioned, so it doesn't affect the viewport’s dimensions - it’s part of it! Also, it’s a bubble you can drag all around the window and resize the view to your needs - ultimate customizability. It’s a browser extension for Firefox and Chromium-based browsers, meant to solve all the mentioned issues.

The idea and architecture behind BetterConsole are relatively simple. And you’re right.īetterConsole is a project I’ve been working for a while now is essentially what I’ve described before - a combination of a coding playground and DevTools console. But is this even possible? Introducing BetterConsoleĪs you might have guessed, if I present you a problem, I also have a solution. One could argue - a perfect combination of DevTools console and standard coding playground. So, essentially what I’ve described here is a coding playground - just one that you can open with a click of a button and on any website. It would be great to just drop a TypeScript snippet into the console and have it execute, just like that - no workarounds needed.Īnd while we’re talking about language support, why not through some CSS or even SCSS in there? Having a proper editor for writing and injecting whole temporary stylesheets would be nice. Not necessarily natively, but through compilation. It would be handy if TypeScript, or other JavaScript supersets, were supported in the console. Lastly, this might be a bit far-fetched, but I think many TypeScript lovers out there will relate. Things like advanced code autocompletion, suggestions, code collapsing, formatting and more, are what we’re used to when it comes to multi-line editing. Multi-line mode in Firefox or Snippets in Chrome make it a bit easier, but they’re still a far cry from what you get in a modern IDE/code editor.

One-liners are fine, but anything longer is a pain to write. However, the editing experience in the console is heavily crippled. Also, if you want to play around with a website, or preview-tweak something in your project, then there’s no other way than through the DevTools console. Sure, you can always go to a playground like CodePen, but you first have to go there it needs to load, and in general, it’s much more of a hassle than just clicking a single button or a single key and being ready to go. If you’re a long-time JavaScript fanboy like me, then you’ve most likely used your console to play around with some code. Whether you’ll dock your console left, right, or to the bottom, or into an entirely separate window, either your website preview or console viewing experience will get crippled. When working on a small (laptop) screen, your viewport becomes a limited real estate. However, it all falls apart pretty quickly in simple console-focused scenarios, when you don’t need the power of all the metric tools. It’s generally fine - with a lot of features and no real alternatives, it’s the best it gets (though it varies between browsers).

As a web developer, your browser’s DevTools are surely the most important working tool, right beside your IDE/code editor.īut like all things, it’s not perfect.