CINXE.COM
Zeldman on Web & Interaction Design - Web design news and insights since 1995
<!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.zeldman.com:80/?","20160330020426","https://web.archive.org/","web","/_static/", "1459303466"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Zeldman on Web & Interaction Design - Web design news and insights since 1995</title> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="http://www.zeldman.com/xmlrpc.php"> <!-- This site is optimized with the Yoast SEO plugin v3.1.2 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Web design news and insights since 1995"/> <meta name="robots" content="noodp"/> <link rel="canonical" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/"/> <link rel="next" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/page/2/"/> <link rel="publisher" href="https://plus.google.com/u/1/b/107749003388305496076/+alistapart/posts"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Jeffrey Zeldman Presents"/> <meta property="og:description" content="Web design news and insights since 1995"/> <meta property="og:url" content="https://web.archive.org/web/20160330020426/http://www.zeldman.com/"/> <meta property="og:site_name" content="Zeldman on Web & Interaction Design"/> <meta property="og:image" content="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/pixel-jeffrey1.jpg"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:description" content="Web design news and insights since 1995"/> <meta name="twitter:title" content="Zeldman on Web & Interaction Design - Web design news and insights since 1995"/> <meta name="twitter:site" content="@zeldman"/> <meta name="twitter:image" content="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/pixel-jeffrey1.jpg"/> <script type="application/ld+json">{"@context":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/schema.org","@type":"WebSite","url":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com\/","name":"Jeffrey Zeldman Presents","alternateName":"Zeldman on Web & Interaction Design","potentialAction":{"@type":"SearchAction","target":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script> <script type="application/ld+json">{"@context":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/schema.org","@type":"Person","url":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com","sameAs":["https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/www.facebook.com\/jzeldman","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/instagram.com\/zeldman\/","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/www.linkedin.com\/in\/zeldman","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/plus.google.com\/u\/1\/b\/107749003388305496076\/+alistapart\/posts","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/www.youtube.com\/user\/frosty0432","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/www.pinterest.com\/zeldman\/","https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/twitter.com\/zeldman"],"name":"Jeffrey Zeldman"}</script> <!-- / Yoast SEO plugin. --> <link rel="alternate" type="application/rss+xml" title="Zeldman on Web & Interaction Design » Feed" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="Zeldman on Web & Interaction Design » Comments Feed" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/comments/feed/"/> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/web.archive.org\/web\/20160330020426\/https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"}}; !function(a,b,c){function d(a){var c,d=b.createElement("canvas"),e=d.getContext&&d.getContext("2d"),f=String.fromCharCode;return e&&e.fillText?(e.textBaseline="top",e.font="600 32px Arial","flag"===a?(e.fillText(f(55356,56806,55356,56826),0,0),d.toDataURL().length>3e3):"diversity"===a?(e.fillText(f(55356,57221),0,0),c=e.getImageData(16,16,1,1).data.toString(),e.fillText(f(55356,57221,55356,57343),0,0),c!==e.getImageData(16,16,1,1).data.toString()):("simple"===a?e.fillText(f(55357,56835),0,0):e.fillText(f(55356,57135),0,0),0!==e.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag"),unicode8:d("unicode8"),diversity:d("diversity")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag&&c.supports.unicode8&&c.supports.diversity||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="contact-form-7-css" href="https://web.archive.org/web/20160330020426cs_/http://www.zeldman.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=30a0191e5ad1231437a9de7ace7c8ae7" type="text/css" media="all"/> <link rel="stylesheet" id="zeldman-style-css" href="https://web.archive.org/web/20160330020426cs_/http://www.zeldman.com/wp-content/themes/zeldman/style.css?ver=30a0191e5ad1231437a9de7ace7c8ae7" type="text/css" media="all"/> <link rel="stylesheet" id="jetpack_css-css" href="https://web.archive.org/web/20160330020426cs_/http://www.zeldman.com/wp-content/plugins/jetpack/css/jetpack.css?ver=30a0191e5ad1231437a9de7ace7c8ae7" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-includes/js/jquery/jquery.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <link rel="https://api.w.org/" href="http://www.zeldman.com/wp-json/"/> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.zeldman.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.zeldman.com/wp-includes/wlwmanifest.xml"/> <link rel="dns-prefetch" href="//web.archive.org/web/20160330020426/http://widgets.wp.com/"> <link rel="dns-prefetch" href="//web.archive.org/web/20160330020426/http://s0.wp.com/"> <link rel="dns-prefetch" href="//web.archive.org/web/20160330020426/http://0.gravatar.com/"> <link rel="dns-prefetch" href="//web.archive.org/web/20160330020426/http://1.gravatar.com/"> <link rel="dns-prefetch" href="//web.archive.org/web/20160330020426/http://2.gravatar.com/"> <script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//web.archive.org/web/20160330020426/http://www.zeldman.com/?wordfence_logHuman=1&hid=6291AB9F1DA48570E75C882FF03A5B5B'); </script><link rel="icon" href="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/default-54a3966bv1_site_icon-32x32.png" sizes="32x32"/> <link rel="icon" href="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/default-54a3966bv1_site_icon-256x256.png" sizes="192x192"/> <link rel="apple-touch-icon-precomposed" href="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/default-54a3966bv1_site_icon-256x256.png"/> <meta name="msapplication-TileImage" content="http://www.zeldman.com/wp-content/default-54a3966bv1_site_icon.png"/> </head> <body class="home blog group-blog"> <div id="page" class="hfeed site"> <header id="masthead" class="site-header" role="banner"> <div class="site-branding"> <h1 class="site-title img-header"> <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/" rel="home"> <img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/themes/zeldman/images/masthead.gif" width="1000" height="250" alt=""> </a> </h1> </div> <nav id="site-navigation" class="main-navigation" role="navigation"> <h1 class="menu-toggle">Menu</h1> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div class="menu"><ul><li class="current_page_item"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/">Home</a></li><li class="page_item page-item-10200"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/contact/">Contact</a></li><li class="page_item page-item-26"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/about/">Since 1995: Zeldman on Web Design</a></li><li class="page_item page-item-22"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/subscribe/">Subscribe to Zeldman.com</a></li></ul></div> </nav><!-- #site-navigation --> </header><!-- #masthead --> <div id="content" class="site-content"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-14064" class="post-14064 post type-post status-publish format-standard hentry category-design"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/03/29/getting-heart-users-deepest-needs/" rel="bookmark"><time class="entry-date published" datetime="2016-03-29T10:15:14+00:00">29 March 2016</time><time class="updated" datetime="2016-03-29T08:57:58+00:00">29 March 2016</time></a></span> 10am America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Getting to the heart of users’ deepest needs</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/http://alistapart.com/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/excerpt.jpg" alt="Book excerpt" width="720" height="352"/></a></p> <p>IN TODAY’S <em><a href="https://web.archive.org/web/20160330020426/http://alistapart.com/">A List Apart</a></em>, for people who make websites:</p> <h4><a href="https://web.archive.org/web/20160330020426/http://alistapart.com/article/design-for-real-life-excerpt">Design for Real Life</a></h4> <p>by Sara Wachter-Boettcher, Eric Meyer</p> <p>We say we’re crafting personas to fit the needs of “real” people—yet we easily revert to abstractions when raw emotions enter the picture. Common human experiences aren’t “edge” cases; we don’t get to dismiss what seems uncomfortable or different to us. In this excerpt from Design for Real Life, Eric Meyer and Sara Wachter-Boettcher take on the elephant in the room—the tendency to look the other way.</p> <h4><a href="https://web.archive.org/web/20160330020426/http://alistapart.com/article/design-for-real-life-interview-with-sara-wachter-boettcher">Design for Real Life – An interview with Sara Wachter-Boettcher</a></h4> <p>by Mica McPheeters, Sara Wachter-Boettcher</p> <p><em>A List Apart’s managing editor Mica McPheeters speaks with Sara Wachter-Boettcher about getting to the heart of users’ deepest needs.</em></p> <p>Good intentions can easily blind us to bad ideas—accidentally awful outcomes that alienate and distress our users. It’s time to take a hard look at our processes, to recognize and work through our biases toward idealized users in ideal situations. In this interview with managing editor Mica McPheeters, Sara Wachter-Boettcher talks about what she learned while writing Design for Real Life.</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-14027" class="post-14027 post type-post status-publish format-standard hentry category-design category-glamorous category-the-essentials category-usability category-user-experience category-ux"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/03/18/14027/" rel="bookmark"><time class="entry-date published" datetime="2016-03-18T10:32:07+00:00">18 March 2016</time><time class="updated" datetime="2016-03-18T12:24:11+00:00">18 March 2016</time></a></span> 10am America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Pinterest giveth, and Pinterest taketh away</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Safarisnaps001.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" class="lede"/></a><br/> AS MY design career has taken on more and more strategic and managerial freight, I’ve done less and less hands-on design. This year, I decided to change that. As part of my reimmersion, I found myself reading less, and absorbing visual information more. Enter <a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/">Pinterest</a>. </p> <p>I’d played with the app when it first came out—who didn’t?—but it didn’t stick with me the way a handful of apps do. It didn’t become an obsession, and so I gradually forgot about it. That’s just how apps work for me. They’re heroin, or they’re nothing.</p> <p>But the moment my days began filling with sketching, and coding, and Photoshop comping, the genius of Pinterest, and the addictive high it provides when used obsessively and compulsively, was revealed to me. </p> <p>In borderline religious ecstasy, I became a Pinterest junkie, compelled to collect and catalog every artist I’ve ever loved—every type designer, illustrator, filmmaker, social absurdity, comic book character, and book designer; every half-forgotten cartoonist; every city or nation I’ve visited.</p> <p>Using Pinterest not only revived long-dead visual design brain cells, it created new ones. Work-related layouts and color schemes came easier as I spent more and more “downtime” collecting and cataloging half-forgotten styles, genres, and artists—and discovering new ones. </p> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Findersnaps001.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" width="766" height="323" class="alignnone size-full wp-image-14048" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Findersnaps001-100x42.png 100w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Findersnaps001.png 766w" sizes="(max-width: 766px) 100vw, 766px"/></a></p> <h2>I ♥ Pinterest</h2> <p>As part of this work—for work it is; call it “research” if you prefer—I spent hours rearranging Boards on my profile for maximum aesthetic effect and rhythm. And more hours choosing and replacing the cover illustration for each Board. (If you don’t use Pinterest, here’s a summary: it lets you pin any image you find on the web, or on your own computer desktop or mobile device, to a virtual whiteboard. Pinterest calls each whiteboard you create a “Board,” and each image you affix to it a “Pin.” Part of the fun comes from sequencing Boards on your profile for aesthetic or educational reasons; choosing the featured image for each Board is likewise important and fun.)</p> <p>Until a few days ago, you could edit and re-edit the featured image for each Board whether you were using Pinterest on the web (that is, via desktop computer), your phone, or your tablet. Doing these things worked differently on the different devices—choosing the featured image was actually faster and less tedious on iPhone and iPad than it was on the web—but the functionality was available in all three places, because Pinterest recognized that <em>brands exist between devices,</em> and that folks interact with your service on different devices at different times, <em>as they choose.</em></p> <p>Likewise, until a few days ago, you could change the order of Boards on your profile via drag and drop whether you were using Pinterest on the web or your tablet. (Likely because of screen space constraints, this functionality was not available on iPhone, where the display of Board content necessarily differs from the more desktop-design-focused method used on the web and on iPad.) Users like me changed the order of Boards to create visual interest, set up ironic contrasts, create visual rhythms up and down the screen, and so on. I’m a designer. I have my ways. These details are important to me—and, I imagine, to many other users, since Pinterest is a drug for visual obsessives.</p> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" width="766" height="323" class="alignnone size-full wp-image-14049" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001-100x42.png 100w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001.png 766w" sizes="(max-width: 766px) 100vw, 766px"/></a></p> <h2>An unexpected change</h2> <p>Then, a few days ago, Pinterest released an update that removed this functionality from the iPhone and iPad (and, I’m assuming, from Android as well). There was no blog post announcing the change. And no rationale offered for taking away features that mattered a lot to users like me. Pinterest knows these features matter, because Pinterest has our data. That’s the difference between making a digital product folks interact with via the internet, and making, say, a toilet plunger. If I manufacture toilet plungers, I can make assumptions about how folks use my product, but I probably don’t have much real data. If I make an application people use via http, I know everything. </p> <p>Now, it’s not like people were complaining about the ability to edit their Boards: “We have too much freedom! This software provides too many delightful functions. Please remove two of them. But only from my mobile device.”</p> <p>No. The features are still there on the website. So Pinterest knows people like these features.</p> <p>And it’s not like the features are too difficult to put into mobile devices, since they already existed in those mobile devices.</p> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps002.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" width="766" height="323" class="alignnone size-full wp-image-14050" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps002-100x42.png 100w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps002.png 766w" sizes="(max-width: 766px) 100vw, 766px"/></a></p> <h2>A failure to communicate</h2> <p>You may ask why I’m telling you all this instead of telling it to Pinterest. Good question. The answer is, I <em>tried</em> telling Pinterest, but they don’t provide a forum for it. And that is the biggest problem. A company that makes products people love should have a way to communicate with those people. Not grudgingly offer them a few character-limited form fields on a “survey” page that isn’t even referenced in the site’s navigation.</p> <p>When the features stopped working on my iPhone and iPad, I assumed something had gone wrong with my apps, so I deleted and reinstalled them. (Remember, there was no announcement; but then why would any company announce that it was taking away loved features for no apparent reason?) </p> <p>When deleting and reinstalling didn’t help, I sought help and contact pages on Pinterest (and was only able to find them via third-party search engine). </p> <p>In trying to file a bug report, I ended up in a pleasant (but confusing) conversation with a very nice Pinterest employee who explained that I wasn’t experiencing a bug: the software engineers had made a conscious decision to remove the functions I use every day … and had no intention of restoring them. She wasn’t able to tell me why, or point me to a URL that would offer a rationale, but she did tell me I could use Pinterest’s “Recommend a feature” form to “recommend” that the software engineers put those features back. </p> <p>Since “Recommend a feature” is hidden from site navigation, the kindly person with whom I was in dialog provided a link where I could type in a few characters requesting that Pinterest restore the “drag Board order” functionality. There wasn’t room in the form fields to explain why I thought the feature should be restored, but at least I was able to make the request. The form asked if I was a Business account user, which I am. I don’t remember when or why I bought the Business tier of service. Maybe for the analytics. Maybe just because, as someone who makes stuff myself, I choose to pay for software so I can support the good people who make it, and do what I can to help their product stick around.</p> <p>(It’s the same reason I remained a Flickr Pro user even after Yahoo gave the whole world 2GB of photo storage space for free. If everything is free, and nobody pays, services you love tend to go away. Half of web history is great services disappearing in the night after investors were dissatisfied with only reasonable profits.)</p> <p>I don’t know why my paid status mattered to Pinterest, but I couldn’t help feeling there would be a prejudice in favor of my comment if I checked the box letting them know I was a paying customer. Even though it was information they requested, checking the box made me feel dirty. I also wondered why they were asking me. I mean, <em>don’t they know?</em> I gave them the email address they use for my login. I was logged in. They know my status. Are they just checking to see if I know it, too?</p> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001-1.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" width="766" height="323" class="alignnone size-full wp-image-14052" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001-1-100x42.png 100w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Previewsnaps001-1.png 766w" sizes="(max-width: 766px) 100vw, 766px"/></a></p> <h2>There can only be one (feature request)</h2> <p>But I digress. Because here is the main point. The moment I submitted the tiny, inadequate form requesting the restoration of a recently removed feature, the site set a cookie and sent me a message thanking me for completing the “survey.” It wasn’t a survey, but I guess one task completion message is as good as another.</p> <p>Then I tried to use the inadequate form to report my second concern—the one about the removal of the ability to choose a featured image for my Board. The way this had always worked on the tablet was far superior to the tedious, painstaking way it works on my desktop. On the tablet, you could scroll through all your images with the flick of a finger, select the image you wanted, and complete the task in a few seconds. On the desktop, you had to click your way through every image on your Board in reverse chronological order. It’s the difference between flicking through a calendar, and clicking backwards from today, to yesterday, to the day before yesterday, and so on. The tablet version was fast, easy, intuitive—you interact directly with your content; you can see all relevant content at a glance. The desktop version is cumbersome and 1999-ish. If I had to pick which platform must lose the functionality I relied on, I would not have chosen the tablet. No customer who used the feature in both places would.</p> <p>But I wasn’t able to share even a few characters of this thought with Pinterest, because once you submit a “survey” requesting a feature, a steel wall in the guise of a cookie slams down, and <em>you cannot make a second feature suggestion.</em></p> <p>Not even the next day. (Which is today. Which I just tried.)</p> <p><a href="https://web.archive.org/web/20160330020426/https://www.pinterest.com/zeldman/"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Safarisnaps001-1.png" alt="Jeffrey Zeldman's Pinterest (excerpt)" width="766" height="323" class="alignnone size-full wp-image-14053" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Safarisnaps001-1-100x42.png 100w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Safarisnaps001-1.png 766w" sizes="(max-width: 766px) 100vw, 766px"/></a></p> <h2>This is a love letter</h2> <p>And that is why, as a hardcore fan and user of Pinterest, a service I love and use compulsively, I am using the public web rather than Pinterest’s somewhat unhelpful help center, to share my request with the brilliant software engineers who create this fabulous product.</p> <p>And with designers, because these are the mistakes we all make when we create products and content sites. We think we are all about the people who use what we create. But we are probably frustrating the pants off them with our arbitrary design decisions and inadequate customer feedback mechanisms.</p> <hr/> <p><em><a href="https://web.archive.org/web/20160330020426/https://medium.com/@zeldman/pinterest-giveth-and-pinterest-taketh-away-8a83f9ba20c2#.56i7yucze">Also published on Medium</a></em>.</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/glamorous/" rel="category tag">glamorous</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/the-essentials/" rel="category tag">The Essentials</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/usability/" rel="category tag">Usability</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/user-experience/" rel="category tag">User Experience</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/ux/" rel="category tag">UX</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-14010" class="post-14010 post type-post status-publish format-standard hentry category-code category-css category-css3 category-design category-layout"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/03/17/css-grid-layout-and-flexbox-city/" rel="bookmark"><time class="entry-date published" datetime="2016-03-17T12:05:58+00:00">17 March 2016</time><time class="updated" datetime="2016-03-17T12:10:31+00:00">17 March 2016</time></a></span> 12pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Grid Layout & Flexbox City</h1> </header><!-- .entry-header --> <div class="entry-content"> <img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/themes/zeldman/images/default.svg" class="lede" alt=""/><p>CSS GRID LAYOUT is nearly finalized. Which means it’s time for designers and front-end developers to set the flags enabling their browsers to support the new specification, put CSS Flexbox through its paces by using it to create layouts, and see if anything breaks. This way, if anything <em>does</em> break, we’ll have time to tell the framers of CSS Grid Layout what happened, and get the spec (and browser support) fixed before it is released. Once Grid is finalized, it will be too late to fix oversights. </p> <p>The links below can help you (and me) get up to speed with the new tech:</p> <h3>CSS Grid Layout and CSS Flexbox Links</h3> <ul> <li><a href="https://web.archive.org/web/20160330020426/https://drafts.csswg.org/css-grid/">CSS Grid Spec</a></li> <li><a href="https://web.archive.org/web/20160330020426/http://igalia.github.io/css-grid-layout/enable.html">How to enable CSS Grid Layout in your browser</a></li> <li><a href="https://web.archive.org/web/20160330020426/http://gridbyexample.com/examples/">Grid By Example</a>: Learn CSS Grid Layout by doing, with these incredibly useful examples by Rachel Andrew. Newly updated. Fun! </li> <li><a href="https://web.archive.org/web/20160330020426/https://css-tricks.com/snippets/css/complete-guide-grid/">A Complete Guide to Grid by Chris Coyier</a></li> <li><a href="https://web.archive.org/web/20160330020426/https://css-tricks.com/snippets/css/a-guide-to-flexbox/">A Complete Guide to Flexbox by Chris Coyier</a></li> <li>Though CSS Flexbox is better suited to laying out modules (rather than entire pages—that’s what Grid is for), Phillip Walton has used it to solve a classic CSS page layout problem: <a href="https://web.archive.org/web/20160330020426/https://philipwalton.github.io/solved-by-flexbox/demos/holy-grail/">Holy Grail layout in Flexbox</a></li> <li>Vertical centering? Easy. Equal height columns? By default. Paul Robert Lloyd gets to grips with CSS Flexbox and finds a lot to like: <a href="https://web.archive.org/web/20160330020426/https://paulrobertlloyd.com/2016/03/logical_flexbox">CSS Flexbox Is Entirely Logical (Almost)</a></li> <li><a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/archives/2015/11/03/three-years-with-css-grid-layout/">Three Years with CSS Grid Layout by Rachel Andrew</a></li> <li><a href="https://web.archive.org/web/20160330020426/https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/">Grid, Flexbox, Box Alignment: Our New System for Layout by Rachel Andrew</a></li> <li><a href="https://web.archive.org/web/20160330020426/http://igalia.github.io/css-grid-layout/">CSS Grid Layout Examples: Several examples showing different CSS Grid Layout use cases</a></li> <li><a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/archives/2015/09/02/css-grid-and-the-box-alignment-module/">CSS Grid and the Box Alignment Module</a></li> </ul> <h4 style="margin-top: 75px;">Thank You</h4> <p>Additional link curation by <a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/">Rachel Andrew</a>, author of <cite><a href="https://web.archive.org/web/20160330020426/https://abookapart.com/products/get-ready-for-css-grid-layout">Get Ready for CSS Grid Layout</a></cite> from A Book Apart, and speaker extraordinaire at <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/event/nashville-2016">An Event Apart Nashville</a>, a three-day conference that wrapped yesterday. For a ton of great web resources, see <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/news/post/resources-from-nashville-2016">AEA Resources</a>: Articles, Links, and Tools From An Event Apart Nashville 2016.</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/code/" rel="category tag">Code</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css/" rel="category tag">CSS</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css3/" rel="category tag">CSS3</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/layout/" rel="category tag">Layout</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13995" class="post-13995 post type-post status-publish format-standard hentry category-advertising category-aneventapart category-design category-state-of-the-web category-web-design category-web-design-history category-web-standards category-zeldman"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/02/24/13995/" rel="bookmark"><time class="entry-date published" datetime="2016-02-24T10:42:15+00:00">24 February 2016</time></a></span> 10am America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Helvetica With Curves—And Other Updated Classics</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/Keynotesnaps001.png" alt="Keynotesnaps001" class="lede" alt="title card from 'Designing With Web Standards in 2016,' An Event Apart presentation by Jeffrey Zeldman. Text is set in Forma, an upcoming face from Font Bureau."/></p> <p class="caption" style="color: #333;"><small>Title card from ‘Designing With Web Standards in 2016,’ An Event Apart presentation by Jeffrey Zeldman. Text is set in Forma, an upcoming face from Font Bureau.</small></p> <hr/> <p class="intro">NOT UNLIKE what Mattel has done with Barbie, the typographic geniuses at <a href="https://web.archive.org/web/20160330020426/http://www.fontbureau.com/">The Font Bureau</a> are working on a humanist geometric sans-serif that could almost be thought of as Helvetica with curves.</p> <p>Forma is the name of the as-yet unreleased font family, and you can get a peek at one weight of it in the above image, which is taken from my slide deck for “<a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/event/nashville-2016#s819">Designing With Web Standards in 2016</a>,” which is the presentation I’ll premiere next month at <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/event/nashville-2016">An Event Apart Nashville</a>.</p> <p>This new presentation examines the seemingly ever-deepening complexity of designing for our medium today—a complexity that has driven some longtime web designers I know to declare that web design has become “too hard,” or that “the fun has gone out of it”—and asks what our traditions of designing with web standards can teach us about crafting web experiences for a multi-device, mobile-first world. </p> <p>Given that my original (unpublished) title for <cite><a href="https://web.archive.org/web/20160330020426/http://www.amazon.com/Designing-Web-Standards-3rd-Edition/dp/0321616952">Designing With Web Standards</a></cite> was going to be <cite>Forward Compatibility</cite>—and given that Forward Compatibility is not so different in concept from today’s phrase, <a href="https://web.archive.org/web/20160330020426/http://futurefriendlyweb.com/">Future-Friendly</a>—I’m guessing that structured, semantically marked-up content, progressive enhancement, and the separation of style from structure and behavior still have a huge role to play in today’s day-to-day web design work.</p> <p>Oh, dear, I hope that wasn’t a spoiler.</p> <p>I look forward to sharing these ideas with you in greater detail at <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/">An Event Apart</a>. Now celebrating <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/news/post/a-decade-apart-an-event-apart-video-the-way-we-were">our tenth year</a> of bringing great ideas to our community, and creating a space where the smartest folks in web design and development can meet, mingle, bond, network, and learn together. Follow <a href="https://web.archive.org/web/20160330020426/https://twitter.com/aneventapart">@aneventapart</a> for show announcements, links to useful web resources, and free giveaways on the 10th of every month in 2016. (This month’s giveaway, ten beautiful fleece comforters monogrammed with the A Decade Apart logo, went to ten lucky winners on February 10th. Keep watching the skies.)</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/advertising/" rel="category tag">Advertising</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/aneventapart/" rel="category tag">An Event Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/state-of-the-web/" rel="category tag">State of the Web</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design/" rel="category tag">Web Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design-history/" rel="category tag">Web Design History</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-standards/" rel="category tag">Web Standards</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/zeldman/" rel="category tag">Zeldman</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13992" class="post-13992 post type-post status-publish format-standard hentry category-a-book-apart category-design category-html5 category-publications category-publishers-note category-publishing"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/02/18/foreword-to-html5-for-web-designers-2nd-edition-2/" rel="bookmark"><time class="entry-date published" datetime="2016-02-18T13:32:02+00:00">18 February 2016</time></a></span> 1pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Foreword to HTML5 for Web Designers, 2nd Edition</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/https://abookapart.com/products/html5-for-web-designers"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/howUlikemeNOW.jpg" alt="HTML5 for Web Designers, 2nd Edition" class="lede"/></a></p> <p><span class="drop">W</span>ELCOME to the <a href="https://web.archive.org/web/20160330020426/https://abookapart.com/products/html5-for-web-designers">second edition of <em>HTML5 for Web Designers</em></a>, the book that launched a thousand sites—or apps, if you prefer. It is also the book whose first edition launched our little craft <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/">publishing house</a>. And its new edition comes to you when it is needed most, on a web riven by conflicting visions.</p> <p>For some folks, the web today is what it has always been: namely, the most accessible medium ever devised for sharing content. For others, including the heads of powerful tech companies, the web is a platform for building JavaScript-powered applications whose purpose is to disrupt every industry on earth, chiefly for the benefit of investors.</p> <p>Adherents of both camps are equally passionate—and both swear by HTML5, which was designed to create both kinds of web. HTML5 has given us a web both more powerful and more divided. </p> <p>So much has changed over the past five years, it’s hard to remember that many businesses were still betting on Flash as recently as 2009, and still building sites and applications exclusively for the desktop browser. Then, in 2010, Steve Jobs famously declared that his iPhone would not support Flash. Flash was dead, Steve said. HTML5 was the future. A hundred thousand designers, developers, and site owners suddenly asked themselves, <em>“HTML wha—?”</em> The next day, our little book came out, which was good timing for sales, but even better for the industry. And there are still no better guides to the new markup language than <a href="https://web.archive.org/web/20160330020426/https://medium.com/@adactio">Jeremy Keith</a> and <a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/">Rachel Andrew</a>.</p> <p>In this book, you will learn what HTML5 is, why it came to be, and how to use it to create sites and applications as powerful as anything you can imagine. Forms, elements, semantics, scripting? It’s all here, guided by a set of principles as straightforward as they are noble—principles that deliver sophisticated web interactivity while remaining true to Tim Berners-Lee’s twenty-five-year-old vision of an open, accessible web that works for all. This book spells out a philosophy that will deepen not only the usability of your projects, but their humanism as well.</p> <p>HTML5 for Web Designers is a book about HTML like Elements of Style is a book about commas. It’s a book founded on solid design principles, and forged at the cutting edge of twenty-first century multidevice design and development. Jeremy Keith and Rachel Andrew never, for one second, forget what moment of web design history we are in, and how much depends upon our ever bearing in mind not only our users in the wealthiest countries, but also the least of these. I know, admire, and continually learn from the depths of the authors’ belief in humanity and HTML. <a href="https://web.archive.org/web/20160330020426/https://abookapart.com/products/html5-for-web-designers">You will, too</a>. </p> <p><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/jz-sig.gif" alt="Jeffrey Zeldman signature" width="408" height="248" class="softinset" style="clear: all;"/>Jeffrey Zeldman<br/> Publisher<br/> A Book Apart<br/> February 17, 2016</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/a-book-apart/" rel="category tag">A Book Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/html5/" rel="category tag">HTML5</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/publications/" rel="category tag">Publications</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/publishers-note/" rel="category tag">Publisher's Note</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/publishing/" rel="category tag">Publishing</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13963" class="post-13963 post type-post status-publish format-standard hentry category-architecture category-big-web-show category-information-architecture category-the-big-web-show"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/01/21/13963/" rel="bookmark"><time class="entry-date published" datetime="2016-01-21T12:58:30+00:00">21 January 2016</time></a></span> 12pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Big Web Show № 142: Information Architecture is Still Very Much a Thing, with Abby Covert</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/142"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/AetlMaOJ.jpeg" alt="Abby Covert" class="softinset"/></a><a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/142">Today’s Big Web Show</a> guest is Abby Covert, Information Architect; curator of IA Summit; co-founder of World IA Day; president of IA Institute; teacher in the Products of Design MFA program at New York’s School of Visual Arts; and author of <em>How To Make Sense of Any Mess</em>, a “brilliant introduction to information architecture” (Peter Morville) that is frequently purchased at Amazon with <em>Don’t Make Me Think</em> and <em>The Design of Everyday Things</em>, the two classics of usable design.</p> <p>Discussed: why IA matters now more than ever, the difference between IA and content strategy (IA is building the vehicle, CS is putting fueling it and making sure it won’t run out of gas), writing and designing a book, building agreement among stakeholders, “not having opinions, not having ideas of one’s own,” IA’s origins in language and structure, the fun of the IA Summit, the creation and growth of World IA Day, the joy of teaching, and more.</p> <p>Enjoy Episode № 142 of The Big Web Show: <a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/142">Information Architecture is Still Very Much a Thing, with Abby Covert</a>.</p> <h3>URLs</h3> <p><a href="https://web.archive.org/web/20160330020426/http://abbytheia.com/">http://abbytheia.com</a><br/> <a href="https://web.archive.org/web/20160330020426/https://twitter.com/abby_the_ia">https://twitter.com/abby_the_ia</a><br/> <a href="https://web.archive.org/web/20160330020426/https://twitter.com/IAinstitute">https://twitter.com/IAinstitute</a><br/> <a href="https://web.archive.org/web/20160330020426/http://worldiaday.org/">http://worldiaday.org</a><br/> <a href="https://web.archive.org/web/20160330020426/https://twitter.com/SVAPOD">https://twitter.com/SVAPOD</a><br/> <a href="https://web.archive.org/web/20160330020426/http://www.howtomakesenseofanymess.com/">http://www.howtomakesenseofanymess.com</a><br/> <a href="https://web.archive.org/web/20160330020426/http://www.amazon.com/How-Make-Sense-Any-Mess/dp/1500615994/">http://www.amazon.com/How-Make-Sense-Any-Mess/dp/1500615994/</a><br/> <a href="https://web.archive.org/web/20160330020426/http://www.merriam-webster.com/dictionary/retronym">http://www.merriam-webster.com/dictionary/retronym</a></p> <p><em>Sponsored by <a href="https://web.archive.org/web/20160330020426/http://alistapart.com/">A List Apart</a></em></p> <p>The award winning <a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow">Big Web Show</a> features special guests and topics like web publishing, art direction, content strategy, typography, web technology, and more. It’s everything web that matters.</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/architecture/" rel="category tag">architecture</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/big-web-show/" rel="category tag">Big Web Show</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/information-architecture/" rel="category tag">Information architecture</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/the-big-web-show/" rel="category tag">The Big Web Show</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13966" class="post-13966 post type-post status-publish format-standard hentry category-a-space-apart category-design category-industry category-mentoring category-nyc category-web-design category-zeldman"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/01/21/sharing-is-caring-the-shopify-partner-studio-program/" rel="bookmark"><time class="entry-date published" datetime="2016-01-21T12:43:30+00:00">21 January 2016</time><time class="updated" datetime="2016-01-21T12:46:26+00:00">21 January 2016</time></a></span> 12pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Sharing is Caring: the Shopify Partner Studio Program</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/https://www.shopify.com/partners/partner-studio?utm_source=Zeldman's%20Blog&utm_medium=backlink&utm_campaign=Partner%20Studio"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/NYC-Photo.jpg" alt="NYC Photo" width="1440" height="800" class="alignnone size-full wp-image-13971" srcset="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/NYC-Photo-768x427.jpg 768w, https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/NYC-Photo.jpg 1440w" sizes="(max-width: 1440px) 100vw, 1440px"/></a></p> <p>THE INTERNET, as we all know, makes it possible to work from anywhere. Back in 1999, I started Happy Cog studio from a desk in my bedroom. I shouldn’t even call it a desk. It was a door on top of two filing cabinets. But that, a Mac, and an internet connection were enough to launch my web design business. </p> <p>But creative people thrive by <a href="https://web.archive.org/web/20160330020426/https://hbr.org/2015/05/why-people-thrive-in-coworking-spaces">rubbing shoulders</a> with other creative people, which is why I opened a studio as soon as the business I was doing justified the expense.</p> <p>It’s no secret that coworking spaces have exploded in the past five to ten years, and the communal setting they offer helps freelancers, remote workers, and other independent professionals work better and more happily. But, as good as coworking spaces are, I believe designers and developers do even better in a shared studio where the same talented folks come in day after day, sitting at the same desks every day. That’s why I opened A Space Apart in 2012, and it’s why I’m delighted to open my studio to the <a href="https://web.archive.org/web/20160330020426/https://www.shopify.com/partners/partner-studio?utm_source=Zeldman's%20Blog&utm_medium=backlink&utm_campaign=Partner%20Studio">Shopify Partner Studio Program</a>.</p> <p>If you’re a qualifying designer or developer just starting your career, we want you here. Besides rubbing shoulders with each other, and with some of the smartest designers and developers I know, you’ll gain mentorship experience from Shopify execs, web design/development industry icons, and me. (Never fear, I’ll learn more from you than you will from me.)</p> <p>So kickstart your freelance business with free office space and mentorship from Shopify and me. If you haven’t already done so, <a href="https://web.archive.org/web/20160330020426/https://www.shopify.com/partners/partner-studio?utm_source=Zeldman's%20Blog&utm_medium=backlink&utm_campaign=Partner%20Studio">apply now</a>!</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/a-space-apart/" rel="category tag">A Space Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/industry/" rel="category tag">industry</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/mentoring/" rel="category tag">Mentoring</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/nyc/" rel="category tag">NYC</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design/" rel="category tag">Web Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/zeldman/" rel="category tag">Zeldman</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13942" class="post-13942 post type-post status-publish format-standard hentry category-a-book-apart category-a-list-apart category-advocacy category-aneventapart category-best-practices category-big-web-show category-browsers category-chrome category-code category-css category-css-grid-layout category-css3 category-design category-html category-layout category-standards category-state-of-the-web category-the-big-web-show category-web-design category-web-design-history category-web-standards tag-css tag-css-grid-layout"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/01/11/cssgrid/" rel="bookmark"><time class="entry-date published" datetime="2016-01-11T17:08:34+00:00">11 January 2016</time></a></span> 5pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">CSS Grid Layout with Rachel Andrew: Big Web Show</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/141"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/rach.jpg" alt="Rachel Andrew" class="lede"/></a></p> <p>RACHEL ANDREW—longtime web developer and web standards champion, co-founder of the Perch CMS, and author of <em>Get Ready For CSS Grid Layout</em>—is my guest on <a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/141">today’s Big Web Show</a>. We discuss working with CSS Grid Layout, how Grid enables designers to “do something different” with web layout, why designers need to start experimenting with Grid Layout now, how front-end design has morphed into an engineering discipline, learning HTML and CSS versus learning frameworks, and the magic of David Bowie, RIP.</p> <p>Enjoy <a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow/141">Episode № 141</a> of The Big Web Show.</p> <ul> <li><a href="https://web.archive.org/web/20160330020426/http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=370445683&partnerId=30&siteID=GfpxbBXXpXE-y3gfJGyOQcSr2tOpkzD12A">Subscribe via iTunes</a>.</li> <li><a href="https://web.archive.org/web/20160330020426/http://feeds.5by5.tv/bigwebshow">Subscribe via RSS</a></li> </ul> <p><em>Sponsored by <a href="https://web.archive.org/web/20160330020426/http://alistapart.com/"><em>A List Apart</em></a> and <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/">An Event Apart</a>.</em></p> <h3>URLs</h3> <p><a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/">rachelandrew.co.uk</a><br/> <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/products/get-ready-for-css-grid-layout"><em>Get Ready for CSS Grid Layout</em></a><br/> <a href="https://web.archive.org/web/20160330020426/https://grabaperch.com/">Perch CMS</a><br/> <a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/writing">Writing by Rachel Andrew</a><br/> <a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/books">Books by Rachel Andrew</a><br/> <a href="https://web.archive.org/web/20160330020426/https://twitter.com/rachelandrew">@rachelandrew</a></p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/a-book-apart/" rel="category tag">A Book Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/a-list-apart/" rel="category tag">A List Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/advocacy/" rel="category tag">Advocacy</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/aneventapart/" rel="category tag">An Event Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/best-practices/" rel="category tag">Best practices</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/big-web-show/" rel="category tag">Big Web Show</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/browsers/" rel="category tag">Browsers</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/chrome/" rel="category tag">chrome</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/code/" rel="category tag">Code</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css/" rel="category tag">CSS</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css-grid-layout/" rel="category tag">CSS Grid Layout</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css3/" rel="category tag">CSS3</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/html/" rel="category tag">HTML</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/layout/" rel="category tag">Layout</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/standards/" rel="category tag">Standards</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/state-of-the-web/" rel="category tag">State of the Web</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/the-big-web-show/" rel="category tag">The Big Web Show</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design/" rel="category tag">Web Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design-history/" rel="category tag">Web Design History</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-standards/" rel="category tag">Web Standards</a> </span> <span class="tags-links"> Tagged <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/tag/css/" rel="tag">CSS</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/tag/css-grid-layout/" rel="tag">CSS Grid Layout</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13924" class="post-13924 post type-post status-publish format-standard hentry category-a-book-apart category-announcements category-business category-css category-css3 category-design category-designers"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/01/07/here-come-a-book-apart-briefs/" rel="bookmark"><time class="entry-date published" datetime="2016-01-07T09:38:45+00:00">7 January 2016</time></a></span> 9am America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">A Book Apart Briefs!</h1> </header><!-- .entry-header --> <div class="entry-content"> <p><a href="https://web.archive.org/web/20160330020426/http://abookapart.com/blogs/press/99521671-introducing-briefs"><img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/ABA-briefs-12.png" alt="Introducing A Book Apart Briefs–even briefer books for people who make websites." class="lede"/></a></p> <p>FROM THOSE WONDERFUL people who brought you <em>Responsive Web Design</em>, <em>Design Is A Job</em>, <em>Mobile First</em>, plus thirteen additional instant classics of web design and development, here come <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/blogs/press/99521671-introducing-briefs">A Book Apart <strong>Briefs</strong></a>: <em>even briefer</em> books for people who make websites. Starting with the immediately useful and illuminating <em><a href="https://web.archive.org/web/20160330020426/http://abookapart.com/products/get-ready-for-css-grid-layout">Get Ready For CSS Grid Layout</a></em> by Rachel Andrew (foreword by Eric Meyer), and <em><a href="https://web.archive.org/web/20160330020426/http://abookapart.com/products/pricing-design">Pricing Design</a></em> by Dan Mall (foreword by Mike Monteiro). </p> <p>Web design is about multi-disciplinary mastery and laser focus, so we created <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/">A Book Apart</a> to cover the emerging and essential topics in web design and development with style, clarity, and, above all, brevity. Every title in our catalog sheds clear light on a tricky subject, and <em>fast</em>, so you can get back to work.</p> <p>With sixteen classics under our belt, and buoyed by your support over the years, today we take that mission one step further with our new, ebook-only guides to essential fundamentals, of-the-moment techniques, and deep nerdery. </p> <p>As A Book Apart co-founder and publisher, it actually <em>thrills</em> me to bring you <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/products/pricing-design">the pricing guide</a> our business has needed since forever, by Superfriends founder <a href="https://web.archive.org/web/20160330020426/http://www.danielmall.com/">Dan Mall</a>; and the easily understandable guide to the <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/products/get-ready-for-css-grid-layout">next generation of CSS layout</a>, by the super-talented and incredibly brilliant Perch co-founder <a href="https://web.archive.org/web/20160330020426/https://rachelandrew.co.uk/">Rachel Andrew</a>. </p> <p>There are no better writer/designers to present these topics. And there are no needless words to waste your time, because these are <a href="https://web.archive.org/web/20160330020426/http://abookapart.com/blogs/press/99521671-introducing-briefs">A Book Apart Briefs</a>: <em>same great writing, even more brief</em>.</p> <p>Dig in! </p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/a-book-apart/" rel="category tag">A Book Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/announcements/" rel="category tag">Announcements</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/business/" rel="category tag">business</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css/" rel="category tag">CSS</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css3/" rel="category tag">CSS3</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/designers/" rel="category tag">Designers</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <article id="post-13913" class="post-13913 post type-post status-publish format-standard hentry category-authoring category-best-practices category-compatibility category-content-first category-contentfirst category-css category-css3 category-design category-ethan-marcotte category-html category-html5 category-jeremy-keith category-links category-standards category-state-of-the-web category-told-you-so category-web-design category-web-design-history category-web-standards"> <header class="entry-header"> <div class="entry-meta"> <span class="posted-on"><a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/2016/01/05/13913/" rel="bookmark"><time class="entry-date published" datetime="2016-01-05T15:09:56+00:00">5 January 2016</time><time class="updated" datetime="2016-01-05T15:16:51+00:00">5 January 2016</time></a></span> 3pm America/New_York </div><!-- .entry-meta --> <h1 class="entry-title">Of Patterns and Power: Web Standards Then & Now</h1> </header><!-- .entry-header --> <div class="entry-content"> <img src="https://web.archive.org/web/20160330020426im_/http://www.zeldman.com/wp-content/themes/zeldman/images/default.svg" class="lede" alt=""/><p>IN “<a href="https://web.archive.org/web/20160330020426/http://danielmall.com/articles/content-display-patterns/">CONTENT Display Patterns</a>” (which all front-end folk should read), Dan Mall points to a truth not unlike the one <a href="https://web.archive.org/web/20160330020426/https://24ways.org/2015/putting-my-patterns-through-their-paces/">Ethan Marcotte shared last month</a> on <em>24 ways</em>. It is a truth as old as standards-based design: Construct your markup to properly support your content (not your design). </p> <p>Modular/<a href="https://web.archive.org/web/20160330020426/http://bradfrost.com/blog/post/atomic-web-design/">atomic design</a> doesn’t change this truth, it just reinforces its wisdom. <a href="https://web.archive.org/web/20160330020426/https://css-tricks.com/snippets/css/a-guide-to-flexbox/">Flexbox</a> and <a href="https://web.archive.org/web/20160330020426/https://css-tricks.com/snippets/css/complete-guide-grid/">grid layout</a> don’t change this truth, they just make it easier to do it better. <a href="https://web.archive.org/web/20160330020426/http://html5forwebdesigners.com/design/index.html">HTML5</a> doesn’t change this truth, it just reminds us that the separation of structure from style came into existence for a reason. A reason that hasn’t changed. A reason that cannot change, because it is the core truth of the web, and is inextricably bound up with the promise of this medium.</p> <p>Separating structure from style and behavior was the web standards movement’s prime revelation, and each generation of web designers discovers it anew. This separation is what makes our content as backward-compatible as it is forward-compatible (or “<a href="https://web.archive.org/web/20160330020426/http://futurefriendlyweb.com/">future-friendly</a>,” if you prefer). It’s the key to re-use. The key to accessibility. The key to the new kinds of CMS systems we’re just beginning to dream up. It’s what makes our content as accessible to an ancient device as it will be to an unimagined future one. </p> <p>Every time a leader in our field discovers, as if for the first time, the genius of this separation between style, presentation, and behavior, she is validating the brilliance of web forbears like <a href="https://web.archive.org/web/20160330020426/https://en.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a>, <a href="https://web.archive.org/web/20160330020426/https://en.wikipedia.org/wiki/Håkon_Wium_Lie">Håkon Wium Lie</a>, and <a href="https://web.archive.org/web/20160330020426/https://en.wikipedia.org/wiki/Bert_Bos">Bert Bos</a>. </p> <p>Every time a Dan or an Ethan (or a <a href="https://web.archive.org/web/20160330020426/https://sarasoueidan.com/">Sara</a> or a <a href="https://web.archive.org/web/20160330020426/http://lea.verou.me/">Lea</a>) writes a beautiful and insightful article like the two cited above, they are telling new web designers, and reminding experienced ones, that this separation of powers matters.</p> <p>And they are plunging a stake into the increasingly slippery ground beneath us.</p> <p>Why is it slippery? Because too many developers and designers in our amnesiac community have begun to believe and share bad ideas—ideas, like CSS isn’t needed, HTML isn’t needed, <a href="https://web.archive.org/web/20160330020426/http://alistapart.com/article/understandingprogressiveenhancement">progressive enhancement</a> is old-fashioned and unnecessary, and so on. Ideas that, if followed, will turn the web back what it was becoming in the late 1990s: a wasteland of walled gardens that said no to more people than they welcomed. Let that never be so. We have the power.</p> <p>As <a href="https://web.archive.org/web/20160330020426/https://en.wikipedia.org/wiki/Maimonides">Maimonides</a>, were he alive today, would tell us: he who excludes a single user destroys a universe. Web standards now and forever.</p> </div><!-- .entry-content --> <footer class="entry-meta"> <span class="cat-links"> Filed under: <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/authoring/" rel="category tag">Authoring</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/best-practices/" rel="category tag">Best practices</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/compatibility/" rel="category tag">Compatibility</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/content-first/" rel="category tag">Content First</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/contentfirst/" rel="category tag">Content-First</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css/" rel="category tag">CSS</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/css3/" rel="category tag">CSS3</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/design/" rel="category tag">Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/ethan-marcotte/" rel="category tag">Ethan Marcotte</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/html/" rel="category tag">HTML</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/html5/" rel="category tag">HTML5</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/jeremy-keith/" rel="category tag">Jeremy Keith</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/links/" rel="category tag">links</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/standards/" rel="category tag">Standards</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/state-of-the-web/" rel="category tag">State of the Web</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/told-you-so/" rel="category tag">Told you so</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design/" rel="category tag">Web Design</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-design-history/" rel="category tag">Web Design History</a>, <a href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/category/web-standards/" rel="category tag">Web Standards</a> </span> </footer><!-- .entry-meta --> </article><!-- #post-## --> <nav class="navigation paging-navigation" role="navigation"> <h1 class="screen-reader-text">Posts navigation</h1> <div class="pagination loop-pagination"> <span class="page-numbers current">1</span> <a class="page-numbers" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/page/2/">2</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/page/146/">146</a> <a class="next page-numbers" href="https://web.archive.org/web/20160330020426/http://www.zeldman.com/page/2/">Next →</a> </div><!-- .pagination --> </nav><!-- .navigation --> </main><!-- #main --> </div><!-- #primary --> </div><!-- #content --> <footer class="site-footer" role="contentinfo"> <div id="sidebar" class="sidebar-bottom"> <div id="primary" class="tout1 widget-area" role="complementary"> <aside id="text-3" class="widget widget_text"><h2 class="widget-title">Best Ad Ever</h2> <div class="textwidget"><script type="text/javascript"> //<![CDATA[ (function(id) { document.write('<script type="text/javascript" src="' + 'https://web.archive.org/web/20160330020426/http://connect.decknetwork.net/deck' + id + '_js.php?' + (new Date().getTime()) + '"></' + 'script>'); })("JZ"); //]]> </script></div> </aside></div> <div id="secondary" class="tout2 widget-area" role="complementary"> <aside id="text-4" class="widget widget_text"><h2 class="widget-title">We Work Remotely</h2> <div class="textwidget"><script data-rocketsrc="https://weworkremotely.com/jobs/random.js" type="text/rocketscript" data-rocketoptimized="true"></script><div class="job"> <a href="https://web.archive.org/web/20160330020426/https://weworkremotely.com/jobs/972">Quimbee is looking for a Senior Ruby on Rails Developer.</a> </div> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/https://weworkremotely.com/jobs/random.js"></script> <p class="monitor">More jobs on <a href="https://web.archive.org/web/20160330020426/http://weworkremotely.com/?source=zeldman">We Work Remotely</a>.</p> </div> </aside></div> </div> <section id="colophon"> <aside id="text-6" class="widget widget_text"> <div class="textwidget"><p class="credits"> © 1995–2016 <a href="/web/20160330020426/http://www.zeldman.com/about/">L. Jeffrey Zeldman</a>. Made in NYC. <a href="/web/20160330020426/http://www.zeldman.com/about/">About</a> the author and this website. <a href="https://web.archive.org/web/20160330020426/http://lanyrd.com/profile/zeldman/">See me</a> speak. <a href="/web/20160330020426/http://www.zeldman.com/subscribe/">Subscribe</a>. “Jeffrey Zeldman Presents The Daily Report” is a registered periodical: ISSN #1534-0309. ¶ Learn: <a href="https://web.archive.org/web/20160330020426/http://www.alistapart.com/">A List Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://www.abookapart.com/">A Book Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://aneventapart.com/">An Event Apart</a>, <a href="https://web.archive.org/web/20160330020426/http://5by5.tv/bigwebshow">Big Web Show</a>. ¶ Hire: <a href="https://web.archive.org/web/20160330020426/http://happycog.com/">Happy Cog</a>. ¶ Touch me on: <a href="https://web.archive.org/web/20160330020426/https://twitter.com/zeldman">Twitter (@zeldman)</a>, <a href="https://web.archive.org/web/20160330020426/http://www.facebook.com/jzeldman">Facebook</a>, <a href="https://web.archive.org/web/20160330020426/http://www.flickr.com/photos/zeldman/">Flickr</a>, <a href="https://web.archive.org/web/20160330020426/https://foursquare.com/zeldman">Foursquare</a>, <a href="https://web.archive.org/web/20160330020426/https://plus.google.com/u/1/114664307180734299077/?rel=author">Google</a>, <a href="https://web.archive.org/web/20160330020426/http://instagram.com/zeldman">Instagram</a>, <a href="https://web.archive.org/web/20160330020426/http://www.pinterest.com/zeldman/">Pinterest</a>, <a href="https://web.archive.org/web/20160330020426/https://play.spotify.com/user/1257457661">Spotify</a>, <a href="https://web.archive.org/web/20160330020426/http://www.last.fm/user/zeldman">last.fm</a>, <a href="https://web.archive.org/web/20160330020426/https://vimeo.com/zeldman">Vimeo</a>. ¶ Enjoy free classic book, “<a href="https://web.archive.org/web/20160330020426/http://takingyourtalenttotheweb.com/">Taking Your Talent To The Web</a>.” ¶ ITC Franklin Condensed by <a href="https://web.archive.org/web/20160330020426/http://www.webtype.com/">Webtype</a>. ¶ Sublime, ridiculously fast hosting by <a href="https://web.archive.org/web/20160330020426/https://www.arcustech.com/">Arcustech</a>. </p></div> </aside> </section> </footer><!-- #colophon --> </div><!-- #page --> <div style="display:none"> </div> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-content/plugins/jetpack/modules/shortcodes/js/jquery.cycle.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript"> /* <![CDATA[ */ var jetpackSlideshowSettings = {"spinner":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com\/wp-content\/plugins\/jetpack\/modules\/shortcodes\/img\/slideshow-loader.gif"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-content/plugins/jetpack/modules/shortcodes/js/slideshow-shortcode.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=30a0191e5ad1231437a9de7ace7c8ae7-2014.06.20"></script> <script type="text/javascript"> /* <![CDATA[ */ var _wpcf7 = {"loaderUrl":"https:\/\/web.archive.org\/web\/20160330020426\/http:\/\/www.zeldman.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptchaEmpty":"Please verify that you are not a robot.","sending":"Sending ..."}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://s.gravatar.com/js/gprofiles.js?ver=30a0191e5ad1231437a9de7ace7c8ae7Maraa"></script> <script type="text/javascript"> /* <![CDATA[ */ var WPGroHo = {"my_hash":""}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-content/plugins/jetpack/modules/wpgroho.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://www.zeldman.com/wp-includes/js/wp-embed.min.js?ver=30a0191e5ad1231437a9de7ace7c8ae7"></script> <script type="text/javascript" src="https://web.archive.org/web/20160330020426js_/http://stats.wp.com/e-201613.js" async defer></script> <script type="text/javascript"> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:3.9.4',blog:'1178115',post:'0',tz:'-4',srv:'www.zeldman.com'} ]); _stq.push([ 'clickTrackerInit', '1178115', '0' ]); </script> </body> </html> <!-- FILE ARCHIVED ON 02:04:26 Mar 30, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:19:19 Dec 04, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.681 exclusion.robots: 0.036 exclusion.robots.policy: 0.026 esindex: 0.009 cdx.remote: 5.525 LoadShardBlock: 221.276 (6) PetaboxLoader3.datanode: 202.35 (7) PetaboxLoader3.resolve: 126.672 (2) load_resource: 163.07 -->