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 / radiobutton.js
Created November 7, 2013 19:36
Radio Button Class for X-Editable
/**
Radio buttons list (modified from checklist)
Internally value stored as javascript array of values.
@class radiolist
@extends list
@final
@example
<a href="#" id="options" data-type="radiolist" data-pk="1" data-url="/post" data-original-title="Select option"></a>
<script>
@lisacatalano
lisacatalano / index.html
Created November 8, 2014 20:01
Home Page for Brackets Cheat Sheet
<!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
lisacatalano / main.js
Last active September 23, 2019 09:41
JavaScript for main.js
(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;
@lisacatalano
lisacatalano / platform.css
Last active September 23, 2019 09:41
CSS Home Page
.mac, .pc {
width: 40%;
height: 50px;
margin-left: 5%;
background-color: #bbb;
float: left;
text-align: center;
font-size: 2em;
line-height: 50px;
}
@lisacatalano
lisacatalano / shortcuts8.html
Last active September 23, 2019 09:38
Multiple Cursors and Navigation Shortcuts for Brackets
<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
lisacatalano / shortcuts6.html
Last active September 23, 2019 09:32
Moving Code Shortcuts for Brackets Course
<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>
@lisacatalano
lisacatalano / gist:9857918
Last active July 15, 2019 16:17
box-sizing
*,
*:before,
*:after {
box-sizing: border-box;
}
@lisacatalano
lisacatalano / gist:7109314
Last active April 8, 2019 23:38
Float Collapsing Parent Solutions
/* Option 0: Set height on parent (only works if parent has a fixed height) */
ul {
height: 43px;
}
/* Option 1: Float the parent */
ul {
float: left;
}
@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 / SassMeister-input-HTML.html
Created December 22, 2013 18:58
Generated by SassMeister.com.
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color indigo"></div>
<div class="color violet"></div>