skube

body {background-image: url('foo.png');}

/* DPR (device px ratio) of 2*/
@media screen and (-webkit-device-pixel-ratio: 2) {
    body {background-image: url('foo-hi-res.png')}
}

/*OR better DPI (dots/inch) */
@media screen and (resolution: 96dpi) {
    body {background-image: url('foo.png');}

skube

<style>
.nav {
    list-style: none;
}
.nav > li,
.nav > li a {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

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

#JAWS Shortcuts

These are some shortcuts which help when navigation JAWS (Job Access With Speech). This is mostly a streamlined version taken from the JAWS site.

Note:

• Use Insert or Ins key (on the numeric pad; Num Lock needs to be off).
• Use Shift to go backwards.

##Shortcuts Description|Keystrokes

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

<snippet>
    <content><![CDATA[
<div class="media">
    <a href="#" class="media__img--rev"><img src="${1:image}" alt="${2}" /></a>
    <div class="media__bd">${3}</div>
</div>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>medrev</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->

skube

<snippet>
    <content><![CDATA[
<div class="media">
    <img class="media__img" src="${1:image}" alt="${2}" />
    <div class="media__bd">${3}</div>
</div>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>medimg</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->

skube

// Sublime Text (on restart) strips comments out and alphabetizes properties
// This is my one true, organized & commented source of User setting overrides
// Should be in order of Default settings followed by optional user packages

{
// Sublime Defaults
    //"color_scheme": "Packages/Dracula Color Scheme/Dracula.tmTheme",
    "color_scheme": "Packages/User/SublimeLinter/Acai (SL).tmTheme",
    "font_size": 16,
    "font_face": "Operator Mono",

skube

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

skube

[
	// { "keys": ["ctrl+d"], "command": "duplicate_line" },
	{ "keys": ["ctrl+shift+w"], "command": "null" },
 	{ "keys": ["shift+f3"], "command": "find_under_expand" },
	// { "keys": ["j", "j"], "command": "exit_insert_mode",
	// 	"context":
	// 	[
	// 		{ "key": "setting.command_mode", "operand": false },
	// 		{ "key": "setting.is_widget", "operand": false }
	// 	]