Skip to content

Instantly share code, notes, and snippets.

@skube
skube / ST3: media-object-rev.sublime-snippet
Last active August 29, 2015 14:08
Snippet file for Media Object using BEM notation (anchor version)
<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
skube / ST3: media-object-image.sublime-snippet
Last active August 29, 2015 14:08
HTML for Media Object using BEM notation
<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
skube / ST3: User: Default (Windows).sublime-keymap
Created February 17, 2015 21:33
User keymappings for Sublime Text (Windows)
[
// { "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 }
// ]
@skube
skube / command_line_tips.md
Last active August 29, 2015 14:27
Command Line Tips

#:notebook_with_decorative_cover: Understanding Command Line Abridged from Codecademy

##List

  • ls -t orders files and directories by the time they were last modified

##Copy, Move, Rename & Delete##

  • cp copies files
  • mv moves and renames files
@skube
skube / jaws-helpful.md
Last active September 9, 2015 13:46
Userful JAWS Keystrokes

#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
skube / CSS: background.css
Last active December 26, 2015 13:29
CSS: Basic high resolution targeting
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
skube / HTML-CSS nav-example.html
Last active December 27, 2015 17:19
Simple inline navigation with CSS
<style>
.nav {
list-style: none;
}
.nav > li,
.nav > li a {
display: inline-block;
*display: inline;
zoom: 1;
}
@skube
skube / index.html
Last active October 1, 2016 18:33
Sunburst
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
stroke: #fff;
}
</style>
<body>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
@skube
skube / ST3: User: Preferences.sublime-settings
Last active March 12, 2017 23:36
One true source for Sublime Text Prefs: User Settings with comments and ordered
// 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
skube / ST3: User: Package Control.sublime-settings
Last active March 12, 2017 23:52
Installed packages manifest file for quickly installing various packages simply by updated /User/Package Control.sublime-settings file
{
"bootstrapped": true,
"in_process_packages": [
"CSS3_Syntax"
],
"installed_packages": [
"AdvancedNewFile",
"Auto Semi-Colon",
// "Boxy Theme",
// "Color Highlighter",