DEV Community

7 Tips to boost your productivity as a web developer 🚀

Mustapha Aouas on August 15, 2019

Being more productive as a software developer can sometimes be done by simply using the right tools for the job. If you can save just one minute a ...

Read full post

Emmanuel Salomon • Aug 16 '19

To toggle design mode, put this in your favorite:
javascript:(function(){document.designMode=document.designMode==="on"?"off":"on"})();

Tyler V. (he/him) • Aug 15 '19

Holy wow!

The $0 in console after inspecting an element is a game changer!

Mustapha Aouas • Aug 15 '19 • Edited

Also, because the array destructuring uses the iteration protocol, we can't destructure a null array:

a = null;
[...a]; // throws an error
{...a}; // works fine

About the performance considerations, do you have some benchmarks?

I tried a simple array destructuring for pushing values to an array, and it's faster than the push method: jsben.ch/IFmIz

Ben Mitchinson • Aug 16 '19

console.table and debugger; woah

thanks !

The Black Mamba🔥 • Aug 15 '19

$$ and destructuring array was new for me!! thanks

shlomi-lachmish • Aug 18 '19

first time I see document.designMode 🤯🤯🤯
thanks !

Chris Achard • Aug 16 '19

Ah! I never knew about design mode... that's neat. Not exactly sure what I'll do with that knowledge or how I'd use it... but it's neat to know that it exists :)

Douglas J B • May 10 '20

I've been thinking a lot about this recently, and this is the trick: Pump yourself up about what you're working on. It can't be fake. You really have to somehow make yourself genuinely excited about what you're working on. Productivity will follow automatically. Nothing else even moves the needle compared to this, as far as I'm concerned.