Colorized Brackets for IDE
Coders treat their text editors and IDE's like fragile beings, and for good reason: we spend a ton of time in them and having our tweaks and extensions can make us incredibly productive for our personal workflows. I always love hearing about what extensions and workflows other developers use to see if I can put them to my own use.
That's why @Souvir may have changed my life with this tweet:
I have never put much thought into brackets but I've been using the Bracket Pair Colorizer extension in VSCode for a few days now and I'll never go without it. Those of use who work regularly with the mess that JSX can create will appreciate this extension even more!
Regardless of text editor or IDE you use, give a bracket colorizer extension a try -- if may help you to identify your blocks more quickly!
![7 Essential JavaScript Functions]()
I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent. Times have changed but there are still a few functions each developer should...
![I’m an Impostor]()
This is the hardest thing I've ever had to write, much less admit to myself. I've written resignation letters from jobs I've loved, I've ended relationships, I've failed at a host of tasks, and let myself down in my life. All of those feelings were very...
![Detect Vendor Prefix with JavaScript]()
Regardless of our position on vendor prefixes, we have to live with them and occasionally use them to make things work. These prefixes can be used in two formats: the CSS format (-moz-, as in -moz-element) and the JS format (navigator.mozApps). The awesome X-Tag project has...
![Smooth Scrolling with MooTools Fx.SmoothScroll]()
I get quite a few support requests for my previous MooTools SmoothScroll article and the issue usually boils down to the fact that SmoothScroll has become Fx.SmoothScroll. Here's a simple usage of Fx.SmoothScroll.
The HTML
The only HTML requirement for Fx.SmoothScroll is that all named...
I love VSCode and actually built one of the top five themes on the marketplace (called Shades of Purple) — but having multi-colored brackets just messes with my head lol. It makes the syntax look weird.
Don’t get me wrong, I get that it helps but this is a bit out there for me having such a weird colorful syntax. What are your thoughts on that?
Looking forward, peace! ✌️
And Rainbow Brackets if using PHPStorm. (https://plugins.jetbrains.com/plugin/10080-rainbow-brackets)
it’s exactly a nice tool.
There is actually a version 2 available.
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
And if you use it in combination with Solarized Light you may be interested in these color settings for it:
https://twitter.com/daKmoR/status/1084509886048804866
The default colors won’t look as nice if you’re using a light theme on a dim screen.
Still over 3M downloads and this is the first time I head about this extension.
Holy hell… mind = blown! This was probably the most helpful blogpost I have read in a while
Has anybody come across something similar for Brackets or Coda?