Categories: Web

Brackets – New Code Editor for Web Development – Worth a Try!

I came across this code editor, Brackets, today morning as I was browsing AngularUI home page and saw the mention under IDE plugins. Brackets is an open-source code editor for the web built using web technologies, primarily Javascript. After spending sometime with it, I found it to be very interesting one. You may want to give it a try. One caution is that there are still some bugs out there.

Following are some real cool features why you would love Brackets to start with:
  • Code completion
  • Inline editor
  • Live Preview
  • Language Support

 

Code Completion

One cool feature with Bracket is code completion feature. I have not tested with different languages such as Java, PHP etc that are supported. However, it works like a charm with HTML, CSS and Javascript. Just

 

Inline Editor

One of the productivity killer while doing CSS/Javascript development is the need to go back-and-forth to the CSS and JS files from HTML pages. How cool it would have been if I could click on the HTML element in the HTML page and, somehow it would have displayed the CSS inline for me to view and edit. This would have removed the need to go to CSS files time and again, search for the CSS element and make the desired changes. This problem or pain-point is solved in a cool manner by Brackets by providing inline editor. Using inline editor, you could put your cursor on any HTML element and press CTRL+E. That shows the CSS on that element in inline editor (in the following manner) using which you could edit and save and continue with your development.

In my experience, the need to go back-and-forth to CSS/JS files was one of the biggest productivity killer. And, I, being used to the world of Eclipse IDE, always craved for something similar to how I use to programming with Eclipse IDE.

 

Live Preview

Another cool feature why I loved Brackets code editor is Live Preview. Make your changes to CSS and see the page changing right away. This is another cool feature as it saves you from one click of refreshing the page for CSS changes. Code editors like Sublime as well offer this features. However, the thing that makes Bracket unique is live updates on page as you develop.

 

Language Support

Brackets provides support for different spoken languages such that web developers from different regions could use the tool to write the web code.

Check on the video below to see the above two features discussed with examples.

Nidhi Rai

Nidhi has been been actively blogging in different technologies such as AI / machine learning and internet technologies. Her field of interest includes AI / ML, Java, mobile technologies, UI programming such as HTML, CSS, Javascript (Angular/ReactJS etc), open-source and other related technologies.

Share
Published by
Nidhi Rai

Recent Posts

Agentic Reasoning Design Patterns in AI: Examples

In recent years, artificial intelligence (AI) has evolved to include more sophisticated and capable agents,…

2 months ago

LLMs for Adaptive Learning & Personalized Education

Adaptive learning helps in tailoring learning experiences to fit the unique needs of each student.…

3 months ago

Sparse Mixture of Experts (MoE) Models: Examples

With the increasing demand for more powerful machine learning (ML) systems that can handle diverse…

3 months ago

Anxiety Disorder Detection & Machine Learning Techniques

Anxiety is a common mental health condition that affects millions of people around the world.…

3 months ago

Confounder Features & Machine Learning Models: Examples

In machine learning, confounder features or variables can significantly affect the accuracy and validity of…

3 months ago

Credit Card Fraud Detection & Machine Learning

Last updated: 26 Sept, 2024 Credit card fraud detection is a major concern for credit…

3 months ago