by Flo Preynat

Following a couple of articles on Package Control, Livreload, and the Edit History package, here’s a new post of a few more Sublimetext 2 features you may not know about, which I find rather useful.

Distraction-free mode

We all have spells in a project where heavy coding without glancing at the resulting product browser side occurs. If you’re a fan of the minimalistic approach like I am (yes I have been praising about this already), then you will follow me on this. Use the distraction-free mode Sublime Text 2 offers.

I usually use it (Ctrl+Shift+Cmd+F) with a 2 column layout (for my HTML and CSS) and as nothing else (as in NOTHING else, even not a menu bar) is disrupting you in your work, you can gain in productivity and concentrate on your task at hand.

Sublime Text 2 Distraction-Free Mode

Another tip I give you, if you (like me) are no writer but like the minimalistic approach of applications such as Clean Writer Pro , then I encourage you to use Sublime Text 2’s distraction free mode (this time with a single column layout) and have nothing but your writing on screen to help you concentrate (Use Plain text as your file type).

I can already hear a few moaners from here, saying Sublime Text 2’s writing area is not wide enough for writing articles and essays. Actually you’re right it isn’t, but you can change the distraction-free mode settings as stated here and increase the wrap-width value to whatever value is suitable for you. I personally went with 120 and I am currently writing this post undistracted!

Got to: Preferences > Settings – More > Distraction-Free User and add this:

{
        "wrap_width": 120
}

ColorPicker

ColorPicker is another package you may want to install in your favorite code editor (using the Package control as shown below) if you want a bit more details and fine tuning on your color selection. It does exactly what it says on the box, it helps you pick your colors by bringing up a color selection widget you may find in TextMate if I’m not mistaking.

Sublime Text 2 - ColorPicker

Use Cmd+Shift+C to bring it up.

Sublime Text 2 - ColorPicker

PlaceHolders

Finally, PlaceHolders, yet another package to install through the package control.
You may have clicked on the Tools > Snippets command, and you may not have seen much.

null

Get this repository installed, and you’ll get a handful of useful HTML placeholder content such as lorem ipsum text, forms, images and much more.

Sublime Text 2 - PlaceHolders

Sublime Text 2 - PlaceHolders

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. Kurt says:

    Didn’t know about the color picker and placeholders packages. Thanks for sharing!

  2. Christian Krammer says:

    Thanks for the tip about ColorPicker. Didn’t know, that such a plugin existed.

  3. Paul Graham says:

    I feel like a dope for not using snippets more fully, but I also have TextExpander, so I’ve always used that. This library is useful, however.

    Color picker is a nice plugin. Good catch.

  4. Yury says:

    Here is an app for Windows which can be used with Sublime Text as a color picker (and simple image editor and also screen capture utility): http://www.color-tools.com/