Category: design

Article by: Ryan Stewart

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… Read more

no responses.
Article by: Kevin Dangoor

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. [ Reposted from BLUE SKY ON MARS ] The current incarnation of Quick Open in Brackets is the third. It started very simply, just matching substrings in the filename… Read more

no responses.
Article by: Kevin Dangoor

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. We want Brackets to stay light and… Read more

no responses.
Article by: Garth Braithwaite

Brackets UI Design File (Sprint 19)

To help extension developers design out features, here is a high fidelity Adobe Illustrator file of the Brackets UI (currently Sprint 19). As we continue to enhance the Bracket UI, we’ll try and release new version of the AI. Sprint 19 Just click on the attachment to download the file on Dribbble. The file uses real text to make it easier to edit the code and project panel content, but you will need the Source Sans Pro and Source Code Pro fonts installed.

no responses.
Article by: Garth Braithwaite

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… Read more

no responses.