Lisa Catalano lisacatalano
lisacatalano
/ SassMeister-input-HTML.html
Created
October 15, 2015 22:56
Generated by SassMeister.com.
This file contains 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> |
lisacatalano
/ SassMeister-input-HTML.html
Last active
October 15, 2015 22:54
Generated by SassMeister.com.
This file contains 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> |
lisacatalano
/ SassMeister-input-HTML.html
Created
October 12, 2015 23:55
Generated by SassMeister.com.
This file contains 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 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 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 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"> |
lisacatalano
/ shortcuts8.html
Last active
September 23, 2019 09:38
Multiple Cursors and Navigation Shortcuts for Brackets
This file contains 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> |
lisacatalano
/ shortcuts7.html
Last active
August 29, 2015 14:08
Find & Replace Shortcuts for Brackets Course
This file contains 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> |
lisacatalano
/ shortcuts6.html
Last active
September 23, 2019 09:32
Moving Code Shortcuts for Brackets Course
This file contains 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> |
This file contains 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
| <h2>Quick Edit</h2> | |
| <div class="shortcuts"> | |
| <h3>Keyboard Shortcuts</h3> | |
| <ul> | |
| <li><strong>Ctrl+E</strong> Open/Close Quick Edit</li> | |
| <li><strong>Alt+↓</strong> Go to next rule in list</li> | |
| <li><strong>Alt+↑</strong> Go to previous rule in list</li> | |
| <li><strong>Esc</strong> Close Quick Edit </li> | |
| <li><strong>Ctrl+N</strong> Create a New Rule</li> | |
| </ul> |