10 Recommended Brackets Plugin

Brackets is an open source code editor originally developed by Adobe.
Brackets primarily aims at front-end delopers and web designers andit is fully optimized for HTML, CSS and JS.
This great editor is available for Mac OS X, Windows and Linux.

This article focuses on just 10 out of the numerous Bracket plugins which can make your work as a web designer or developer easier, neater and smarter.

1. eqFTP

eqFTP.png
eqFTP is an FTP/SFTP client for Brackets code editor.
It delivers an intuitive interface to work with your remote servers, synchronization, and remote file structure exploring, and passwordd encryption.
It useful for transferring and syncing your project's files to your web host or server.

2. Beautify

beautify.png
Beautify Brackets plugin not only make your files more readable but also beautifies your code. It gives you a handy shortcut key to beautify those files - CMD-Shift-L (Mac) and Ctrl-Shift-L (Win). Beautify can consistently format JavaScript code to make them more readable.

3. Minifier

minifier.png
This extension helps to remove unwanted character s from your JavaScript and CSS files. To minify a file, use the keyboard shortcut CMD+M or Ctrl+M. It compresses files and saves your time as it minifies JavaScript automatically. Ad this invariably improves your website's speed.

4. Brackets Icons

Icons.png
Brackets Icons is a super simple plugin that adds file icons in Brackets's sidebar. It supports files like JavaScript, HTML, JSON, XML, CSS, PNG, and JPG. The icons are excellent visual cues that make it much easier to identify the file you would like to work on.

5. HTML Wrapper

Wrapper.gif
HTML Wrapper is a Brackets plugin that formats nav and select tags with a single command. You can use it by selecting a list of items encapsulated by the desired tag, and then run the command.

6. Autoprefixer

Autoprefixer.png
Autoprefixer is a postprocessor for dealing with vendor prefixes in the best possible way. You can automatically and intelligently add vendor prefixes to your CSS properties with this extension. It also removes unnecessary vendor prefixes.

7. CSSLint

Lint.png
CSSLint is a Bracket plugin that can enable CSS linting support. This plugin highlights CSS errors and code-quality issues. The errors and warnings reported by this extension are based on CSS Lint rules.

8. Emmet

emmet.png
Emmet helps improve your HTML and CSS workflow by letting you type in CSS-like expressions that can be dynamically parsed and produce parsed and produce an output according to what you can actually typed in the abbreviation. It is just a collection of tools and keyboard shortcuts that can speed up HTML-and CSS authoring.

9. ToDo

Todo.gif
ToDO is a Bracket Plugin that displays all To-Do comments in the currrent document or project. It allows you to create and manage to-do lists for each project within Brackets.

10. HTML Skeleton

Skeleton.png HTML Skeleton is a collection of a sett of tags rrequired by every HTML webpage you build. The tags that make up the skeleton tell browsers what kind of file it is reading and without the skeleton, HTML files will not be rendered correctly in web browsers.

Install all this Brackets Plugins and enjoy a better, easier and more productive life as a web designer and developer.

AUTHOR

READ NEXT

Boostlog is an online community for developers
who want to share ideas and grow each other.

Delete an article

Deleted articles are gone forever. Are you sure?