Skip to content
Pieter edited this page Aug 11, 2017 · 1 revision

Welcome to the bendingHTML wiki!

Tools from the past

In those days I started (I think) with the first version of Macromedia Dreamweaver software package! It was an amazing package. And since then I never stopped using it. But in the last years it started to change. Working on the front-end of the internet changes. And with the last versions of Dreamweaver it feels odd to use it.
Ok, it has still nice features. But other tools have them also. And the way we (I) work, doesn't reflect the functions in Dreamweaver. And yes, with Dreamweaver CC17, finally GIT, SASS etc. is supported. But this are too late.

In the past I created Dreamweaver commands, to perform most common tasks for projects I worked on. Migrating HTML4 to HTML5. And now working on projects based on Google Polymer. This work load swifts from HTML, CSS to more and more JavaScript. I'm using Visual-Studio-Code for this, because it fits my work style. I like TypeScript, it makes JavaScipt less unstable in it's behavior, due to (my) bad programming habits.

So as a next step in the evolution of tooling, I decided to convert some of my Dreamweaver command script to VSC extensions. To gain experience in this type of ball game. Always learning stuff and maybe inspire people to be also creative.

Extension 'bendingHTML'

Just a funny project name, for my 'itsMeBender' GITHUB account. Nothing commercial about it. All because I like the cartoon.

So I started to convert some of my Dreamweaver command functions to VSC. Starting with selecting as piece of text and let the commands convert this to a label, connected to a neighbor input-element. I used this a lot on conversion projects where very old HTML (and framework) needed to be more HTML5 compliant.

Just select some text, in the neighbor of and INPUT-element. Activate the command and a label element is created connected by the ID of the input element. If the element doesn't have an attribute id, it will be created, combining the name and value attributes.

The input-element attributes are rearranged in a fix order. id and name, value close together.

Future

I'm planning to convert more of my Dreamweaver commands to VSC Extensions. Where some of them are implemented as code snippets I think. We'll see.

Maybe you have HTML, CSS ideas or Dreamweaver commands you would like to have in VSC. Lets talk, let's bend this stuff!

Clone this wiki locally