Merge branch 'gh-pages' of github.com:ttscoff/cheaters into gh-pages

* 'gh-pages' of github.com:ttscoff/cheaters: (24 commits)
  Hype 3 Pro cheat sheet
  table cleanup
  Couple of shortcut key fixes for Sketch cheatsheet
  ignore map files
  sketch cheatsheet, fix for menubar stutter on scroll
  Move delimiter note to comment
  Spellcheck and minor cleanup
  Add fold section and completion list shortcut
  Merge build and debug. Add some more shortcuts to build
  Move titles verbs
  Change enter to ⏎ symbol
  Add Xcode cheatsheet
  Update README.md
  Change example URL for the Automator setup documentation
  handle raw image links, hide quick switch on blur
  Removing Moom from repo since it's all custom anyway...
  pre code blocks more readable
  fix missing marked.js link
  keyboard example fix
  updating a couple of MD examples
  ...

.gitignore

@@ -1,6 +1,7 @@
 cheatsheets/moom.html
 .DS_Store
-index.html.orig
-cheaters.sublime-project
-cheaters.sublime-workspace
-index_local.html
+*.sublime-project
+*.sublime-workspace
+*_local.html
+*.taskpaper
+*.map

README.md

@@ -19,6 +19,8 @@ Cheaters is a collection of HTML-based cheat sheets meant for display in an Auto
 
 You can use the instructions below if you're a cheapskate, but for $5 you can use [Fluid](http://fluidapp.com/) and create a menu bar app that's much more full-featured and usable than the Automator action. Seriously. Do it.
 
