<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Web Advent 2012</title>
<meta name="description" content="" />
<meta name="rating" content="general" />
<meta name="robots" content="all, index, follow" />

<link rel="shortcut icon" type="image/ico" href="/i/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="/c/master.css" />
<link rel="stylesheet" type="text/css" media="print" href="/c/print.css" />
<!--[if lte IE 7]>
<link type="text/css" media="screen" rel="stylesheet" href="/c/lte-ie7.css" />
<![endif]-->
</head>

<body>

<div class="wrap">

<div class="header">
<h1><a href="/" title="Go home">WEB <span>Advent</span> 2012</a></h1>

</div>
<div class="content">

<div class="blurb">
<h2>Introduction</h2>

<p><span>C</span>hristmas is upon us once again, and it&#8217;s time to have a look at what&#8217;s under the Web Advent tree. Join us each day as our wonderful authors provide presents of tips, tricks, &amp; tidbits to usher in the new year. <a href="http://en.wikipedia.org/wiki/Mele_Kalikimaka">Mele Kalikimaka</a>!</p>
<ul>

<li>Seasons: <a href="http://shiflett.org/blog/2007/dec">2007</a>, <a href="/2008">2008</a>, <a href="/2009">2009</a>, <a href="/2010">2010</a>, <a href="/2011">2011</a>, <a href="/">2012</a></li>
</ul>
</div>
<ol class="index">


