Skip to content

Instantly share code, notes, and snippets.

@ryantroyford
ryantroyford / twipster-inline-content.md
Last active August 29, 2015 14:08
adding in-line photo/video back into Twipster.

Twipster is one of my favorite Chrome extensions. i really enjoy the minimal, no-bullshit layout that strips out the most annoying and disagreeable parts of the default twitter interface, but i found myself missing the inline photo/video content from the people i follow. yes, you can click a tweet to expand it and show the content, but rather than add that extra step in, i'd rather just see the preview inline. adding it back in is rather simple, finding the proper file to edit proved a little tricky.

  • in Chrome, go to Window > Extentions
  • up in the top right, check the box for Developer Mode
  • scroll down to Twipster, and make note of the ID that now appears alongside the extension info. mine looks like this.
  • to find the Twipster .css file, there's a maze of folders that will lead you to a directory with several folders in it, all with names of incoherent gibberish. these are the IDs for your Chrome extensions. the tree should look some
@ryantroyford
ryantroyford / twipster-in-line.txt
Created November 4, 2014 16:55
adding in-line content back into Twipster.
/*
* Twipster
* Chrome and Safari extensions for a more readable Twitter experience
*
* http://jxnblk.com/Twipster
*
*/
/* Tweet text styles */
@ryantroyford
ryantroyford / weekly-goals-9-2.md
Last active August 29, 2015 14:05
weekly goals 9/2

here's whats on my plate this week:

@ryantroyford
ryantroyford / pretty-places.md
Created August 27, 2014 21:18
man seeking sexy satellite imagery

looking for some of the coolest, prettiest, or otherwise mind blowing-est satellite images we have to offer. this will be the backdrop to a banner ad on directionsmag.com, so i want it to be very eye catching.

@ryantroyford
ryantroyford / engine-displacement.md
Last active August 29, 2015 14:05
there's no replacement for displacement!

yo heather! very cool that you're looking into a scooter. i can guarantee a good time. anyway, to the point:

displacement

(disclaimer: I DON'T MEAN TO SOUND LIKE A MANSPLAINING D-BAG, so if i do, i'm sorry, i just get excited about this shit and want to pass on what i know)

displacement is the volume of gas moved by all the cylinders in an internal combustion engine. you've seen these:

piston

#admin {
line-join: round;
line-color: mix(#d14, #fff, 40);
[maritime=1][zoom>=0] { line-color: @water; }
// Countries
[admin_level=2] {
line-width: 1;
[zoom>=4] { line-width: 1.4; }
[zoom>=6] { line-width: 2; }
[zoom>=8] { line-width: 4; }
@ryantroyford
ryantroyford / mac-and-cheese.md
Created February 19, 2014 20:12
just a recipe for vegan mac & cheese from a friend. nothing too crazy.

MAC N CHEESE serves 2-4,

cheese sauce

1 1/2 c raw cashews (soaked in water for at least 3 hours) 3 T fresh lemon juice 3/4 c water 1 1/2 tsp sea salt 1/4 c nutritional yeast

@ryantroyford
ryantroyford / winter2013-14-sportster-to-do.md
Last active January 2, 2016 20:19
to-do list of upgrades/custom shit/parts to pawn off for a 2011 Sportster XL1200 Low

for sale:

  • large capacity bolt-on HD leather bags. these fit a ton of shit in them. kept them on my bike for 10k miles, so they have some normal wear & tear, but still in great shape and have a lot of life left in them. they retail for $530, asking $250.
  • medium height sissy bar with cushion. looks like this, but it's the whole assembly, not just the pad. you'll need the docking hardware kit (runs about $30), but after that you can easily pop it on and off at your convenience. it's also seen some miles, but is basically in perfect shape. they retail for about $250, asking $100.

to-do

Instagram Queue

  • [MapBox Satellite] (http://www.flickr.com/photos/mapbox/10711696573/) : "our awesome satellite team is growing. we're going to win with team. join up - drop us a line at [email protected]" - this is good, let's roll with it. i think we should just use the poster for now - anything more might get too cramped.

  • [Istanbul Satellite] (http://www.flickr.com/photos/mapbox/8392669195) : i have no idea what to say about this, but it sure looks cool. "space maps R radical" check with charlie about that one.

  • 4sq check-ins - how about a close-up shot (or divide the canvas into four and have four separate photos) of somebody on our team using fousquare to check in somewhere, maybe with a beer in the background to imply a bar/socialization.

  • [Fire frequency] (http://www.flickr.com/photos/mapbox/7172026980/) this would be another "check with the people who actually know what they're doing" one.

@ryantroyford
ryantroyford / spaceship-brain-dump.md
Created October 7, 2013 20:17
brain dump on brand and style for the spaceship overhaul.

the illustrations need to convey a collective sense of risk and reality, and that what we're doing is audacious and bold. that's not to say they can't include some whimsy and playfulness, but the overall feeling should be one of motion, adventure, progress, chance, danger, excitement, and possibility.

with such a calculated and elegant UI, i think these pages could benefit from a grungier, more sketchy & raw illustration style, which is the way i've been leaning with earlier iterations. the compositions are still of utmost importance when trying to grasp all the concepts listed above, but style can also be a hugely important element in this pursuit. the juxtaposition of a clean interface and a less-restricted illustration style can help carry across our scrappy-but-refined, subversive ethos.

given the nature of our product and content, stylized illustrations aren't necessarily expected to be part of the experience. at the present stage of spaceship, we have a nice flow, clean and quick animations, and rel