background preloader

SublimeText

Facebook Twitter

Tips on Sublime Text 2 - your favorite code editor. Unless you've lived under a rock lately, I'm sure you've heard of Sublime Text 2 and most likely that's your favorite code editor.

Tips on Sublime Text 2 - your favorite code editor

In the past I used some other code editors like Komodo Edit or Aptana Studio, but now I use Sublime Text 2 on a daily basis and I'm pretty happy with it. It's lightweight, easy to use and has a modern UI look. But by far, the best feature is the ability to extend its functionality with plugins, a.k.a packages. Top things people love about Sublime The Goto Anything ability (Ctrl+P) is a time saver as you can quickly jump between files. Perfect Workflow in Sublime Text 2 If you want to dive into the world of Sublime Text 2, then you don't want to miss this awesome free video course by Jeffrey Way.

Package Control First of all, you should install Sublime Package Control. List of installed packages. Here are some packages I'm currently using: Emmet & Hayaku If you are a Sublime Text 2 addicted and a fan of abbreviations then you may give Hayaku a try too. Conclusion. Perfect Workflow in Sublime Text 2. Buymeasoda/soda-theme. Getting Jade and Stylus working w/ Sublime Text 2. CheatSheets - zen-coding - Cheat sheets for Zen Coding syntax and abbreviations - Set of plugins for HTML and CSS hi-speed coding. My favorites ▼ | Sign in Project Home Downloads Wiki Issues Source Comment by uzilcorp...

CheatSheets - zen-coding - Cheat sheets for Zen Coding syntax and abbreviations - Set of plugins for HTML and CSS hi-speed coding

@gmail.com, Jan 25, 2010 nV>K NKcnv zl;knv Comment by kayo.mur... xhtml1.0 Comment by loo... Hello, there is alternative version of cheatsheet for Zen Coding. Comment by project member serge.... loonar, thanks for your job. v0.6 also supports simplified selectors: #content → <div id="content"></div> .section → <div class="section"></div> i.e. if you skip tag name, div will be used by default. Brackets - Open source code editor for the web. I never thought I’d see the day that I would be recommending a code editor written by Adobe.

Brackets - Open source code editor for the web

But it’s happening! Even though Brackets is in public beta right now (read “not quite ready for everyone to use it”), it’s worth sharing the news of this release with you fine designers and developers. Can’t Get Into Preprocessors? Try Zen Coding. A ton of discussion lately has been given to preprocessors.

Can’t Get Into Preprocessors? Try Zen Coding

These incredibly useful tools make coding easier, faster and more maintainable, but they’re certainly not for everyone. Whether or not you’ve jumped on the preprocessor bandwagon, you should give a fresh look to an old favorite that helps you dramatically cut your coding time without reinventing your workflow with compilers and other complications: Zen Coding. With Zen Coding, you can type a little and output a lot, just like with a preprocessor like Jade or Haml, only it expands instantly into the vanilla HTML that you love. Some things beginners might not know about Sublime Text. Sublime Text 2: Package Control and Livereload. By Flo Preynat I’ve been using Sublime Text 2 for a few months now, as it’s mega fast, it supports multi-selection, and it’s got cool features like the distraction-free editing mode.

Sublime Text 2: Package Control and Livereload

In 4 words, “I fucking love it”. Since i’m far from the only one getting hooked on the app as the text editor for code is becoming more and more popular, I thought I would share a couple of things with you. Sublime Package Control For those of you who still wouldn’t know it, Sublime Text 2 can be ‘equipped’ with a full-featured package manager helping you discover, install, update and remove packages (on top of this, it supports GitHub). To install it, follow the Instructions stated here. Click the Preferences > Browse Packages… menu entryBrowse up a folder and then into the Installed Packages folderDownload Package Control.sublime-package and copy it into the Installed Packages directoryRestart Sublime Text Livereload Type Livereload and double click the package to install it.

Practical example. Prism.