larrybotha

Pseudos Helper Function

Quickly manage disabled styles for an element, multiple pseudo classes, and also create helpers for KSS-style pseudo modifiers (excellent for styleguides).

Full credit goes to @fr4nktic for this technique.

Usage

a

larrybotha

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

larrybotha

Sublime Text Key Mappings

These key mappings allow for a few conveniences:

• easier 2 row work
  • increase the height of either the top or bottom column
  • make them even with a few intuitive shortcuts.
• delete trailing slashes
• prettify html
• open sidebar in browser

larrybotha

Configure Postfix for Gmail SMTP in Mac OSX Mavericks

Taken from Using MacOSX Lion command line mail with Gmail as SMTP

Edit file /etc/postfix/main.cf

sudo vim /etc/postfix/main.cf

larrybotha

con_enable 1

fps_max 60
mat_vsync "1" // Stops screen refresh rate exceeding refresh rate of monitor
mat_triplebuffered "1"	// Enable with vsync if fps is less than 60 (0 Disables, 1 Enables)

dota_camera_disable_zoom "1" // disable mouse-wheel zooming

dota_minimap_hero_size "800"

larrybotha

// This mixin allows for vendor prefixing of gradients, and allows for multiple
// backgrounds. It also allows you to define with which property you would like
// to apply your gradients.
// i.e. background / background-image / etc.
//
// It supports both the old and new syntaxes - but be warned - using the official
// 'to [direction]' syntax will result in browsers supporting only the old webkit
// syntax not rendering a gradient at all.
//
// https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_gradients

larrybotha

/*
 * HTML:
 * <ul class="menu">
 *  <li>
 *    <a data-trigger="menu-1" class="http://yourlink.com">Link text</a>
 *    <ul data-target="menu-1">
 *      ...
 *    </ul>
 *  </li>
 * </ul>

larrybotha

<!--[if lte IE 8]>
  <a href="..."><img src="your/file.png" alt="Your alt text" ></a>
<![endif]-->
<!--[if gt IE 8]>
  <a href="..."><img src="your/file.svg" alt="Your alt text" ></a>
<![endif]-->
<!--[if !IE]> -->
  <a href="..."><img src="your/file.svg" alt="Your alt text" ></a>
<!-- <![endif]-->

larrybotha

// This mixin outputs a property with rem units and a px fallback.
// Values passed without units are used as multipliers for the final
// rem and px values, all other units are output without modification.
// $base-font-size represents the root value of the document font-size
// in pixels.
//
// i.e. html { font-size: 100%;} // -> 16px

// Usage:
// @include px-and-rem([property], [multiplier | explicit value] [, ...]);

larrybotha

<snippet>
  <content><![CDATA[javascript:void(0);]]></content>
  
  <tabTrigger>jv</tabTrigger>
  <description>javascript:void(0);</description>
</snippet>