The fastest and easiest website editor

Ishita Singh
1 min readSep 30, 2019
Edited dev.to ‘Write a Post’ button

All FEs devs and designers want to at some point do some realtime changes to our website see how it will look.

We generally resort to inspecting and

  • Edit as HTML
  • Modifying the CSS

But there is one very cool and super convenient document property which can help us with that:

document.designMode
It has default value set to “off”. Just try turning this on, on any website.

MDN link:

https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode

--

--