Skip to content
0:00 / 0:00

#codebubbles#ide#userinterface

Code Bubbles: Rethinking the User Interface Paradigm of Integrated Development Environments

AndrewBragdon

99 subscribers • 1 video on Hallway

YouTube
  • Recommended by 2 people: 2 on Hacker News.
  • A classic. People kept recommending it from 2013 to 2022.
  • Presented by Andrew Bragdon

Beginner. No background in the topic needed.

283K views16 years ago2 recommendations

Tools and practiceVim, Emacs and editorsDeveloper productivity

Andrew Bragdon demonstrates Code Bubbles, an experimental IDE interface that presents code as editable, interconnected fragments instead of traditional files.

Code Bubbles is a novel user interface for IDEs based on fragments, rather than files. For updates, see Twitter feed: twitter.com/AndrewBragdon codebubbles.org

Why it's here

2 people recommend this

What people say. Engineers frequently point to this demo as a groundbreaking and highly convincing vision for the future of code visualization and IDEs.

stcredzeroon Hacker News • Recommends

On “Pyret: A new programming language from the creators of Racket”

…ts, then fired in ovens before being read. At least text files in directories are digital, but they are as static and behavior-less as clay tablets, and all of the important relationships therein are expressed as implicit correspondences which programmers have to keep track of in their heads. Code Bubbles is a beacon in the direction we should go. link to this video…

zokieron Hacker News • Recommends

On “How do you visualize code?”

Code Bubbles (from 2010) is the most convincing code visualization tool that I can recall: link to this video Shame it never grew beyond a research prototype.

Montagiston Hacker News • Mentions

On “The IDE must move onto the server”

Ditto on the java-applet comments - I was shocked. Haha. In all seriousness, though, people have mentioned this before but I don't think anyone's really tackled any underpinning reason why an IDE should be in "the cloud" (::cringe:: yea, I went there). If I think about it in terms of features such a setup could provide - cohesiveness btwn. client & serverside testing, development statistics in real-time, and highly integrated documentation & comm. - then perhaps it's kind of sexy. Seamless/buil-in pair-programming would seal the deal. It would be pretty awesome if it looked like Code Bubbles though...haha ( link to this video )

nuopnuon Hacker News • Mentions

On “Apple Dylan IDE (2014)”

You are thinking of a structured editor. But as to the single feature you mentioned, see for example Code Bubbles: link to this video

mhomdeon Hacker News • Mentions

On “Never edit a method, always rewrite it?”

…r than arguing over coding standards (although it can still text-based rather than completely graphical). Ability to more easily see related code and flows. Manage the meaning of code rather than its text (not changing text but changing symbols when you refactor). There's been attempts to move in that this direction with things like code bubbles ( link to this video ) but yet there hasn't been an approach that's both visually attractive and offers enough benefits, but it's probably coming somewhere down the line…

swizzleron Hacker News • Mentions

On “Should you split that file?”

There is code bubbles. Early demo: link to this video current site (eclipse plugin for java projects?): link . Maybe also inspired Visual Studio debugger exploration. I haven't used it (but have wanted to)

thomassmith65on Hacker News • Mentions

On “An infinite canvas for code exploration”

Aha, so that's what happened to Code Bubbles. I saw this video about the project years ago, and always wondered. link to this video

u/keturnin r/compsci • Mentions

On “Why Programming Languages Use Only One 'View,' and How to Fix That”

kinda reminds me of code bubbles.