Blog

Brackets 2017 Web Tools Survey

As web technology continues to rapidly evolve, tools and web developers are challenged to stay ahead of the curve – a goal seemingly insurmountable. Understanding the evolution becomes a key factor to achieve this goal, and we are constantly trying to better understand you. To that end, we’re launching the 2017 Brackets Web Tools survey to profile and understand you, and all of  the apps & services that you use. Please take part in this survey to help us understand you and your world of web development better! The results of the survey would be published on the Brackets blog.

Start the Survey !!

No Responses


Update on the Comp to Code Tool in Brackets

With the launch of Project Parfait in preview, as well as Lee’s open sourcing of his Response tool, I wanted to provide an update on the “Design Comp to Code” tool that we showed last year at Adobe MAX. After a bit of a delay in getting started, we’ve been hard at work turning that vision into a reality as an extension for Brackets. We’ve been able to leverage a lot of work from the Parfait team to bring a comp to code workflow directly into your code editor.

We’re excited about where we’re at now and we’ve recorded a video to share some of the progress we’ve been making. If you’ve seen the MAX video, you’ll see the core features that were in that original vision, as well as some new concepts like code hints for text and generating an asset from multiple layers.

We’ll be doing a private beta of the extension soon and we would love you to be a part of it! If you’re interested in participating, you can fill out the survey here. We’ll be starting small but hope to expand the group fairly quickly after the initial invites.

Over the next couple of months we’ll be sharing more about what features we have planned, so keep an eye on the Brackets blog for updates. We’re looking forward to sharing more of the roadmap and information on the
public preview. Let us know what you think!

=Ryan and the Comp to Code Team
ryan@adobe.com

39 Responses


Theseus JavaScript Debugger for Chrome and NodeJS

Back in May I wrote about Theseus, an open source JavaScript debugger for Brackets with some interesting real-time features for inspecting your code. Theseus recently celebrated its 0.4 release, which features a new look, many bug fixes and performance improvements, and the added ability to debug Brackets itself in addition to JavaScript running in Chrome and Node.js.

more

19 Responses


Better JavaScript Debugging with Theseus

Chrome’s Web Inspector and brackets-debugger allow you to set breakpoints, step through your code, and inspect the values of variables. However, especially in code with callbacks, using those tools is tedious enough that many people just use console.log instead. Now there’s a Brackets extension called Theseus that makes inspecting variables and control flow easy, even in asynchronous code. And it works with JavaScript running in Chrome and Node.js simultaneously to boot.

more

5 Responses


Brackets Extension API Proposal

One of the best aspects of hacking on Brackets is that there are no limits. If there isn’t an explicit API, you can just hack the DOM directly. Of course, hacking the DOM isn’t always ideal. For this reason we keep an eye on what extension developers are doing and iterate over the extension API. Here’s our recent proposal.

more

1 Response


Type-Aware JavaScript Code Intelligence

[A guest post from the LCVM team.] Howdy everyone! The LCVM team is a group of engineers at Adobe with expertise in designing languages, compilers and virtual machines. We’ve been closely following the Brackets project and were quite interested to discover Sprint 21 introduced JavaScript code hinting. This implementation does a good job of proposing code completions by tracking the identifiers and members in each scope. These hints can make coding more productive once a code base is established and the developer is reasonably familiar with the source.
more

5 Responses


Brackets Quick Open: That’s No Regex!

Ever since I first used TextMate several years ago, I’ve been hooked on “Quick Open” (the feature that lets you jump to any file in your project with just a few keystrokes). I have worked on Brackets’ version of this feature and I thought I’d take advantage of Brackets being open source to talk about how it works.
more

3 Responses


Research: Installing and Managing Brackets Extensions

You may not have noticed, but Brackets has a lot of extensions. These extensions add all kinds of useful capabilities to Brackets (take a look! I bet you’ll find at least one that you’d want). But, I’m sure that many Brackets users aren’t aware of this list of extensions. Even for those who know about the list, it’s inconvenient to install an extension and hard to find out what’s new or keep your extensions up to date.

more

8 Responses


Design Draft: Code Hinting

 

First Design Draft

I personally couldn’t be happier with the open process the team is using to develop Brackets. Following their lead I will be doing my best to keep the design process as open as is useful by posting design drafts for new or planned features here on the blog. If you have any feedback on these design proposals feel free to respond in the comments, ping me on twitter, or find me in the Brackets IRC channel (garthdb).

Code Hinting

Currently the Brackets team is implementing an initial version of code hinting. This post outlines user experience design in connection with this feature.
more

18 Responses


Building a Desktop-Quality App on Web Technologies

Brackets is built almost entirely in HTML, CSS (via LESS), and JavaScript. For the Brackets team, this is our first project building a large, complex app using open web technologies. In this post, we’d like to describe the overall architecture of Brackets as it stands today, and share some of our early experiences with large-scale JavaScript development.

more

14 Responses