Adobe Brackets

adobe-brackets

I’m in love with Adobe Brackets for web coding! The fact that you can have your HTML and CSS up side-by-side makes me smile! I’m still working on a way to get more than two columns. I admit, I like that Sublime Text allows you to have up to 4 different windows open at the same time.

Below you’ll find a list of some of my favorite Adobe Brackets Add-Ons! I’d love to hear what your favorite add-ons or themes would be by replying to this post!

Waka Time
WakaTime.com
Automatic time tracking and analytics about your programming.
More info…
Brackets Css Color Preview
Neil.M.Chen
preview the colors within css file
More info…
Brackets Trello
NeoBrackets Working Group
Sync tasks with Trello
Translated into 3 languages, including yours
colorHints
Konstantin Kobs
Show colors you used in your CSS file before as code hints.
More info…
Directory Search
Louie Almeda
Search files within your project directory in an intuitive and simple way.
More info…
Emmet
Sergey Chikuyonok
High-speed HTML and CSS workflow
More info…
ExportPDF
Jean Spiteri
Export a file or a selection to PDF.
More info…
Extract for Brackets (Preview)
Adobe
Preview of Extract functionality inside Brackets. Extract design information and assets from a design comp via contextual code hints for CSS.
More info…
HTML Skeleton
Triangle717
Easily insert a variety of HTML elements into your document.
More info…
HTML Wrapper
rcaferati
Format <ul>, <ol>, <nav>, <select> and <tr> children tags with a single command. NOW with live demo.
More info…
Indent Guides
Lance Campbell
Show indent guides in the code editor.
More info…
Insert Copyright
Joe Ireland
A Brackets extension to insert a copyright notice at the top of your documents (Hotkey: Alt+C)
More info…
Lorem Ipsum
Lance Campbell
Generates Lorem Ipsum text automatically in any Brackets document.
More info…
Lorem Pixel
Alex Bardanov
Generate placeholder Images for every case
More info…
Minimap
Senko Anton
The minimap shows a smaller version of your code at the right of the screen. It can be used to quickly scroll to a certain part of your file. This is a fork of brackets-wdminimap by Brian Adams
More info…
New Html5 Document
Yasin Kuyu
Brackets New Html5 document
More info…
Quick multi-cursor selection
Louie Almeda
Sublime’s quick text selection of next matching text (ctrl + D) implemented in brackets
More info…
Replace In Selection
Rhuno
This extension allows you to do a find and replace all within selected text. Shortcut is Ctrl-R
Simple To-Do
Oleg Koshelnikov
Simple to-do list for Brackets. Tasks can be stored in text files or Trello.
More info…
spell-check
Jochen Hagentröm
Spell checking the Adobe Brackets Web Editor.
More info…
Todo
Mikael Jorhult
Display all TODO comments in current document or project.
More info…
W3CValidation
Raymond Camden
Adds W3C validation support to Brackets.
More info…
Zoom wheel
Denis Gorin
Increase / Decrease Font Size with the Mouse Wheel
More info…

My Favorite Web Design / Development extensions / sites

Below you’ll find some of my favorite websites and extensions that I’ve used for web design / development but I’ve love to hear what are some of your favorite websites, software, extensions, and add-ons that you use for Web Design / Development? Reply to this post with your favorites!

Websites:
X-Rite

Chrome Web Extensions:

  • Rescue Time
    • Tracks the time you spend in the active tab or window of Chrome, or your ChromeOS device. This gives you a clear picture of what you were actually doing all day, to better manage your digital life.
    • Click Here
  • CSS Viewer
  • Blue Button
    • Get an index of building blocks from any webpage, instantly. See title tags & meta description, scripts, stylesheets, images & fonts
    • Click Here
  • ColorZilla
    • Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
    • Click Here
  • Page Ruler
    • Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page
    • Click Here
  • Web Developer
    • Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox
    • Click Here
  • Window Resizer
    • Resize browser window to emulate various screen resolutions
    • Click Here
  • Evernote Web Clipper
    • Use the Evernote extension to save things you see on the web into your Evernote account.
    • Click Here
  • LastPass
    • password manager, saves your passwords and gives you secure access from every computer and mobile device.
    • Click Here
  • Evernote Clearly
    • makes blog posts, articles and webpages clean and easy to read. Save them to Evernote to read anywhere.
    • Click Here
  • Disconnect
    • lets you visualize and block the otherwise invisible websites that track your search and browsing history.
    • Click Here

FireFox Web Extensions:

Software:

  • Adobe Brackets
  • Sublime Text
    • Sophisticated text editor for code, markup and prose.
      You’ll love the slick user interface, extraordinary features and amazing performance.
    • http://www.sublimetext.com/