Turn your volume up for the sound of success!
A couple of must haves...
On each challenge below, Hit "Go", complete the challenge and the sound will play when you're finished
Click reset to try again and get a faster time. Your total time is recorded at the bottom :) (careful not to refresh)
(No need to copy into sublime for these challenges)
This is global on text fields in most software (Emails, MS Word etc) so it's super useful
Speedier than the mouse I reckon
SHIFT - Select
But first a couple of config changes...
Absolutely vital
For the cutup dudes!
div#my-id.my-class|c
It sucks! let's turn it off
"word_wrap": true,
"word_wrap": false,
So you can see what you're targeting! (even in the sidebar)
<key>selection</key>
<string>#FFFF00</string>
<key>selectionForeground</key>
<string>#000000</string>
<key>findHighlight</key>
<string>#FFFF00</string>
<key>findHighlightForeground</key>
<string>#000000</string>
Let's change the default to 2 spaces
{
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"font_size": 16.0,
"ignored_packages":
[
"Vintage"
],
"tab_size": 2,
"translate_tabs_to_spaces": true
}
Nice 'n tidy
.......... or you can auto indent... with key bindings ....see below....
Loads of cool things you can assign here!
[
{ // --- auto indent ---
"keys": ["super+shift+i"], "command": "reindent"
},
// ----------------
// --- SNIPPETS ---
// ----------------
{ // --- console.log() ---
"keys": ["super+shift+c"],
"command": "insert_snippet",
"args": {
"contents": "console.log(${1:}$SELECTION);${0}"
}
},
{ // --- paragraph tag ---
"keys": ["super+shift+control+p"],
"command": "insert_snippet",
"args": {
"contents": "<p>${1:}$SELECTION</p>${0}"
}
},
{ // --- strong tag ---
"keys": ["super+shift+s"],
"command": "insert_snippet",
"args": {
"contents": "<strong>${1:}$SELECTION</strong>${0}"
}
}
]
Drag a folder into sublime icon to view the folder in the sidebar
A few UI shortcuts...
Nice 'n tidy
The most freaking useful shortcut I've EVER learned!
You'll also need...
Good for find complimacated strings
Good for doing something to everything
Good for making classes / JS variables
Good for making classes / JS variables
Where is the closing tag!?!?!?
NOTE: Requires Emmet
<snippet>
<content><![CDATA[
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>${1:Title here}</title>
</head>
<body>
${2:Body text}
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>myhtml</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
[
{ "keys": ["super+shift+t"], "command": "open_terminal" },
{ "keys": ["super+shift+alt+t"], "command": "open_terminal_project_folder" }
]
A great plugin for writing fast CSS
Email me! jmorgan@squiz.net