Let your tool help you imagine
summary
WebStorm 5 demonstrates instant DOM replacement so editing HTML updates text and nodes as typed, and CSS edits (including a live CSS color picker and sliders) change margins and colors without a reload. JavaScript edits replace function bodies so future runs use the new code but already‑executed handlers do not replay — the canvas clock example requires a refresh. Works on static files; Sass/Less and transpilation are listed as planned.
AI-written summary · about
chapters (6)
- 0:00Start
- 5:27use a color picker
- 8:12draw the clock
- 13:57control the thickness of the line
- 15:43replace dom nodes according to the html
- 18:31review the occurrences
related talks
20mJavaScript Authoring Tooling
51mModern CSS Development: Tooling & Workflows
35mJavaScript/Web tooling now and tomorrow
21mFuture of Web Tooling
40mModern CSS Development and Debugging
37mAll tooled up and nowhere to go?
32mWhy don’t browser dev tools understand your code?
20mGoing steady with the Chrome Dev Tools