Adobe Dreamweaver CS4

Lime green box with Adobe Dreamweaver CS4 written at the top. In the centre are five squares, each a different shade of green. The letters 'Dw' are in the second from top square.
I always loved the packaging of Adobe CS4 as much as the software

I live in a small, two-bedroom terraced house in the East Neuk of Fife. It is enough for my requirements just now, but I have too many things.

Inspired somewhat by The Minimalists, I’m in the process of clearing out stuff. Objects, belongings, things… clutter that I have carried with me for (in some cases many) years but for which I no longer have a need. As Joshua Fields Millburn and Ryan Nicodemus say:

Love people, use things: because the opposite never works

Tthe Minimalists
Continue reading Adobe Dreamweaver CS4

Coding fonts

Screenshot of Source Code Pro on Coding Fonts

Coding Fonts is a fabulous resource from CSS Tricks for selecting alternative fonts for your code editor.

While a few of the fonts are commercial, many are open source and/or free.

In Sublime Text 3, changing the font is as simple as downloading and installing the font then opening Preferences > Settings then adding the following line of code to the right-hand pane (within the file ‘Preferences.sublime-settings — User’):

"font_face": "NAME_OF_FONT",

Save the file and the font updates instantly.

Bulk install packages in Sublime Text

A couple of weeks ago I was setting up a new laptop and kept putting off installing Sublime Text (my code editor of choice) because I knew that it would also involve about fifteen minutes patiently working through my curated list of packages (add-ons / plugins), installing each one by one.

There’s got to be a simpler way, I suddenly thought. Sublime Text saves me so much time doing other stuff automatically, surely they’ve thought about this too.

I was right.

In fact, front-end developer extraordinaire Paul Irish asked this very question back in 2012.

How do it it

So, here is how to do it:

  1. Install Sublime Text (2 or 3).
  2. Install Package Control.
  3. Create a JSON file listing the "installed_packages" you want (see below) and save it to Packages/User/Package Control.sublime-settings.
  4. Restart Sublime Text and allow it to pick up and install the new packages.

Just be aware of any packages that need dependences that Sublime Text cannot install, for example Git or Zeal (offline documentation browser).

Save locations

You can easily find the save location by going to Preferences > Browse Packages.

On Windows the save location is:
C:\Users\[YOUR USERNAME]\AppData\Roaming\Sublime Text 3\Packages\User

Package Control.sublime-settings

This is my installed packages list from work and home; I keep a copy in Dropbox so that I can keep the two in sync.

The names listed are exactly as they are listed in the Package Control: List Packages list.

{
    "installed_packages": [
        "Alignment",
        "AutoFileName",
        "Autoprefixer",
        "Bootstrap 3 Snippets",
        "BracketHighlighter",
        "Color Highlighter",
        "CSS Color Converter",
        "CSScomb",
        "DevDocs",
        "Emmet",
        "GitGutter",
        "Handlebars",
        "jQuery",
        "JSHint Gutter",
        "Markdown Preview",
        "MarkdownEditing",
        "MarkdownTOC",
        "Package Control",
        "Placeholders",
        "Sass",
        "Search WordPress Codex or QueryPosts",
        "SideBarEnhancements",
        "Status Bar File Size",
        "SyncedSideBar",
        "Tag",
        "Theme - Minimal",
        "TodoReview",
        "Tomorrow Color Schemes",
        "View In Browser",
        "WordPress",
        "WordPress Developer Resources",
        "WordPress Generate Salts",
        "Zeal"
    ]
}

 

Needless to say, doing that made installing Sublime Text so much easier and quicker.

I will try to keep this list updated, as much for my own benefit as any one else’s.

GitHub repository

I have stored my most up-to-date settings in a GitHub repository: sublime-text-settings.

Sublime Text plugin shows TODO comments, and more

TodoReview in Sublime Text 3
TodoReview in Sublime Text 3

I do like a good Sublime Text 3 plugin, and this is one that offers functionality that I was missing since upgrading from ST2 a while back.

TodoReview scans the comments within your code (either open files, project files, or both) and builds a results page that allows you to easily open and jump to the appropriate lines in these files. It’s as simple as navigating to the appropriate line and pressing Enter.

The plugin has four common comment keywords built in, but using regular expressions these can be extended beyond:

  • TODO:
  • NOTE:
  • FIXME:
  • CHANGED:

Not only is this plugin useful for your own code projects, you can also use it to scan through third party open source projects to get an insight into their code. For example, WordPress 4.1.1 has 196 TODO: comments. My favourite is this:

Man o man is this ugly. WebKit is the new IE! Remove this if they ever fix it!

TodoReview can be installed easily using Package Control by Will Bond.

Minimal theme for Sublime Text

Minimal theme, compatible with both Sublime Text 2 and 3.
Minimal theme, compatible with both Sublime Text 2 and 3.

My favourite workspace theme for Sublime Text is currently Minimal Dark. With its dark sidebar I find it significantly less distracting than the default theme.

Here’s how to get it:

  1. Use via Package Control to install Theme – Minimal.
  2. Go to Preferences > Settings – User.
  3. Add the following line to your Preferences.sublime-settings file: “theme”: “Minimal Dark.sublime-theme”,

My current colour scheme is Tomorrow Night, which is also available via Package Control.