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 / 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 / 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.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 / 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 / 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 / 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 / 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 / shortcut5.html
Last active August 29, 2015 14:07
Quick Edit Shortcuts and Notes
<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>
@lisacatalano
lisacatalano / shortcuts7.html
Last active August 29, 2015 14:08
Find & Replace Shortcuts for Brackets Course
<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
lisacatalano / SassMeister-input-HTML.html
Created October 12, 2015 23:55
Generated by SassMeister.com.
<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>