+Be sure to check out the [built-in Markdown conversion](http://brettterpstra.com/2014/01/26/cheaters-2-dot-0-5-cheating-gets-easier/) for easy cheatsheet creation, and [check here](http://brettterpstra.com/2014/01/21/cheaters-2-dot-0-more-and-faster/) for info on the fast switcher, deep linking and a JavaScript API.
+
 ### Using Cheaters
 
 The most useful way to use Cheaters is with an Automator Application.
@@ -68,4 +70,3 @@ There's also a contrast icon in the upper right, which you can use to flip betwe
 If you find a PDF cheat sheet that's ideal for this type of display, you'll need to convert it to an image (gif, jpg or png) first. Make it large, between 800px and 1024px wide. Cheaters will automatically scale it to your browser width, and when your browser width gets small enough that the image would be unreadable, it shows it full size and lets you scroll around within the viewport. See the CSS3 cheat sheet markup for an example of using an image; it's just an image tag in an html file. Easy as pie.
 
 If you create some great cheat sheets, fork this and send a pull request. Just [let me know](http://brettterpstra.com/contact) if you need a hand!
-

cheaters/.gitignore

@@ -0,0 +1,2 @@
+index.html
+personal

cheaters/cheat.html

@@ -15,7 +15,7 @@
 			<img src="images/contrast.png" id="contrast">
 			<!-- <a href="#nav" class="menu-link">&#9776;</a> -->
 			<ul id="nav">
-				<li><a href="cheatsheets/css3.html">CSS3</a></li>
+				<li><a href="cheatsheets/css3.jpg" title="CSS3">CSS3</a></li>
 				<li><a href="cheatsheets/selectors.html">Selectors</a></li>
 				<li><a href="cheatsheets/html5.html">HTML5</a></li>
 				<!-- <li><a href="cheatsheets/emmet.html">Emmet</a></li> -->
@@ -46,12 +46,15 @@
 				<li><a href="cheatsheets/scannercodes.html">Scanner Codes</a></li>
 			</ul>
 		</nav>
+		<div id="message"><p><kbd>f</kbd>: quick switch</p></div>
 		<div id="container"></div>
 	</div>
 	<script src="js/jquery-2.0.3.min.js" type="text/javascript" charset="utf-8"></script>
 	<script src="js/jquery.cookie.min.js" type="text/javascript" charset="utf-8"></script>
 	<script src="js/mousetrap.min.js" type="text/javascript" charset="utf-8"></script>
 	<script src="js/jquery.menutron.min.js" type="text/javascript" charset="utf-8"></script>
+	<script src="js/masonry.js" type="text/javascript" charset="utf-8"></script>
+	<script src="js/marked.js" type="text/javascript" charset="utf-8"></script>
 	<script type="text/javascript" src="js/cheaters.js"></script>
 
 </body>

cheaters/cheatsheets/JSStrings.md

@@ -7,12 +7,12 @@
 **indexOf**(substr, [start]) 		| Searches and (if found) returns the index number of the searched character or substring within the string. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is 0.
 **lastIndexOf**(substr, [start])	| Searches and (if found) returns the index number of the searched character or substring within the string. Searches the string from end to beginning. If not found, -1 is returned. "Start" is an optional argument specifying the position within string to begin the search. Default is string.length-1. 
 **match**(regexp)					| Executes a search for a match within a string based on a regular expression. It returns an array of information or null if no match is found. 
-**replace**( regexp, replacetext)	| Searche and replaces the regular expression portion (match) with the replaced text instead. 
+**replace**( regexp, replacetext)	| Searches and replaces the regular expression portion (match) with the replaced text instead. 
 **search**(regexp)					| Tests for a match in a string. It returns the index of the match, or -1 if not found. 
 **slice**(start, [end])				| Returns a substring of the string based on the "start" and "end" index arguments, NOT including the "end" index itself. "End" is optional, and if none is specified, the slice includes all characters from "start" to end of string. 
 **split**(delimiter, [limit])		| Splits a string into many according to the specified delimiter, and returns an array containing each element. The optional "limit" is an integer that lets you specify the maximum number of elements to return. 
 **substr**(start, [length])			| Returns the characters in a string beginning at "start" and through the specified number of characters, "length". "Length" is optional, and if omitted, up to the end of the string is assumed.
 **substring**(from, [to])			| Returns the characters in a string between "from" and "to" indexes, NOT including "to" inself. "To" is optional, and if omitted, up to the end of the string is assumed.
 **toLowerCase**()					| Returns the string with all of its characters converted to lowercase. 
 **toUpperCase**()					| Returns the string with all of its characters converted to uppercase.
-[JavaScript String handling methods]
+[JavaScript String handling methods]

cheaters/cheatsheets/Xcode.md

@@ -0,0 +1,73 @@
+### XCode Keyboard Shortcuts
+
+<!-- 
+### Move
+(← moves in the opposite direction. Use xSHIFT to hightlight)
+
+| Command | Description| 
+| -- | -- |
+| xOPT → |Next word|
+| xCTRL → |Next subword |
+| xCMD → |End of line| 
+
+-->
+
+### Navigate
+| Shortcut | Action |
+| --|--|
+| xCMD xSHIFT O | Quick open |
+| xCMD xOPT ← | Go back in main editor |
+| xCMD xOPT → | Go forward in main editor |
+| xCMD xOPT + Click | Open target in the assistant editor |
+| xOPT xCMD + Click | Open target in assistant editor |
+| xCMD ⏎ | Close the assistant editor |
+| xCTRL 1 | Open Related Files menu |
+| xCTRL 2 | History drop down |
+| xCTRL 6 | Open the Jump Bar |
+| xCMD xSHIFT ⏎ | Maximize the editor |
+| xCMD J | Move focus to a new area |
+| xCMD xOPT xSHIFT + Click | Open target in a new focus area |
+
+### Edit
+|Command|Description|
+|--|--|
+| xCTRL SPACE | Show completion list |
+| xOPT xCMD [ | Move line up |
+| xOPT xCMD ] | Move line down |
+| xCTRL xCMD E | Edit all in scope |
+| xCTRL I | Re-indent line | <!-- works really well with the delimiter -->
+
+### Fold
+| Command | Description |
+|--|--|
+| xCMD xOPT | Fold |
+| xCMD xOPT | Unfold |
+| xCMD xOPT xSHIFT | Fold methods & functions |
+| xCMD xOPT xSHIFT | Unfold methods & functions |
+| xCMD xCTRL xSHIFT | Fold comments |
+| xCMD xCTRL xSHIFT | Unfold comments |
+
+### Build
+| Command | Description |
+|--|--|
+| xCMD B | Build |
+| xCMD R | Run |
+| xCMD xSHIFT K | Clean |
+| xCMD xOPT xSHIFT K | Clean build folder |
+| xCMD \ | Add or Remove a breakpoint |
+| xCMD ' | Jump to the next issue |
+| xCMD xSHIFT ' | Jump to previous next issue |
+| xCMD xCTRL ' | Fix the next issue |
+| xCMD xCTRL xSHIFT ' | Fix the previous issue |
+
+### Schemes
+| Command|Description |
+| --|-- |
+| xCTRL xCMD ] | Select next scheme |
+| xCTRL xCMD [ | Select previous scheme |
+
+### Other
+| Command|Description |
+| --|-- |
+| xCMD xCTRL J | Jump to the definition |
+| xOPT Click | Show the inferred type  |

cheaters/cheatsheets/git-advanced.html

@@ -345,7 +345,6 @@ <h3>Git Reference</h3>
 
 <p>From <a href="http://ionrails.com/2009/08/07/git-commands-adding-and-committing-cheatsheet/">I-ON-RAILS</a></p>
 </div>
-<script src="js/masonry.js"></script>
 <script>
 	(function($){
 		$('#gitref').masonry({

cheaters/cheatsheets/hype3pro.md

@@ -0,0 +1,119 @@
+###Hype 3 Pro Keyboard Shortcuts
+
+###General
+
+Action | Shortcut
+-- | --
+Export document as HTML5 | xCMD–xSHIFT–E
+Preview document in default browser | xCMD–Return
+Preview current scene in default browser | xCMD–xOPT–Return
+Zoom In | xCMD–Right Angle Bracket (>)
+Zoom Out | xCMD–Left Angle Bracket (<)
+Show Resource Library | xCMD–xSHIFT–L
+Show Media Browser | xCMD–xSHIFT–M
+Show Help menu | xCMD–xSHIFT–Question Mark (?)
+Show and hide the Inspector | Click Inspector in the Toolbar or xCMD–xSHIFT–I
+Show and hide the Colors window | Click Colors in the Toolbar or xCMD–xSHIFT–C
+Show and hide the Toolbar | xCMD–xOPT–T
+Widescreen Layout | xCMD–xSHIFT–Backslash ( \ )
+
+###Working with Elements
+
+Action | Shortcut
+-- | --
+Move selected element by one pixel | Arrow keys
+Move selected element by 10 pixels | xSHIFT–Arrow keys
+Add elements to (or remove them from) previously selected elements | xCMD–click or xSHIFT–click
+Add range to (or remove it from) previously selected range | xCMD–drag or xSHIFT–drag
+Constrain element movement to 45° angles | xSHIFT–drag
+Resize element | Drag handle
+Resize element from center | xOPT–drag handle
+Constrain aspect ratio when resizing element | xSHIFT–drag handle
+Constrain aspect ratio when resizing element from center | xSHIFT–xOPT–drag handle
+Rotate element | xCMD–drag handle
+Rotate element 45° | xSHIFT–xCMD–drag handle
+Turn off alignment guides | xCMD–drag
+Duplicate selected element | xCMD–D or hold down xOPT and drag
+Paste with Animations | xCMD–xOPT–V
+Edit Inner HTML | xCMD–xOPT–E
+Send element to the back | xCMD–xSHIFT–B
+Send element one layer back | xCMD–xSHIFT–xOPT–B
+Bring element to the front | xCMD–xSHIFT–F
+Bring element one layer forward | xCMD–xSHIFT–xOPT–F
+Group | xCMD–xOPT–G
+Ungroup | xCMD–xSHIFT–G
+Indent | xCMD–Right Bracket ( ] )
+Outdent | xCMD–Left Bracket ( [ )
+
+###Working With Scenes
+
+Action | Shortcut
+-- | --
+Create new scene | xCMD–xSHIFT–N
+Select next scene | xCMD–xOPT–Right Arrow
+Select previous scene | xCMD–xOPT–Left Arrow
+Delete selected scene | Show Scenes, click on desired scene, then press xCMD–xSHIFT–Delete
+
+###Editing Animations
+
+Action | Shortcut
+-- | --
+Toggle recording | xCMD–R
+Set Capo | xOPT–xCMD–K
+Move with Capo along with Playhead | Hold down Control and drag either the Capo or the Playhead
+Move with Playhead to Next Frame | xCMD–Control–Right Arrow
+Move with Playhead to Previous Frame | xCMD–Control–Left Arrow
+Move with Playhead Forward 1s | xCMD–xSHIFT–Control–Right Arrow
+Move with Playhead Backward 1s | xCMD–xSHIFT–Control–Left Arrow
+Play or stop and restart animation | Space
+Delete selected scene | Show Scenes, click on desired scene, then press xCMD–xSHIFT–Delete
+Next frame | xCMD–Right Arrow
+Previous frame | xCMD–Left Arrow
+Forward 1 Second | xCMD–xSHIFT–Right Arrow
+Backward 1 Second | xCMD–xSHIFT–Left Arrow
+Jump to Start | xCMD–xSHIFT–xOPT–Right Arrow
+Jump to End | xCMD–xSHIFT–xOPT–Left Arrow
+Jump to next keyframe in animation | xCMD–Up Arrow
+Jump to previous keyframe in animation | xCMD–Down Arrow
+Jump to next keyframe in timeline | xCMD–Up Arrow
+Jump to previous keyframe in timeline | xCMD–Down Arrow
+Restart animation | Home, or Fn–Left Arrow
+Loop playback | xCMD–L
+Turn off keyframe and second marker snapping | xCMD–Drag
+
+###Editing Keyframes
+
+Action | Shortcut
+-- | --
+Move selected keyframe forward one frame | Right Arrow
+Move selected keyframe backward one frame | Left Arrow
+Move selected keyframe forward 1 second | xSHIFT-Right Arrow
+Move selected keyframe backward 1 second | xSHIFT-Left Arrow
+Move selected keyframe to next keyframe in animation | Up Arrow
+Move selected keyframe to previous keyframe in animation | Down Arrow
+Move selected keyframe to next keyframe in timeline | xSHIFT-Up Arrow
+Move selected keyframe to previous keyframe in timeline | xSHIFT-Down Arrow
+Turn off keyframe and second marker snapping | xCMD-Drag
+
+###Editing Motion Paths
+
+Action | Shortcut
+-- | --
+Add control points to (or remove them from) previously selected control points | xCMD–click control point
+Add selected point and all in-between points to the selected control points | xSHIFT–click control point
+Convert a rounded control point into a corner control point | xOPT–click control point
+Constrain movement of control handles to 45° angles | xSHIFT–drag control handle
+Keep control handles equidistant from control point | xOPT–drag control handle
+Move one control handle independent from its counterpart | xCMD–drag control handle
+
+###Using the Inspector
+
+Action | Shortcut
+-- | --
+Show the Document Inspector | xCMD–1
+Show the Scene Inspector | xCMD–2
+Show the Element Inspector | xCMD–3
+Show the Metrics Inspector | xCMD–4
+Show the Text Inspector | xCMD–5 or xCMD–T
+Show the Mouse Action Inspector | xCMD–6
+Show the Identity Inspector | xCMD–7