This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="branding"> | |
<div class="logo"></div> | |
<h1>Sass Demo</h1> | |
</div> | |
<p> | |
Sass is a CSS extension language. You can write your CSS with the extra tools and functionality that Sass gives you, and your code is tranlated into plain CSS for the browser. | |
</p> | |
<div class="reasons"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="branding"> | |
<div class="logo"></div> | |
<h1>Sass Demo</h1> | |
</div> | |
<p>Sass is a CSS extension language. You can write your CSS in a Sass format and it is translated into regular CSS that the browser can read.</p> | |
<div class="reasons"> | |
<h2>Reasons to love Sass: </h2> | |
<ul> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="branding"> | |
<div class="logo"></div> | |
<h1>Sass Demo</h1> | |
</div> | |
<p>Sass is a CSS extension language. You can write your CSS in a Sass format and it is translated into regular CSS that the browser can read.</p> | |
<div class="reasons"> | |
<h2>Reasons to love Sass: </h2> | |
<ul> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="branding"> | |
</div> | |
<div class="logo"></div> | |
<div class="logo"></div> | |
<h1>A Sass Demo</h1> | |
<p>Sass is a CSS extension language. It can also be thought of a CSS pre-processor.</p> | |
<ul>Reasons to love Sass: | |
<li>It makes writing CSS easier</li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.mac, .pc { | |
width: 40%; | |
height: 50px; | |
margin-left: 5%; | |
background-color: #bbb; | |
float: left; | |
text-align: center; | |
font-size: 2em; | |
line-height: 50px; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function ($) { | |
// Hide all shortcuts and notes | |
var hideAll = function() { | |
$('.shortcuts').hide(); | |
$('.notes').hide(); | |
}; | |
// animate the platform buttons when user chooses one before taking them page. | |
$('.platform').on('click', function(e) { | |
var url = this.href; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<title>Quick Coding with Brackets</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section> | |
<h2>Multiple Cursors</h2> | |
<div class="shortcuts"> | |
<h3>Keyboard Shotcuts</h3> | |
<ul> | |
<li><strong>Ctrl+B</strong> Add next match to your selection</li> | |
<li><strong>Ctrl+Shift+B</strong> Skip and add next match</li> | |
<li><strong>Ctrl+U</strong> Undo last selection change</li> | |
<li><strong>Ctrl+Shift+U</strong> Redo last selection change</li> | |
<li><strong>Alt+F3</strong> Find all and select</li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section> | |
<h2>Find & Replace</h2> | |
<div class="shortcuts"> | |
<h3>Keyboard Shortcuts</h3> | |
<ul> | |
<li><strong>Ctrl+F</strong> Find</li> | |
<li><strong>F3 | Cmd+G</strong> Find Next</li> | |
<li><strong>Shift+F3 | Cmd+Shift+G</strong> Find Previous</li> | |
<li><strong>Ctrl+Shift+F</strong> Find in Files</li> | |
<li><strong>Ctrl+H | Alt+Cmd+F</strong> Replace</li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section> | |
<h2>Moving Code</h2> | |
<div class="shortcuts"> | |
<h3>Keyboard Shortcuts</h3> | |
<ul> | |
<li><strong>Ctrl+Shift+↑</strong> Move current line/selection up</li> | |
<li><strong>Ctrl+Shift+↓</strong> Move current line/selection down</li> | |
<li><strong>Ctrl+]</strong> Indent Right</li> | |
<li><strong>Ctrl+[</strong> Indent Left</li> | |
<li><strong>Tab</strong> Indent Right (when lines are selected) </li> |