Page tree
Skip to end of metadata
Go to start of metadata

Device testing

  • Duo (
    A nifty Webkit-based browser that lets you view multiple screen widths simultaneously in a columned window

  • Ghostlab (
    A very nifty little bit of device-testing and synchronisation software (including form input sync!). Also they make rather splendid device testing stands/displays for holding all your devices.

Code development

Sublime Text (

A very useful text editor with a huge number for plugins.  First install Package Control then use that to install our recommended packages:

  1. AdvancedNewFile
  2. ApacheConf
  3. ApplySyntax
  4. Auto Semi-Colon
  5. BracketHighlighter
  6. Case Conversion

  7. CanISwitchToSublimeText3
  8. DocBlockr
  9. Emmet
  10. HTML-CSS-JS Prettify
  11. JsFormat
  12. Sass
  13. SideBarEnhancements
  14. SublimeCodeIntel
  15. SublimeLinter
  16. SVN
  17. TrailingSpaces
  18. Gist
  19. Scss
  20. Preferences Editor
  21. Highlighter - Highlights mixed spaces and tabs

Most of these are descibed in detail on

Five further plugins were demo'd by Chris Howlett in Show and Tell on . These were:

  1. GitGutter (adds icons to your gutter, and enhances the status bar, according to changes relative to your current git branch) 
  2. SendCode (sends selected text to a terminal. Requires setup: check the package docs. You may also need to define a different keypress, in case the default belongs to another plugin - I use: 
    [ { "keys": ["shift+enter"], "command": "send_repl" } ]

  3. ) OpenInclude (trawls your project tree to find imported files and open them. Should also do things with web addresses, but I can't make it work. Not on PackageControl - download from

  4. SuperCalculator (evaluates maths expressions under the cursor)
  5. TextPastry (numerous magic tricks for pasting collections into multiple selection points. Refer to the docs)

These were found from and

It's possible to set different preferences for specific syntax types (for instance, to set a more Markdown-aware colour scheme when editing Markdown files). To do this, open a file of the appropriate type and choose Preferences -> Settings - Syntax Specific. The settings are then in Sublime's standard JSON format (for instance, to change the colour scheme, add a line like the following modified for your specific setup): "color_scheme": "Packages/User/SublimeLinter/Monokai Extended (SL).tmTheme"

Unknown User (ma1twn) used this guide to sync Sublime configs across different machines using Dropbox. 

Unknown User (mnskchg) uses the official method to also sync packages via Dropbox.

Dan Dineen has set up a Github gist with a standard ST2/3 prefs file that should confirm to UoB code specs ->

  1. Windows tools

  2. Cmder - A much more terminal-like console emulator

  1. Problem diagnosis tools

Checking pages on either alderaan or hoth nodes

Useful Firefox extensions

  1. Internet Explorer browser detection

If you need to know what browser and document modes IE is using, they can automatically be detected using

  1. Take a screenshot

Details for most OS versions are at

  1. Team tools

Tools that we use that new people will need to use...

  1. WordPress blog
  2. Desk
  3. Wiki
  4. OpenCms
  5. Content Publisher
  6. Group Manager
  7. UNIX groups tool
  8. Slack
  9. Finding errors in log files

See the page Log files

git aliases

git can be made easier to use with the aid of aliases, turning multi-step or difficult-to-type commands into one-liners. Here are some we find useful. To use these, edit them into your .gitconfig file (at ~/.gitconfig for Linuxy people, \Users\<your-ID>\.gitconfig for Windows)

git aliases
  # Pretty-log, displaying the commit graphs, SHA, any branch/remote tips, and commit message details. lol = this branch, lola = all.
  lol = log --graph --decorate --pretty=format:'%C(red) %h %C(cyan)%d %C(yellow) %s %C(green)(%cr %C(cyan)by %cN%Cgreen)' --abbrev-commit
  lola = log --graph --decorate --pretty=format:'%C(red) %h %C(cyan)%d %C(yellow) %s %C(green)(%cr %C(cyan)by %cN%Cgreen)' --abbrev-commit --all

  # Get the current branch name (not so useful in itself, but used in other aliases)
  branch-name = "!git rev-parse --abbrev-ref HEAD"

  # Push the current branch to the remote "origin", and set it to track the upstream branch
  publish = "!git push -u origin $(git branch-name)"

  # Delete all local branches tracking ones no longer on origin. Important! Pass the staging (content-editor) or master (course-editor) branch as argument
  purge = "!git checkout $1 && git fetch --prune && git branch -vv | grep ': gone]' | awk '{print $1}' | xargs git branch -d"
  # Basic, but useful
  st = status
  d  = diff