Reach UI is an accessible foundation for React applications and design systems.
The three equally important goals are to be:
- Accessible
- Composable
- Stylable
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 |
// 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 |
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. | |
*/ |
Here's what I did to get things working.
Yep, over at: https://developer.apple.com
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) { |
/* ============================================================================= | |
Media queries for different screen sizes | |
========================================================================== */ | |
// xs only | |
.screen-xs(@rules) { | |
@media (max-width: @screen-xs-max) { @rules(); } | |
} | |
// sm and larger |
<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> | |
Test