Over the last month or so I have been working on something that is completely different from anything I’ve done before. It all started because I was thinking about how I could create a responsive design tool specifically aimed at developers. Adobe already has an amazing tool for designers called Edge Reflow. You can check out my tutorial if you want to see how that tool works.

But for developers, most of the time you are going to want to hand-edit your CSS code and potentially do a wide array of specific tweaks for each media query. So what I’ve built is a responsive design feature for Brackets. For those who don’t know, Brackets is our open-source web editor that is built entirely using HTML, CSS, and JavaScript. This fact makes it extremely easy to build visual tools. In the beginning, I was not a believer in the whole building a web editor using web standards. I like SublimeText and that is still what I use today. But after this experience I firmly believe that building such an editor is not only possible, but also could be amazing if enough attention is paid to performance.

I presented some of this tool at the Adobe MAX sneaks event last week in LA, but unfortunately I was arrested before I could finish :).

Check out the video and please let me know your comments. It is working pretty solid but it is not ready to be released quite yet as there are lots of bugs and unfinished areas. But I will keep you updated once I find out what the future of this thing is.

One of the primary goals of doing this was to give myself a crash-course in modern web standards. Things have dramatically changed for the better since the days of Netscape 4.7 and IE 5. It was during this time period that I said F this mess and moved to Flash. Now some of you will ask, are you stopping doing Flash now? Hell no. But in my future posts and tutorials, I want to move to helping developers transition smoothly into doing these types of things in JavaScript, because that is where it is all heading.

I can honestly say that I love doing CSS and JavaScript now. What are the biggest reasons? No compiling, no SDKs, and being able to go into the developer tools and hack and tweak your creations live as they’re running.

I look forward to your feedback!
Lee