<li>
<h2><strong>24<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/be-lazy-by-kitt-hodsden">Be Lazy</a></em> by <img src="/i/kitt-hodsden-48.jpg" alt="Kitt Hodsden" /> <a href="http://ki.tt/">Kitt Hodsden</a></h2>
<p>The other day, I went to help a co-worker set up his laptop. When teaching new topics, I&#8217;m a big fan of active participation&#8230;</p>
</li>
<li>
<h2><strong>23<sup>rd</sup><span> Dec:</span></strong> <em><a href="/2012/the-long-view-by-lachlan-hardy">The Long View</a></em> by <img src="/i/lachlan-hardy-48.jpg" alt="Lachlan Hardy" /> <a href="http://lachstock.com.au/">Lachlan Hardy</a></h2>
<p>We who work on the Web, as Noah Stokes wrote in an earlier article, have a privileged opportunity to create things that&#8230;</p>
</li>
<li>
<h2><strong>22<sup>nd</sup><span> Dec:</span></strong> <em><a href="/2012/get-a-little-uncomfortable-by-laura-beth-denker">Get a Little Uncomfortable</a></em> by <img src="/i/laura-beth-denker-48.jpg" alt="Laura Beth Denker" /> <a href="http://elblinkin.info/">Laura Beth Denker</a></h2>
<p>It must be a small world after all. Walking through a neighborhood, that I neither live in or work in&#8230;</p>
</li>
<li>
<h2><strong>21<sup>st</sup><span> Dec:</span></strong> <em><a href="/2012/css-sliding-panels-by-bedrich-rios">CSS Sliding Panels</a></em> by <img src="/i/bedrich-rios-48.jpg" alt="Bedrich Rios" /> <a href="http://bedrichrios.com/">Bedrich Rios</a></h2>
<p>I&#8217;m here to show you how to create <em>sliding panels</em> using CSS and a class name toggle. Why use sliding panels&#8230;</p>
</li>
<li>
<h2><strong>20<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/take-time-to-make-time-by-jeff-loiselle">Take Time to Make Time</a></em> by <img src="/i/jeff-loiselle-48.jpg" alt="Jeff Loiselle" /> <a href="http://jeff.loiselles.com/">Jeff Loiselle</a></h2>
<p>I&#8217;m busy. I&#8217;m an American living in the twenty-first century in the Northeast. You can go read the statistics&#8230;</p>
</li>
<li>
<h2><strong>19<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/the-three-ugly-sisters-by-pádraic-brady">The Three Ugly Sisters</a></em> by <img src="/i/padraic-brady-48.jpg" alt="Pádraic Brady" /> <a href="http://blog.astrumfutura.com/">Pádraic Brady</a></h2>
<p>The Three Ugly Sisters are three classes of attacks which I&#8217;ve tried to highlight in 2012. You might also know them as&#8230;</p>
</li>
<li>
<h2><strong>18<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/node-js-with-express-js-in-business-by-andreas-birkebæk">Node.js with Express.js in Business</a></em> by <img src="/i/andreas-birkebaek-48.jpg" alt="Andreas Birkebæk" /> <a href="http://andreasbirkebaek.com/ ">Andreas Birkebæk</a></h2>
<p>The fundamental processes behind business and software development are very different&#8230;</p>
</li>
<li>
<h2><strong>17<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/retina-ready-by-jackie-balzer">Retina Ready</a></em> by <img src="/i/jackie-balzer-48.jpg" alt="Jackie Balzer" /> <a href="http://jackiebalzer.com/">Jackie Balzer</a></h2>
<p>When you get your shiny new retina device this holiday season, will the Internet be ready for you to see all its content in twice the&#8230;</p>
</li>
<li>
<h2><strong>16<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/security-in-the-round-by-chris-cornutt">Security in the Round</a></em> by <img src="/i/chris-cornutt-48.jpg" alt="Chris Cornutt" /> <a href="http://blog.phpdeveloper.org/">Chris Cornutt</a></h2>
<p>As a developer, I know it&#8217;s easy to get tunnel vision when it comes to security. You look through the lines of code in your&#8230;</p>
</li>
<li>
<h2><strong>15<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/more-than-a-dot-by-james-duncan">More Than a Dot</a></em> by <img src="/i/james-duncan-48.jpg" alt="James Duncan" /> <a href="http://inktank.com/">James Duncan</a></h2>
<p>No one knows if it was a man, or a woman, or a child that first did it, but we do know that about 40,000 years ago&#8230;</p>
</li>
<li>
<h2><strong>14<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/persistent-terminal-sessions-by-remy-sharp">Persistent Terminal Sessions</a></em> by <img src="/i/remy-sharp-48.jpg" alt="Remy Sharp" /> <a href="http://remysharp.com/">Remy Sharp</a></h2>
<p>Have you ever had a remote terminal session running, only to have your connection drop out half way through a&#8230;</p>
</li>
<li>
<h2><strong>13<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/continuous-deployment-practices-by-laura-thomson">Continuous Deployment Practices</a></em> by <img src="/i/laura-thomson-48.jpg" alt="Laura Thomson" /> <a href="http://laurathomson.com/">Laura Thomson</a></h2>
<p>I may be a pedant, but I&#8217;m here to tell you continuous deployment is a total misnomer. It&#8217;s&#8230;</p>
</li>
<li>
<h2><strong>12<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/light-it-up-with-markup-by-patrick-haney">Light It Up with Markup</a></em> by <img src="/i/patrick-haney-48.jpg" alt="Patrick Haney" /> <a href="http://hanerino.com/">Patrick Haney</a></h2>
<p>When I started designing for the Web years ago, before the dot-com bubble burst, the term interaction design&#8230;</p>
</li>
<li>
<h2><strong>11<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/landing-on-your-feet-by-emily-davis">Landing on Your Feet</a></em> by <img src="/i/emily-davis-48.jpg" alt="Emily Davis" /> <a href="http://emilydavis.com/">Emily Davis</a></h2>
<p>I recently served as an instructor for an online course teaching the fundamentals of the Web. Before class started, we&#8230;</p>
</li>
<li>
<h2><strong>10<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/more-code-more-problems-by-ed-finkler">More Code, More Problems</a></em> by <img src="/i/ed-finkler-48.jpg" alt="Ed Finkler" /> <a href="http://funkatron.com/">Ed Finkler</a></h2>
<p>About a year ago, I wrote out some principles for web programming in PHP. I called it the MicroPHP Manifesto&#8230;</p>
</li>
<li>
<h2><strong>9<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/dealing-with-email-image-blocking-by-chesley-andrews">Dealing with Email Image Blocking</a></em> by <img src="/i/chesley-andrews-48.jpg" alt="Chesley Andrews" /> <a href="http://dossierstudio.com/">Chesley Andrews</a></h2>
<p>You probably get a lot of email and even more newsletters. My HTML email newsletters are all&#8230;</p>
</li>
<li>
<h2><strong>8<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/make-a-difference-by-noah-stokes">Make a Difference</a></em> by <img src="/i/noah-stokes-48.jpg" alt="Noah Stokes" /> <a href="http://noahstokes.com/">Noah Stokes</a></h2>
<p>I remember that particular day, driving home from my job at Apple Computer, talking to a friend on a cell phone&#8230;</p>
</li>
<li>
<h2><strong>7<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/the-anti-spec-movement-is-going-too-far-by-tracy-osborn">The Anti-Spec Movement Is Going Too Far</a></em> by <img src="/i/tracy-osborn-48.jpg" alt="Tracy Osborn" /> <a href="http://limedaring.com/">Tracy Osborn</a></h2>
<p>As a designer, I have nothing against the anti-spec movement. Created in response to&#8230;</p>
</li>
<li>
<h2><strong>6<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/phantomjs-by-paul-reinheimer">PhantomJS</a></em> by <img src="/i/paul-reinheimer-48.jpg" alt="Paul Reinheimer" /> <a href="http://preinheimer.com/">Paul Reinheimer</a></h2>
<p>My, that&#8217;s a pretty web browser you&#8217;re using, concurrently making requests to various servers, interpreting and rendering the nearly&#8230;</p>
</li>
<li>
<h2><strong>5<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/ssh-tips-by-lorna-mitchell">SSH Tips</a></em> by <img src="/i/lorna-mitchell-48.jpg" alt="Lorna Mitchell" /> <a href="http://lornajane.net/">Lorna Mitchell</a></h2>
<p>SSH is a way to access remote servers via the command line. It is a really fabulous secure communications channel that you can&#8230;</p>
</li>
<li>
<h2><strong>4<sup>th</sup><span> Dec:</span></strong> <em><a href="/2012/better-forms-for-mobile-users-by-james-socol">Better Forms for Mobile Users</a></em> by <img src="/i/james-socol-48.jpg" alt="James Socol" /> <a href="http://coffeeonthekeyboard.com/ ">James Socol</a></h2>
<p>Mobile is a special, fun place to be a web developer. On one hand, pretty much all of the browsers are new&#8230;</p>
</li>
<li>
<h2><strong>3<sup>rd</sup><span> Dec:</span></strong> <em><a href="/2012/the-gift-of-sharing-what-you-know-by-heather-payne">The Gift of Sharing What You Know</a></em> by <img src="/i/heather-payne-48.jpg" alt="Heather Payne" /> <a href="http://heatherpayne.ca/">Heather Payne</a></h2>
<p>The first time I saw a line of code was probably mid-2009. I had just graduated from university&#8230;</p>
</li>
<li>
<h2><strong>2<sup>nd</sup><span> Dec:</span></strong> <em><a href="/2012/going-from-one-to-a-million-users-by-joël-perras">Going from One to a Million Users</a></em> by <img src="/i/joel-perras-48.jpg" alt="Joël Perras" /> <a href="http://nerderati.com/">Joël Perras</a></h2>
<p>Web development is a profession that has one of the lowest barriers to entry that I can think of. It requires&#8230;</p>
</li>
<li class="first">
<h2><strong>1<sup>st</sup><span> Dec:</span></strong> <em><a href="/2012/debugging-zen-by-ben-ramsey">Debugging Zen</a></em> by <img src="/i/ben-ramsey-48.jpg" alt="Ben Ramsey" /> <a href="http://benramsey.com/">Ben Ramsey</a></h2>
<p>Debugging is perhaps the skill that I find programmers have the hardest time exercising. It is also the most difficult to teach&#8230;</p>
</li>

</ol>

</div>
<div class="footer">
<h2>Footer</h2>

<p>Web Advent is curated by <span class="vcard"><a class="fn url" href="https://shiflett.org/" title="Chris Shiflett">Chris</a></span> <em>&#38;</em> <span class="vcard"><a class="fn url" href="https://seancoates.com/" title="Sean Coates">Sean</a></span>. <em>Thanks very much to all our authors!</em></p>
<p>Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 US License</a>.</p>
</div>

</div>
</body>

</html>
