ryanflorence

Reach UI Philosophy

Reach UI is an accessible foundation for React applications and design systems.

The three equally important goals are to be:

• Accessible
• Composable
• Stylable

joshuapekera

Shortcuts

Key/Command	Description
Tab	Auto-complete files and folder names
Ctrl + A	Go to the beginning of the line you are currently typing on
Ctrl + E	Go to the end of the line you are currently typing on
Ctrl + U	Clear the line before the cursor
Ctrl + K	Clear the line after the cursor
Ctrl + W	Delete the word before the cursor

ericallam

// Open Script Editor and Export this as an Application
//
// Then drop a keynote file on it in the Finder and it will properly resize
// and rotate everything so the Keynote file becomes usable as a prototype
// in the iPhone keynote app

// rotateDocument exported function
// 
// Accepts a Keynote document and will rotate
// all the slides and elements in the slide 90 degrees

devongovett

var $ = require('jquery');

var transitionEvents = 'transitionend msTransitionEnd webkitTransitionEnd';
var visibilityEvents = 'visibilitychange mozvisibilitychange msvisibilitychange webkitvisibilitychange';

/**
 * Runs the given callback when the next transition on the selected element finishes.
 * Sometimes the transitionend event doesn't fire when the page is in a
 * background tab, so we also handle the page visibility events here too.
 */

joshuapekera

Official Social Brand Assets

Facebook

Facebook Brand, visit to request download of all assets including broadcast, which requires a request.

Brand Guide

Download Large Guide 631mb) Download Lite Guide - 10mb

Twitter

chrisb

OS X 10.10 Guide

Here's what I did to get things working.

1. Install Xcode 6

Yep, over at: https://developer.apple.com

2. Install the Command Line Tools (CLT)

koenbok

var QcValueConverter = {
  tensionFromQcValue: function(qcValue) {
    return (qcValue - 30.0) * 3.62 + 194.0;
  },

  qcValueFromTension: function(tension) {
    return (tension - 194.0) / 3.62 + 30.0;
  },

  frictionFromQcValue: function(qcValue) {

simbo

/* =============================================================================
   Media queries for different screen sizes
   ========================================================================== */

// xs only
.screen-xs(@rules) {
	@media (max-width: @screen-xs-max) { @rules(); }
}

// sm and larger

joshuapekera

<br />
<meta name="format-detection" content="telephone=no">
<table width='200' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="margin:0;padding:0;">

	<tr>
		<td style="margin:0;padding:0;">
			<span style="color:#cccccc;-webkit-text-size-adjust:none;">-----</span>
		</td>
	</tr>
	

joshuapekera

Test