Skip to content

Instantly share code, notes, and snippets.

View lisacatalano's full-sized avatar

Lisa Catalano lisacatalano

50 followers · 1 following
View GitHub Profile
@lisacatalano
lisacatalano / shortcut3.html
Last active August 29, 2015 14:06
shortcut3.html
<h2>Cursor Placement</h2>
<div class="shortcuts">
<h3>Mac Keyboard Shortcuts</h3>
<ul>
<li><strong>→</strong> Move to the left</li>
<li><strong>←</strong> Move to the right</li>
<li><strong>↑</strong> Move up one line</li>
<li><strong>↓</strong> Move down one line</li>
<li><strong>Alt+→</strong> Move to next word</li>
<li><strong>Alt+←</strong> Move to previous word</li>
@lisacatalano
lisacatalano / shortcut4.html
Last active August 29, 2015 14:06
Selecting Shortcuts
<h2>Selecting Code</h2>
<div class="shortcuts">
<h3>Mac Keyboard Shortcuts</h3>
<ul>
<li><strong>Ctrl+L</strong> Select the current line</li>
<li><strong>Cmd+B</strong> Select the current word</li>
<li><strong>Cmd+A</strong> Select all the text</li>
<li><strong>Shift+→</strong> Select the next character</li>
<li><strong>Shift+←</strong> Select the previous character</li>
<li><strong>Shift+↑</strong> Select the previous line</li>
@lisacatalano
lisacatalano / shortcut2.html
Last active February 13, 2018 09:30
Brackets Course (Writing/Editing Code Shortcuts Lesson)
<h2>Writing/Editing Code</h2>
<div class="shortcuts">
<h3>Keyboard Shortcuts</h3>
<ul>
<li><strong>Ctrl+X</strong> Delete/Cut line/selection</li>
<li><strong>Ctrl+D</strong> Duplicate line/selection</li>
<li><strong>Ctrl+C</strong> Copy line/selection</li>
<li><strong>Ctrl+V</strong> Paste</li>
<li><strong>Ctrl+/</strong> Single Line Comment</li>
<li><strong>Ctrl+Shift+/</strong> Block Comment</li>
@lisacatalano
lisacatalano / shortcut1.html
Last active August 29, 2015 14:05
Brackets Course (Writing HTML Code Lesson)
<h2>Workspace</h2>
<div class="shortcuts">
<h3>Shortcuts</h3>
<ul>
<li><strong>Ctrl++</strong> Increase Font Size</li>
<li><strong>Ctrl+-</strong> Decrease Font Size</li>
<li><strong>Ctrl+0</strong> Return to Default </li>
<li><strong>Ctrl+Shift+H</strong> Hide/Show the Sidebar</li>
<li><strong>Ctrl+Alt+P</strong> Live Preview</li>
<li><strong>Ctrl+Shift+C</strong> Live Preview Highlight</li>
@lisacatalano
lisacatalano / ie.css
Created August 18, 2014 17:20
Simple Horizontal Navigation - IE8
.nav li {
width: 120px;
border-bottom: none;
height: 50px;
line-height: 50px;
font-size: 1.4em;
display: inline-block;
margin-right: -4px;
}
@lisacatalano
lisacatalano / nav.html
Last active August 29, 2015 14:05
Simple Horizontal Navigation - HTML
<body class="news">
<header>
<div class="nav">
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="tutorials"><a href="#">Tutorials</a></li>
<li class="about"><a href="#">About</a></li>
<li class="news"><a href="#">Newsletter</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
@lisacatalano
lisacatalano / nav.css
Last active August 29, 2015 14:05
Simple Horizontal Navigation - CSS
body {
margin: 0;
padding: 0;
background: #ccc;
}
.nav ul {
list-style: none;
background-color: #444;
text-align: center;
@lisacatalano
lisacatalano / nav
Created August 13, 2014 00:36
CSS Only Drop Down Navigation
<body class="about">
<header>
<nav>
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="tutorials"><a href="#">Tutorials</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
@lisacatalano
lisacatalano / animation.css
Last active August 29, 2015 14:00
Use the previously defined animation
/* Step 2: Set up the animation */
.circle {
-webkit-animation: move 2s infinite,
shrinkGrow 1s linear infinite alternate,
change 6s 2s linear infinite;
animation: move 2s infinite,
shrinkGrow 1s linear infinite alternate,
change 6s 2s linear infinite;
}
@lisacatalano
lisacatalano / change.css
Last active August 29, 2015 14:00
changeColor animation
/* change colors */
@-webkit-keyframes change {
0% { background-color: #eef529; }
16.67% { background-color: #cc5e00; }
33.33% { background-color: #b40808; }
50% { background-color: #8312c9; }
66.67% { background-color: #1e3cba; }
83.33% { background-color: #1ba340; }
100% { background-color: #eef529; }
}