Skip to content

Instantly share code, notes, and snippets.

grigs

Block or report user

Report or block grigs

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@grigs
grigs / gist:e4ea58be46134cdb0729
Created May 20, 2015
Facebook Instant Article JSON Buzzfeed Example
View gist:e4ea58be46134cdb0729
{
"700554543387711": {
"id": "700554543387711",
"latest_version": {
"id": "455210147987840",
"article_canonical_url": "http:\/\/www.buzzfeed.com\/expresident\/steps-to-instantly-improve-your-day",
"article_version_number": 2,
"cover_media": {
"__type__": {
"name": "DocumentVideoElement"
@grigs
grigs / gist:3015fd4ebebbefbbbb7e
Created May 20, 2015
Facebook Instant Article JSON Example
View gist:3015fd4ebebbefbbbb7e
{
"672858856170909": {
"id": "672858856170909",
"latest_version": {
"id": "994845887216565",
"article_canonical_url": "http:\/\/www.theatlantic.com\/magazine\/archive\/2015\/06\/the-execution-of-clayton-lockett\/392069\/",
"article_version_number": 78,
"cover_media": {
"__type__": {
"name": "DocumentVideoElement"
@grigs
grigs / 0_reuse_code.js
Last active Aug 29, 2015
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@grigs
grigs / gist:5778632
Last active Sep 24, 2017
Quick notes on TVs and standards
View gist:5778632

I need to write this up in more detail soon, but in chatting with Patrick, it is clear that 140 chars isn't cutting it.

The way I've been thinking about the web on TVs and consoles is something like this:

  • What are the design patterns and interaction models that would make for a successful experience?
  • Can we build those experiences now? If not, what would need to change to make it possible?

In my mind, this starts with the basics of designing an interface that works well on a TV and can be interacted with using a remote control. Once we have the basics out of the way, we can proceed to multiscreen interactions.

A basic television layout

@grigs
grigs / gist:2039654
Created Mar 14, 2012
Apple’s Features.js -- prettified version of http://images.apple.com/v/ipad/a/scripts/features.js
View gist:2039654
AC.AmbientVR = Class.create({
__defaultOptions: {
imageIndexOffset: 0,
initialPos: 0,
throwable: false,
invert: false,
infiniteAxis: false,
grabRotateDistance: 780,
allowMobileScroll: true,
introSpins: 0,
View browserdetect.js
if (typeof (AC) === "undefined") {
AC = {}
}
AC.Detector = {
getAgent: function () {
return navigator.userAgent.toLowerCase()
},
isMac: function (c) {
var d = c || this.getAgent();
return !!d.match(/mac/i)
You can’t perform that action at this time.