by Flo Preynat

Following last week’s very much appreciated post on Sublime Text 2’s Package Control and Livereload plugin, I thought I would keep the momentum going with a new tip (funny how you discover stuff almost every day with Sublime Text 2) on the popular code editor’s editing history.

I am not a fan of the bookmark feature within any code editor. Obviously, there are some parts of your HTML, CSS or JavaScript where you’re going to come back all the time, but being able to browse through your latest changes without having to bookmark the whole document is something quite appealing to me.

Therefore, let me introduce you to Stuart Knightley’s Edit History plugin (github location here + drop your congrats to Stuart here), allowing us to navigate back and forth between edit locations, providing the new edit location is created further than 5 lines away from the previous one (setting changeable in the package).

Practical Example

Right click on your preferred code editor, not a lot to see here, right?

null

Go ahead and install Stuart’s Edit History plugin (you will need to have Sublime Text 2’s Package Control already installed for this – see my previous post) as shown below:

null

You can already notice, that a couple of new options are showing up as you right-click the editor now.

null

Let’s test the plugin now. I’m still on the index page of the 320 and up framework, and I will make a couple of changes to the document, adding a bit of text here…

null

… and there (enabling in the process the ‘Back’ option):

null

Right, let’s now navigate through our changes, and see where our ‘Back’ and ‘Forward’ options take us…

nullnull

Wicked.

My name is Flo Preynat and I am the freelance webdesigner and developer behind shoogle designs. I live in France and specialize in responsive web design. Give me a shoogle or get in touch with me on twitter.

Follow @shoogledesigns

Most Recent Posts

Special Recent Posts

Sip: a color picker refreshingly simple indeed

Sip: a color picker refreshingly simple indeed

July 10th, 2014

I've just discovered Sip, a color picker app for Mac users. "Just discovered" since it's been around[...]

Perch – the CMS that does not pollute your web design workflow

Perch - the CMS that does not pollute your web design workflow

July 7th, 2014

I have recently finished a project based on Perch, the clever 'little' CMS created by edgeofmyseat.c[...]

Responsive video code snippet

Responsive video code snippet

June 29th, 2014

More of a reminder than a pure detailed blogpost, this code snippet will be my go-to resource when I[...]

Project Naphta: a nifty extension to play with text embedded in images

Project Naphta: a nifty extension to play with text embedded in images

June 9th, 2014

We've all been there. You want to select a good chunk of text on a website, only to realise you can'[...]

Free photos for your web design projects

Free photos for your web design projects

June 4th, 2014

Nothing beats using a real professional photographer when working on a cool project. You can be the[...]

Comments

  1. Daryl Walker-Smith says:

    Great post! Can’t wait to give this a try :o)

  2. caparico says:

    Could you elaborate a little on how is this helping you further than simply using the good old Ctrl+Z ?

    • Hi Kobe,
      Ctrl+Z undoes what you’ve done, when Edit History lets you browse through your changes. Say you wanna go back to a change you’ve made 3 steps ago and make a small change, then you can easily locate the area with this plugin. Don’t undo all you’ve done since just for the sake of coming back there.