Shortcuts

Learning Keyboard Shortcuts can drastically reduce the amount of time you spend typing HTML, CSS, JavaScript, PHP or whatever. Learn them. Use them. Enough said.

Some shortcuts are universal:

Ctrl+N = New file

Ctrl+S = Save
Ctrl+O = Open
Ctrl+W = Close
Ctrl+C = Copy
Ctrl+V = Paste
Ctrl+Z = Undo
Ctrl+Y = Redo

Alt+S = Save As

Zen Coding

is a set of shortcuts that speed up web development. They can be added to many editors and IDEs including Sublime Text, Notepad++, Komodo Edit, Dreamweaver and more (view a big list on the Wikipedia page).

It’s more of a shorthand way of writing code than a keyboard shortcut. Here is a good intro: http://coding.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/

The shortcuts vary slightly from browser to browser. In Sublime text you hit tab to expand.

html:5 + tab = a blank html5 page

Sublime Text is a great editor and has many shortcuts of its own.

Here are some Sublime Text 2 Shortcuts

- Auto Complete for HTML: type tag then hit Tab
- Ctrl+Enter = Make new line from any point on previous line
- Ctrl+ Click = give you multiple selectors
- Ctrl + D = Select the next instance of selected word
- Ctrl+P = Find Anything
- Ctrl+p + @ = in JS it shows functions, in HTML it shows IDs, in CSS it show all selectors
- Ctrl+P + : = Go to line number you type after the :

- Shift + Alt + 1 = 1 Pane

- Shift + Alt + 2 = 2 Pane

- Shift + Alt + 3 = 3 Pane

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © MMP240 Fall 2012
Just another BMCC Multimedia Blogs site

Built on Notes Blog by TDH
Powered by WordPress

That's it - back to the top of page!