Skip to main content

Brackets: a free editor/environment for web development

 There are a lot of options, and VS Code is one of the top contenders.

I am a VS Code fan, but if you are looking for an alternative, Brackets is another option that I find appealing. It was built for web development, using HTML/CSS/Javascript. I think it is especially helpful for people who just start learning HTML/CSS (and maybe Javascript).

http://brackets.io/

Brackets has some built-in features that are pretty convenient.

1. auto-complete for CSS property and value.

2. Live preview the webpage to reflect the changes being made. You can make changes in code and see the result instantly.

3. In-place editing of CSS rules (you can select an element/class name in HTML and press the short keys to edit the corresponding CSS rules directly).

4. Code to browser mapping: you can select/edit an element in HTML or a rule in CSS, and the corresponding user interface elements or those that will be affected by the CSS rule will be highlighted in the browser.

See this video for an overview. The video was produced several years ago, but it highlights the most critical and useful features.

[Note] You can probably get all these in VS Code (or another environment) by installing extensions. I now do all my web development in VS Code, but I sometimes switch to Brackets just to fine-tune the styles.

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Setting MySQL to Use UTF-8 on MAMP (MySQL 5.5.9, or 5+)

I wanted to setup MySQL to use utf-8 on the MAMP installation on my Mac. I tried the instructions from this article: http://cameronyule.com/2008/07/configuring-mysql-to-use-utf-8/ However, I kept getting error messages that are similar to this one [ERROR] /Applications/MAMP/Library/bin/mysqld: unknown variable 'default-collation=utf8_general_ci' I did some search and realized that several variables are deprecated. Reference: http://dev.mysql.com/doc/refman/5.1/en/server-options.html Therefore, I added the following lines into /Applications/MAMP/conf/my.cnf [mysql] character-set-server=utf8 [client] character-set-server=utf8 [mysqld] character-set-server=utf8 collation-server=utf8_general_ci init-connect='SET NAMES utf8' I restarted the server and mysql run successfully with relevant variables being set correctly. In the "Variables" tab under phpMyAdmin interface (ex. http://localhost:8888/MAMP/?language=English) character set c...
2 comments
Read more

Use NVM to handle Angular-Node.js incompatibility (e.g., Uncaught SyntaxError: Unexpected token 'export')

Overview If you are a fullstack developer, the chances are that you will be creating multiple frontend or Node.js projects along the way. When you are creating new projects using the newest version of the cli (command-line interface) of a particular framework, you might be asked to install the most updated version of Node.js in order to utilize the newest feature. This might involve upgrading your Node.js version, which might not be compatible with other existing projects (e.g., using Angular) you have created before. A potential solution is to use nvm (Node Version Manager) to install multiple versions of Node.js and use a particular version of the Node.js to install the proper version of the cli (e.g., Angular-CLI) that can be used to manage a particular project. Here I will use a problem I run into to explain how to solve it. Problem There is a compatibility issue between Node.js and angular.js. For instance, I run into an error when I was using an incompatible version of Node.js ...
Post a Comment
Read more

Resolve "Box Sync" (online storage) recent issue of crashing (halting) and not syncing on Mac/macbook

My Box (https://www.box.com/) online storage client software stop working on your Mac recently. I found one possible workaround, and I will describe it here. Open "Activity Monitor". Search among "All Processes" for "Box". You will see two process: "Box Sync Engine and "Box Sync".  Stop those two processes by first selecting process and then pressing "Quit Process". Download the latest version of "Box Sync" from Box's web site. (I didn't check whether it is a newer version then what I have on my computer.) Install the latest version of "Box Sync". Provide account information to login and start syncing. Your Box should work correctly after executing the above procedure. I didn't investigate the issue, but I got my Box working by following this procedure. Hope this help!
1 comment
Read more