/sublime-for-designers

Useful sublime text packages for web designers

Sublime for designers

Useful Sublime Text packages and keyboard shortcuts for web designers.

About Sublime Text

As they say in the web site Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.

More info: https://www.sublimetext.com/

Useful packages

Package Control

Install and keep packages up-to-date.

https://packagecontrol.io/

EditorConfig

Helps developers maintain consistent coding styles between different editors - Sublime Text plugin.

https://packagecontrol.io/packages/EditorConfig

TrailingSpaces

Highlight trailing spaces and delete them in a flash.

https://packagecontrol.io/packages/TrailingSpaces

Emmet

The essential toolkit for web-developers.

http://emmet.io/

SideBarEnhancements

Enhancements to Sublime Text sidebar. Files and folders.

https://packagecontrol.io/packages/SideBarEnhancements

ColorPicker

A multi-platform color picker plugin.

http://weslly.github.io/ColorPicker/

Color Highlighter

ColorHighlighter - is a plugin for the Sublime text 2 and 3, which underlays selected hexadecimal colorcodes (like "#FFFFFF", "rgb(255,255,255)", "white", etc.) with their real color. Also, plugin adds color picker to easily modify colors.

https://packagecontrol.io/packages/Color%20Highlighter

Keyboard Shortcuts

This shortcuts it based on Guillermo López-Anglada and FichteFoll work https://github.com/guillermooo/sublime-undocs http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html Licensed under CC by-nc-nd.

Editing

Keypress Description
⌘ + X Cut line
⌘ + ↩ Insert line after
⌘ + ⇧ + ↩ Insert line before
⌘+ctrl+↑ Move line/selection up
⌘+ctrl+↓ Move line/selection dow
⌘ + L Select line - Repeat to select next lines
⌘+D Select word - Repeat select others occurrences
ctrl + ⌘ + G Select all occurrences of current selection
ctrl + M Jump to closing parentheses Repeat to jump to opening parentheses
⌘ + Left Move to beginning of line
⌘ + Right Move to end of line
⌘ + K Delete from cursor to end of line
⌘ + K + ⌫ Delete from cursor to start of line
⌘ + ] Indent current line(s)
⌘ + [ Un-indent current line(s)
⌘ + ⇧ + D Duplicate line(s)
⌘ + J Join line below to the end of the current line
⌘ + / Comment/un-comment current line
⌘ + ⌥ + / Block comment current selection
⌘ + Y Redo, or repeat last keyboard shortcut command
ctrl + Space Select next auto-complete suggestion
ctrl + ⇧ + W Wrap Selection in html tag
ctrl + ⇧ + K Delete current line of cursor

Navigation/Goto Anywhere

Keypress Description
⌘ + P or ⌘ + T Quick-open files by name
⌘ + R Goto symbol / Goto word in current file
ctrl + G Goto line in current file

General

Keypress Description
⌘ + ⇧ + P Command Palette
ctrl + ⌘ + F Toggle fullscreen mode
ctrl + ⇧ + ⌘ + F Toggle distraction-free mode
⌘ + K, ⌘ + B Toggle side bar
ctrl + ⇧ + P Show scope in status bar

Find/Replace

Keypress Description
⌘ + F Find
⌘ + ⌥ + F Replace
⌘ + ⇧ + F Find in files

Scrolling

Keypress Description
ctrl + V Scroll down one page
ctrl + L Center current line vertically in page
⌘ + Down Scroll to end of file
⌘ + Up Scroll to start of file

Tabs

Keypress Description
⌘ + ⇧ + t Open last closed tab
⌘ + [NUM] Jump to tab in current group where num is 1-9
⌘ + 0 Jump to 10th tab in current group
⌘ + ⇧ + [ Cycle left through tabs
⌘ + ⇧ + ] Cycle right through tabs
ctrl + Tab Cycle up through recent tabs

Split window

Keypress Description
⌘ + ⌥ + 1 Revert view to single column
⌘ + ⌥ + 2 Split view into two columns
⌘ + ⌥ + 3 Split view into three columns
⌘ + ⌥ + 4 Split view into four columns
⌘ + ⌥ + 5 Set view to grid (4 groups)
ctrl + [NUM] Jump to group where num is 1-4
ctrl + ⇧ + [NUM] Move file to specified group where num is 1-4

Text manipulation

Keypress Description
⌘ + K, ⌘ + U Transform to Uppercase
⌘ + K, ⌘ + L Transform to Lowercase
⌘ + ctrl + up, ⌘ + ctrl + down clip text upwards / downwards