skube

View this in action

Thanks to Serhii Pahuta and Mike Bostock's Zoomable Sunburst

skube

Vintage Mode & Emmet in Sublime Text

The following are a mish-mash of VIM, Sublime Text (in Vintage mode with Vintageous package) and Emmet commands.

The key to using VIM is to stay in COMMAND MODE as much as possible. Think of VIM as a language (although subject-verb-object order may differ from your spoken language). Commands can be combined. Learn by doing, not by memorizing.

Remember, there is always a built-in VIM tutor on OSX just type vimtutor in the terminal.

Note: ⌘||Ctrl (aka Super key) means use Command key for OS X or Control key for Windows. Italicized indcates placeholders.

skube

// LoVe Fears HAte (pseudo class order)

// Use:
// a {} generally for everything but colors,

// Then, apply color attributes with pseudo selectors
// a == a:link & a:visited (could use one or the other)
// a, a:link {this is a little redundant}

// a:focus, a:hover (always used together)

skube

#!/bin/bash
# 
# Bash script to create a Bootable ISO from macOS Install Image from Mac App Store
# Version: macOS v10.13 (High Sierra)
#
# INSTRUCTIONS:
#  - save as a text file
#  - open terminal
#  - on command line, enter: sh bootable_macos_highsierra.sh
#

skube

#!/bin/bash
# 
# Bash script to create a Bootable ISO from macOS Install Image from Mac App Store
# Version: macOS v10.12 (Sierra)
#
# INSTRUCTIONS:
#  - save as a text file
#  - open terminal
#  - on command line, enter: sh bootable_macos_sierra.sh
#

skube

/* Media Object in OOCS/BEM
   ========================================================================== */
.media {margin:10px;}
.media, .media__bd {overflow:hidden; _overflow:visible; zoom:1;}
.media__img {float:left; margin-right: 10px;}
.media__img--rev {float:right; margin-left: 10px;}
.media__img img {display:block;}

<div class="media">
    <a href="#" class="media__img"><img src="image" alt="" /></a>

skube

npm install --save
npm install --save-dev

npm i -S
npm i -D
yarn add

skube

title

Subhead

code here?

npm install --save-dev

skube

/**
 * Media object. (BEM style)
 *
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
*/

.media,
.media__body {
  overflow:hidden;
  _overflow:visible;

skube

{
    "bootstrapped": true,
    "in_process_packages": [
        "CSS3_Syntax"
    ],
    "installed_packages": [
        "AdvancedNewFile",
        "Auto Semi-Colon",
        //    "Boxy Theme",
        //  "Color Highlighter",