372 lines
28 KiB
HTML
372 lines
28 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-US" class="no-js">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<!-- <meta name="viewport" content="width=device-width">-->
|
||
|
|
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||
|
|
<meta http-equiv="Content-Language" content="en-us" />
|
||
|
|
|
||
|
|
<meta name="description" content="furbo.org is Craig Hockenberry's place to write for the web. He makes app and runs websites." />
|
||
|
|
|
||
|
|
<meta name="keywords" content="chock, woot" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="robots" content="NOODP">
|
||
|
|
|
||
|
|
<title>furbo.org by Craig Hockenberry</title>
|
||
|
|
|
||
|
|
<link rel="alternate" type="application/rss+xml" title="Iconfactory News Feed" href="http://furbo.org/feed/" />
|
||
|
|
|
||
|
|
<link href="http://furbo.org/wp-content/themes/furbo/reset.css?ver=20150205" media="screen" rel="Stylesheet" type="text/css" />
|
||
|
|
<link href="http://furbo.org/wp-content/themes/furbo/style.css?ver=20150206" media="screen" rel="Stylesheet" type="text/css" />
|
||
|
|
|
||
|
|
<link rel="shortcut icon" href="http://furbo.org/favicon.ico" />
|
||
|
|
|
||
|
|
<script type="text/javascript" src="http://furbo.org/wp-content/themes/furbo/scripts/minified.js"></script>
|
||
|
|
<script type="text/javascript" src="http://furbo.org/wp-content/themes/furbo/scripts/furbo.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="home blog">
|
||
|
|
<div id="page" class="hfeed site">
|
||
|
|
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
|
||
|
|
|
||
|
|
<header id="masthead" class="site-header" role="banner">
|
||
|
|
<h1 class="site-title screen-reader-text">
|
||
|
|
<a href="http://furbo.org/" rel="home">
|
||
|
|
furbo.org </a>
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<div id="logo">
|
||
|
|
<a href="http://furbo.org/" rel="home">
|
||
|
|
furbo.org </a>
|
||
|
|
</div>
|
||
|
|
<div id="collapsed-logo">
|
||
|
|
<a href="http://furbo.org/" rel="home">
|
||
|
|
furbo.org </a>
|
||
|
|
</div>
|
||
|
|
<div id="controls">
|
||
|
|
<p id="control-info" onclick="toggleSidebar();">info</p>
|
||
|
|
</div>
|
||
|
|
</header><!-- .site-header -->
|
||
|
|
|
||
|
|
<div id="background">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="sidebar" class="sidebar">
|
||
|
|
<div id="secondary" class="secondary">
|
||
|
|
|
||
|
|
<aside id="about-me" class="widget widget_text">
|
||
|
|
<h2 class="widget-title">About Me</h2>
|
||
|
|
<div class="textwidget">
|
||
|
|
<p>
|
||
|
|
I'm Craig Hockenberry and this is where I write for the web. I make <a href="http://iconfactoryapps.com">apps</a> and run <a href="http://iconfactory.com">websites</a>.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
You can learn <a href="/about">more about me</a>, view <a href="/resume">my résumé</a>, or <a href="http://twitter.com/chockenberry">follow me</a>.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
<div id="widget-area" class="widget-area" role="complementary">
|
||
|
|
<aside id="search-3" class="widget widget_search"><form role="search" method="get" class="search-form" action="http://furbo.org/">
|
||
|
|
<label>
|
||
|
|
<span class="screen-reader-text">Search for:</span>
|
||
|
|
<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
|
||
|
|
</label>
|
||
|
|
<input type="submit" class="search-submit" value="Search" />
|
||
|
|
</form></aside> <aside id="recent-writing-3" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Writing</h2> <ul>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2016/02/20/the-forensic-shit-show/">The Forensic Shit Show</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/12/29/strapped-in/">Strapped In</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/12/28/the-new-ipod/">The New iPod</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/11/04/a-responsive-factory/">A Responsive Factory</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/10/07/ipulse-3/">iPulse 3</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/07/23/code-signing-in-el-capitan/">Code Signing in El Capitan</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/07/22/half-assed/">Half-Assed</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/07/14/a-watch-water-and-workouts/">A Watch, Water and Workouts</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/">I Left My System Fonts in San Francisco</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://furbo.org/2015/06/15/bug-writing-season/">Bug Writing Season</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</aside><aside id="history-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2> <ul>
|
||
|
|
<li><a href='http://furbo.org/2016/'>2016</a></li>
|
||
|
|
<li><a href='http://furbo.org/2015/'>2015</a></li>
|
||
|
|
<li><a href='http://furbo.org/2014/'>2014</a></li>
|
||
|
|
<li><a href='http://furbo.org/2013/'>2013</a></li>
|
||
|
|
<li><a href='http://furbo.org/2012/'>2012</a></li>
|
||
|
|
<li><a href='http://furbo.org/2011/'>2011</a></li>
|
||
|
|
<li><a href='http://furbo.org/2010/'>2010</a></li>
|
||
|
|
<li><a href='http://furbo.org/2009/'>2009</a></li>
|
||
|
|
<li><a href='http://furbo.org/2008/'>2008</a></li>
|
||
|
|
<li><a href='http://furbo.org/2007/'>2007</a></li>
|
||
|
|
</ul>
|
||
|
|
</aside> </div><!-- .widget-area -->
|
||
|
|
|
||
|
|
<aside id="other" class="widget widget_text">
|
||
|
|
<div class="textwidget">
|
||
|
|
<p>
|
||
|
|
<a href="http://furbo.org/feed">RSS</a>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
© 2016 Craig Hockenberry
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
All rights reserved
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
</div><!-- .secondary -->
|
||
|
|
|
||
|
|
</div><!-- .sidebar -->
|
||
|
|
|
||
|
|
<div id="content" class="site-content">
|
||
|
|
|
||
|
|
<div id="primary" class="content-area">
|
||
|
|
<main id="main" class="site-main" role="main">
|
||
|
|
|
||
|
|
<!-- index is_home = 1 is_front_page = 1-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<article id="post-1984" class="post-1984 post type-post status-publish format-standard hentry category-miscellaneous category-opinion">
|
||
|
|
|
||
|
|
<div class="entry-header">
|
||
|
|
<h2 class="entry-title"><a href="http://furbo.org/2016/02/20/the-forensic-shit-show/" rel="bookmark">The Forensic Shit Show</a></h2> </div><!-- .entry-header -->
|
||
|
|
|
||
|
|
<div class="entry-content">
|
||
|
|
<p>It turns out someone at the FBI advised another law enforcement officer in San Bernardino to <a href="https://twitter.com/countywire/status/700887823482630144" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">reset the iPhone</a> that the government wants Apple to unlock.</p>
|
||
|
|
<p>This is just another episode in a complete forensic shit show.</p>
|
||
|
|
<p>Remember, this is the same case where <a href="http://www.nbcnews.com/storyline/san-bernardino-shooting/go-inside-home-syed-farook-tashfeen-malik-n474601" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.nbcnews.com');">the media was allowed to roam freely through a crime scene</a>. One of the photos in that gallery <a href="http://media4.s-nbcnews.com/j/msnbc/components/photo/_new/ss-151204-farook-apartment-jsw-13.nbcnews-ux-1024-900.jpg" onclick="javascript:pageTracker._trackPageview('/outbound/article/media4.s-nbcnews.com');">shows a computer without an Ethernet connection on the wall</a> (the age of the apartment also suggests that there would be no wired Internet.)</p>
|
||
|
|
<p>What are the chances that there was a wireless network in that apartment? What are the chances that there are IP logs on that router? Or maybe some kind of data backed up to a disk on the router? Here’s another wild guess: maybe that router was used to <a href="https://twitter.com/kennwhite/status/700865678274752512" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">connect to an online backup service</a>.</p>
|
||
|
|
<p>Yep, someone did the equivalent of a “restore factory defaults” on a device under active investigation.</p>
|
||
|
|
<p>What we’re seeing here is law enforcement’s complete lack of understanding of how digital devices store and transmit data. This new evidence is much more intricate than smoking guns or blood splatters. The important stuff is what you don’t see: it’s a hard problem where the people dealing with it are untrained. Shit, I work in this business and trying to decipher what’s going on makes my head spin.</p>
|
||
|
|
<p>Yet law enforcement is asking Apple to not only provide data, but also to create a forensic <strong>instrument</strong> that allows them to extract information from any device. And by its very nature, <a href="http://www.zdziarski.com/blog/?p=5645" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.zdziarski.com');">this tool would be made widely available throughout the forensic and law enforcement community</a>.</p>
|
||
|
|
<p>Basically, the government is asking Apple to hand over a golden key that can defeat the security of <strong>any</strong> device to folks that can’t even secure a wireless network. Worse, this whole process is being overseen by politicians that think the problem is <a href="http://thehill.com/policy/cybersecurity/262658-feinstein-vows-to-offer-encryption-piercing-bill" onclick="javascript:pageTracker._trackPageview('/outbound/article/thehill.com');">predators getting access to their grandkid’s Playstation</a>.</p>
|
||
|
|
<p>This is why the entire tech community is saying “No fucking way.”</p>
|
||
|
|
<p><strong>Updated February 21st, 2016:</strong> Several people have commented about my use of “restore factory defaults” in the post above. My intention was figurative, not literal.</p>
|
||
|
|
<p>The folks involved with the investigation were pressing buttons without understanding the consequences of their actions. To me, it feels like a “reboot to fix” approach. The password reset did not damage any data, it just made automatic backups stop working because iCloud information on the device needed to be updated, and that can’t be done without a passcode.</p>
|
||
|
|
<p>Others have reminded me that the FBI had cleared the crime scene. That’s true, but since the Wi-Fi equipment was not collected as evidence, it still shows that the investigators were out of their league. In an electronic investigation, a router is a key piece of the puzzle.</p>
|
||
|
|
<p>Both of these things are details in a bigger picture: the FBI wants to hold the private keys to a public key encryption system that affects the privacy of hundreds of millions people. If they can’t get the details of an online backup service right, how the hell do we expect them to guard a back door?</p>
|
||
|
|
<p>There’s also <a href="http://daringfireball.net/2016/02/san_bernardino_password_reset" onclick="javascript:pageTracker._trackPageview('/outbound/article/daringfireball.net');">a possibility that the iCloud password reset was intentional</a>. If this is the case, we have a government that is extorting Apple by essentially planting evidence. Imagine what they could do with a private key.</p>
|
||
|
|
</div><!-- .entry-content -->
|
||
|
|
|
||
|
|
<div class="entry-footer">
|
||
|
|
Written on February 20th, 2016 for <a href="http://furbo.org/category/miscellaneous/" title="View all posts in Miscellaneous" rel="category tag">Miscellaneous</a>, <a href="http://furbo.org/category/opinion/" title="View all posts in Opinion" rel="category tag">Opinion</a> </div><!-- .entry-footer -->
|
||
|
|
|
||
|
|
</article><!-- #post-## -->
|
||
|
|
|
||
|
|
<article id="post-1953" class="post-1953 post type-post status-publish format-standard hentry category-miscellaneous category-observation">
|
||
|
|
|
||
|
|
<div class="entry-header">
|
||
|
|
<h2 class="entry-title"><a href="http://furbo.org/2015/12/29/strapped-in/" rel="bookmark">Strapped In</a></h2> </div><!-- .entry-header -->
|
||
|
|
|
||
|
|
<div class="entry-content">
|
||
|
|
<p>A lot has happened since I purchased <a href="http://www.apple.com/shop/buy-watch/apple-watch-sport/42mm-silver-aluminum-case-with-blue-sport-band?product=MLC52LL/A&step=detail" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.apple.com');">my Apple Watch</a> on April 10th, 2015. One unexpected aspect to owning this device is my fascination with watch bands:</p>
|
||
|
|
<figure>
|
||
|
|
<a href="http://furbo.org/wp-content/uploads/2015/12/AppleWatchBands.jpeg" ><img src="http://furbo.org/wp-content/uploads/2015/12/AppleWatchBands.jpeg" alt="Apple Watch Bands" width="1120" height="862" class="aligncenter size-full wp-image-1954" /></a></p>
|
||
|
|
<figcaption>My current collection of watch bands. And no, <a href="http://furbo.org/2015/05/22/apple-watch-ergonomics/" >the watch isn’t upside down</a>.</figcaption>
|
||
|
|
</figure>
|
||
|
|
<p>From left to right, in order of date purchased:</p>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.apple.com/shop/buy-watch/apple-watch-sport/42mm-silver-aluminum-case-with-blue-sport-band?product=MLC52LL/A&step=detail" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.apple.com');">Sport Model with Blue Band</a> ($400) – I picked the aluminum watch with a blue band because I knew it would be spending a lot of time in the water. To date, I’ve <a href="http://furbo.org/2015/07/14/a-watch-water-and-workouts/" >used it 110 times for over 35 hours of swimming</a>.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.apple.com/shop/product/MJ5F2/42mm-milanese-loop" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.apple.com');">Milanese Loop</a> ($150) – I was intrigued by this band as soon as I saw it during the video at the product announcement. I love how the metal feels a lot like fabric. It also dresses up the utilitarian Sport model so it doesn’t look out of place when I’m someplace nice.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.clockworksynergy.com/shop/tech-straps/straps-for-apple-watch/2-piece-heavy-nato-straps/black-grey-two-piece-heavy-nato-nylon-watch-strap-fits-apple-watch/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.clockworksynergy.com');">Black & Silver Nylon</a> ($30) – This NATO-style band from Clockwork Synergy popped up on my <a href="https://twitter.com/capttaco/status/625339467080040448" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">Twitter timeline</a> thanks to my pal <a href="https://twitter.com/capttaco" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">Rob Rhyne</a>. I love that it dresses up the watch <strong>and</strong> is waterproof.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.apple.com/shop/product/MLDJ2/42mm-productred-band" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.apple.com');">Red Sport</a> ($50) – When Apple started selling additional colors for the sport bands, getting one in my favorite color was a no-brainer. I also like that a little of my purchase goes to a worthwhile charity.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="http://www.amazon.com/gp/product/B00JP09C7I/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00JP09C7I&linkCode=as2&tag=furboorg-20&linkId=4LVZVTJFJG5OY4UU" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.amazon.com');">Orange Silicone</a> ($20) – This band by MoKo was <a href="https://twitter.com/mrgan/status/643847960850247680" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">another recommendation</a> from Twitter by <a href="https://twitter.com/mrgan" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitter.com');">Neven Mrgan</a>. To me, the most interesting thing about this band is that it shows why Apple went with <a href="https://en.wikipedia.org/wiki/Fluoroelastomer" onclick="javascript:pageTracker._trackPageview('/outbound/article/en.wikipedia.org');"> fluoroelastomer</a> for their bands: it’s stiffer and “breathes” better than silicone.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.lucrin.com/straps-and-watches/watch-straps/apple-watch/apple-band-42mm-elegance.htm" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.lucrin.com');">Black Goat Leather</a> ($200) – The leather bands from Apple are nice, but I prefer the classic look of this one from Lucrin. The company also offers a huge range of colors: my wife loves the dark green one I gave at Christmas.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<p>In this survey of my growing collection, there’s an interesting datapoint: the value of these bands ($450) exceeds the cost of the watch itself ($400).</p>
|
||
|
|
<p>If Apple decides to change the interchange mechanism in some future version of the watch, I will have very little desire to upgrade. As I continue to “work in” my leather band, I hope I’ll be using them for a long time.</p>
|
||
|
|
</div><!-- .entry-content -->
|
||
|
|
|
||
|
|
<div class="entry-footer">
|
||
|
|
Written on December 29th, 2015 for <a href="http://furbo.org/category/miscellaneous/" title="View all posts in Miscellaneous" rel="category tag">Miscellaneous</a>, <a href="http://furbo.org/category/observation/" title="View all posts in Observation" rel="category tag">Observation</a> </div><!-- .entry-footer -->
|
||
|
|
|
||
|
|
</article><!-- #post-## -->
|
||
|
|
|
||
|
|
<article id="post-1942" class="post-1942 post type-post status-publish format-standard hentry category-business category-observation">
|
||
|
|
|
||
|
|
<div class="entry-header">
|
||
|
|
<h2 class="entry-title"><a href="http://furbo.org/2015/12/28/the-new-ipod/" rel="bookmark">The New iPod</a></h2> </div><!-- .entry-header -->
|
||
|
|
|
||
|
|
<div class="entry-content">
|
||
|
|
<p>Something tells me that there were a lot of Apple Watches under the tree this year:</p>
|
||
|
|
<p><a href="http://furbo.org/wp-content/uploads/2015/09/ClickerDownloads.jpeg" ><img src="http://furbo.org/wp-content/uploads/2015/09/ClickerDownloads.jpeg" alt="Clicker Downloads for December 2015" width="560" height="966" class="aligncenter size-full wp-image-1948" /></a></p>
|
||
|
|
<p>That graph shows the last month of downloads for my free <a href="https://itunes.apple.com/us/app/clicker-count-anything/id1043951998?ls=1&mt=8&uo=4&at=10l4G7&ct=FURBO" onclick="javascript:pageTracker._trackPageview('/outbound/article/itunes.apple.com');">Clicker</a> app for watchOS. Since this app does nothing on an iPhone or iPad, the only reason to get it is if you have a new watch.</p>
|
||
|
|
<p>Many of us, myself included, originally thought of the Apple Watch as a device in and of itself. But the more I use the computer on my wrist, the more it feels like a satellite to the computer that’s sitting in my pocket.</p>
|
||
|
|
<p>Accessories have always made great gifts for folks who love their computers. Giving the watch as a gift is a perfect option for someone who’s always playing around with the apps on their iPhone. Just like the iPod was an ideal match for someone who loved playing music on their desktop computer.</p>
|
||
|
|
</div><!-- .entry-content -->
|
||
|
|
|
||
|
|
<div class="entry-footer">
|
||
|
|
Written on December 28th, 2015 for <a href="http://furbo.org/category/business/" title="View all posts in Business" rel="category tag">Business</a>, <a href="http://furbo.org/category/observation/" title="View all posts in Observation" rel="category tag">Observation</a> </div><!-- .entry-footer -->
|
||
|
|
|
||
|
|
</article><!-- #post-## -->
|
||
|
|
|
||
|
|
<article id="post-1932" class="post-1932 post type-post status-publish format-link hentry category-miscellaneous">
|
||
|
|
<div class="entry-header">
|
||
|
|
<h2 class="entry-title"><a href="http://furbo.org/2015/11/19/clicker-1-1/" title="Permalink" class="permalink">►</a> <a href="https://itunes.apple.com/us/app/clicker-count-anything/id1043951998?ls=1&mt=8&uo=4&at=10l4G7&ct=FURBO">Clicker 1.1</a></h2> </div>
|
||
|
|
<!-- .entry-header -->
|
||
|
|
|
||
|
|
<div class="entry-content">
|
||
|
|
<p>The <a href="https://itunes.apple.com/us/app/clicker-count-anything/id1043951998?ls=1&mt=8&uo=4&at=10l4G7&ct=FURBO" onclick="javascript:pageTracker._trackPageview('/outbound/article/itunes.apple.com');">Make John Gruber Happy Edition™</a> of Clicker is now available. <a href="http://daringfireball.net/linked/2015/10/14/clicker" onclick="javascript:pageTracker._trackPageview('/outbound/article/daringfireball.net');">Finally.</a></p>
|
||
|
|
</div>
|
||
|
|
<!-- .entry-content -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</article><!-- #post-## -->
|
||
|
|
|
||
|
|
<article id="post-1920" class="post-1920 post type-post status-publish format-standard hentry category-design category-development">
|
||
|
|
|
||
|
|
<div class="entry-header">
|
||
|
|
<h2 class="entry-title"><a href="http://furbo.org/2015/11/04/a-responsive-factory/" rel="bookmark">A Responsive Factory</a></h2> </div><!-- .entry-header -->
|
||
|
|
|
||
|
|
<div class="entry-content">
|
||
|
|
<p>Back in May 2014, we introduced a new <a href="http://iconfactory.com" onclick="javascript:pageTracker._trackPageview('/outbound/article/iconfactory.com');">Iconfactory home page</a>. One of the main design goals for that site was to make the layout a <a href="https://en.wikipedia.org/wiki/Responsive_web_design" onclick="javascript:pageTracker._trackPageview('/outbound/article/en.wikipedia.org');">responsive web design</a>: the same site looked great whether you were looking at it on a desktop PC or an iPhone. Reading <a href="http://abookapart.com/products/responsive-web-design" onclick="javascript:pageTracker._trackPageview('/outbound/article/abookapart.com');">Ethan Marcotte’s book</a> was a revelation.</p>
|
||
|
|
<p>Of course, that site was just a beginning. <a href="http://design.iconfactory.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/design.iconfactory.com');">We</a> <a href="http://iconfactoryapps.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/iconfactoryapps.com');">run</a> <a href="http://blog.iconfactory.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.iconfactory.com');">a</a> <a href="http://flareapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/flareapp.com');">lot</a> <a href="http://twitterrific.com/ios" onclick="javascript:pageTracker._trackPageview('/outbound/article/twitterrific.com');">of</a> <a href="http://xscopeapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/xscopeapp.com');">web</a> <a href="http://ipulseapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/ipulseapp.com');">sites</a> (<a href="http://appdevmanual.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/appdevmanual.com');">including</a> <a href="http://astronutapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/astronutapp.com');">some</a> <a href="http://chameleonproject.org/" onclick="javascript:pageTracker._trackPageview('/outbound/article/chameleonproject.org');">you’ve</a> <a href="http://dine-o-matic.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/dine-o-matic.com');">probably</a> <a href="http://frenzic.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/frenzic.com');">never</a> <a href="http://pickintimeapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/pickintimeapp.com');">heard</a> <a href="http://pixelpalooza.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/pixelpalooza.com');">of</a> <a href="http://takefiveapp.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/takefiveapp.com');">before</a>). Clearly we had to pick our responsive battles.</p>
|
||
|
|
<p>We started with an <a href="http://blog.iconfactory.com/2015/01/welcome-to-the-new-iconfactory-blog/" onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.iconfactory.com');">update to our blog</a> in January 2015. In October, we updated our <a href="http://iconfactoryapps.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/iconfactoryapps.com');">iOS and OS X app catalog</a>. And yesterday we launched a <a href="http://design.iconfactory.com/" onclick="javascript:pageTracker._trackPageview('/outbound/article/design.iconfactory.com');">responsive design portfolio</a>.</p>
|
||
|
|
<p>A year and a half after our first responsive design, we’ve hit a milestone. All of the sites listed in the Iconfactory’s red navigation bar are responsive designs and will display correctly on any device. Woo hoo!</p>
|
||
|
|
<p>Along the way, we cleaned up some of our branding elements and worked toward a more consistent experience across all the sites. Check out the post at the Iconfactory about <a href="http://blog.iconfactory.com/2015/11/the-new-favicon/" onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.iconfactory.com');">the new SVG icons in Safari</a> to see what that’s all about.</p>
|
||
|
|
<p>It’s clear we’re at a point in time where the vast assortment of screens is daunting. If you haven’t thought about how your site works on this wide variety of devices, <a href="http://alistapart.com/article/responsive-web-design" onclick="javascript:pageTracker._trackPageview('/outbound/article/alistapart.com');">now is a great time to start</a>.</p>
|
||
|
|
</div><!-- .entry-content -->
|
||
|
|
|
||
|
|
<div class="entry-footer">
|
||
|
|
Written on November 4th, 2015 for <a href="http://furbo.org/category/design/" title="View all posts in Design" rel="category tag">Design</a>, <a href="http://furbo.org/category/development/" title="View all posts in Development" rel="category tag">Development</a> </div><!-- .entry-footer -->
|
||
|
|
|
||
|
|
</article><!-- #post-## -->
|
||
|
|
<div id="post-navigation">
|
||
|
|
<div class="older"><a href="http://furbo.org/page/2/" >Older</a></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</main><!-- .site-main -->
|
||
|
|
</div><!-- .content-area -->
|
||
|
|
|
||
|
|
|
||
|
|
</div><!-- .site-content -->
|
||
|
|
|
||
|
|
<footer id="footer" class="site-footer" role="contentinfo">
|
||
|
|
<div class="features">
|
||
|
|
<div class="feature">
|
||
|
|
<script type="text/javascript">
|
||
|
|
var content = [];
|
||
|
|
|
||
|
|
content.push('\
|
||
|
|
<a href="http://design.iconfactory.com">\
|
||
|
|
<img src="/footer/designsite.png" width="198" height="101" />\
|
||
|
|
</a>\
|
||
|
|
<h5>Do you write awesome code?</h5>\
|
||
|
|
<p>Of course, you do!</p>\
|
||
|
|
<p>But if you\'re like me, you struggle with design and opening Photoshop makes you break out in a cold sweat.</p>\
|
||
|
|
<p>\
|
||
|
|
<a href="http://design.iconfactory.com">\
|
||
|
|
The designers that help me can also help you…</a>\
|
||
|
|
</p>\
|
||
|
|
');
|
||
|
|
|
||
|
|
content.push('\
|
||
|
|
<a href="http://xscopeapp.com">\
|
||
|
|
<img src="/footer/xscope4.png" width="198" height="101" />\
|
||
|
|
</a>\
|
||
|
|
<h5>I made this app because I needed it.</h5>\
|
||
|
|
<p>\
|
||
|
|
If you do any kind of Web, iOS or Mac development, you need these \
|
||
|
|
<a href="http://xscopeapp.com/guide">\
|
||
|
|
awesome tools</a>. I did.\
|
||
|
|
</p>\
|
||
|
|
<p>\
|
||
|
|
After a few days with xScope\'s \
|
||
|
|
<a href="http://xscopeapp.com">\
|
||
|
|
FREE trial</a>, you\'ll wonder how you ever did work without it. Trust me.\
|
||
|
|
</p>\
|
||
|
|
');
|
||
|
|
|
||
|
|
content.push('\
|
||
|
|
<a href="http://furbo.org/2014/09/03/the-terminal/">\
|
||
|
|
<img src="/footer/terminal.png" width="200" height="100" />\
|
||
|
|
</a>\
|
||
|
|
<h5>$ sudo rm -rf /</h5>\
|
||
|
|
<p>You use this app every day, but do you know what happens when you option click in it?</p>\
|
||
|
|
<p>\
|
||
|
|
Find out in my magnum opus on \
|
||
|
|
<a href="http://furbo.org/2014/09/03/the-terminal/">\
|
||
|
|
The Terminal</a>.\
|
||
|
|
</p>\
|
||
|
|
');
|
||
|
|
|
||
|
|
content.push('\
|
||
|
|
<a href="https://itunes.apple.com/us/app/ipulse/id1028916583?ls=1&mt=12&uo=4&at=10l4G7&ct=FURBO_FOOTER">\
|
||
|
|
<img src="/footer/ipulse3.png" width="200" height="100" />\
|
||
|
|
</a>\
|
||
|
|
<h5>What is your Mac doing right now?</h5>\
|
||
|
|
<p>If you\'re reading this site, chances are good that you know <em>a lot</em> about your computer.</p>\
|
||
|
|
<p>\
|
||
|
|
But do you know what\'s going on behind the scenes? \
|
||
|
|
<a href="https://itunes.apple.com/us/app/ipulse/id1028916583?ls=1&mt=12&uo=4&at=10l4G7&ct=FURBO_FOOTER">\
|
||
|
|
iPulse does</a>.\
|
||
|
|
</p>\
|
||
|
|
');
|
||
|
|
|
||
|
|
var min = 0;
|
||
|
|
var max = content.length - 1;
|
||
|
|
var index = Math.floor(Math.random() * (max - min + 1)) + min;
|
||
|
|
|
||
|
|
document.write(content[index]);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</div><!-- .feature -->
|
||
|
|
</div><!-- .features -->
|
||
|
|
</footer><!-- .site-footer -->
|
||
|
|
|
||
|
|
</div><!-- .site -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Google Analytics for WordPress | http://yoast.com/wordpress/google-analytics/ -->
|
||
|
|
<script type="text/javascript">
|
||
|
|
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||
|
|
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
try {
|
||
|
|
var pageTracker = _gat._getTracker("UA-12748460-3");
|
||
|
|
// Cookied already:
|
||
|
|
pageTracker._trackPageview();
|
||
|
|
} catch(err) {}
|
||
|
|
</script><!-- End of Google Analytics code -->
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
<!-- Dynamic Page Served (once) in 0.171 seconds -->
|
||
|
|
<!-- super cache -->
|