<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (sunpig)</title>
    <link>https://pinboard.in/u:sunpig/public/</link>
    <description>recent bookmarks from sunpig</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://davidwalsh.name/essential-javascript-functions"/>
	<rdf:li rdf:resource="http://t3js.org/docs/"/>
	<rdf:li rdf:resource="http://blog.mgechev.com/2015/03/02/immutability-in-angularjs-immutablejs/"/>
	<rdf:li rdf:resource="http://simplyaccessible.com/article/spangular-accessibility/"/>
	<rdf:li rdf:resource="https://mockbin.com/"/>
	<rdf:li rdf:resource="http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/"/>
	<rdf:li rdf:resource="https://medium.com/the-javascript-collection/lets-write-fast-javascript-2b03c5575d9e"/>
	<rdf:li rdf:resource="http://blog.webperf.ninja/2015/find-third-party-assets/"/>
	<rdf:li rdf:resource="http://alistapart.com/article/quantity-queries-for-css"/>
	<rdf:li rdf:resource="http://www.2ality.com/2015/02/es6-iteration.html"/>
	<rdf:li rdf:resource="http://engineering.flipboard.com/2015/02/mobile-web/"/>
	<rdf:li rdf:resource="https://grack.com/blog/2015/01/11/css-selectors-4/"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html"/>
	<rdf:li rdf:resource="http://eng.rightscale.com/2014/11/18/front-end-deployment.html"/>
	<rdf:li rdf:resource="http://addyosmani.com/blog/checking-in-front-end-dependencies/"/>
	<rdf:li rdf:resource="http://4waisenkinder.de/blog/2013/12/22/how-to-measure-frontend-performance-with-phantomas-and-grunt/"/>
	<rdf:li rdf:resource="http://justbuildsomething.com/node-js-best-practices/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/"/>
	<rdf:li rdf:resource="http://css-tricks.com/mega-list-svg-information/"/>
	<rdf:li rdf:resource="http://teropa.info/build-your-own-angular"/>
	<rdf:li rdf:resource="https://github.com/nonimage/wordpress-with-git"/>
	<rdf:li rdf:resource="http://adodson.com/hello.js/#hellojs"/>
	<rdf:li rdf:resource="http://css-tricks.com/centering-css-complete-guide/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/"/>
	<rdf:li rdf:resource="https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06"/>
	<rdf:li rdf:resource="https://teamgaslight.com/blog/small-sips-of-gulp-dot-js-4-steps-to-reduce-complexity"/>
	<rdf:li rdf:resource="https://github.com/jensarps/AMD-feature"/>
	<rdf:li rdf:resource="https://dev.opera.com/articles/native-responsive-images/"/>
	<rdf:li rdf:resource="https://alexsexton.com/blog/2013/03/deploying-javascript-applications/"/>
	<rdf:li rdf:resource="http://csstriggers.com/"/>
	<rdf:li rdf:resource="http://blog.johnryding.com/post/78544969349/how-to-reconnect-web-sockets-in-a-realtime-web-app"/>
	<rdf:li rdf:resource="http://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824"/>
	<rdf:li rdf:resource="https://www.smore.com/clippy-js"/>
	<rdf:li rdf:resource="http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/"/>
	<rdf:li rdf:resource="http://browserify.org/"/>
	<rdf:li rdf:resource="http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/"/>
	<rdf:li rdf:resource="http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/"/>
	<rdf:li rdf:resource="http://css-tricks.com/html-for-icon-font-usage/"/>
	<rdf:li rdf:resource="http://gomakethings.com/icon-fonts/"/>
	<rdf:li rdf:resource="http://trentwalton.com/2012/05/04/icon-fonts/"/>
	<rdf:li rdf:resource="https://github.com/blog/1135-the-making-of-octicons"/>
	<rdf:li rdf:resource="http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/"/>
	<rdf:li rdf:resource="http://viljamis.com/blog/2012/file-upload-support-on-mobile/"/>
	<rdf:li rdf:resource="http://www.jankfree.com/"/>
	<rdf:li rdf:resource="http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx"/>
	<rdf:li rdf:resource="http://csswizardry.com/2012/11/code-smells-in-css/"/>
	<rdf:li rdf:resource="http://viljamis.com/blog/2012/responsive-workflow/"/>
	<rdf:li rdf:resource="http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/"/>
	<rdf:li rdf:resource="http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning"/>
	<rdf:li rdf:resource="http://www.impressivewebs.com/browser-usage-stats/"/>
	<rdf:li rdf:resource="http://blog.netvlies.nl/design-interactie/retina-revolution/"/>
	<rdf:li rdf:resource="http://singlepageappbook.com/index.html"/>
	<rdf:li rdf:resource="http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future"/>
	<rdf:li rdf:resource="http://www.slideshare.net/maxdesign/line-height"/>
	<rdf:li rdf:resource="http://joshemerson.co.uk/blog/using-svg-graphics-today/"/>
	<rdf:li rdf:resource="http://twostepmedia.co.uk/svgeezy/"/>
	<rdf:li rdf:resource="http://joshemerson.co.uk/blog/asset-fonts/"/>
	<rdf:li rdf:resource="http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/"/>
	<rdf:li rdf:resource="http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/mo-pixels-mo-problems/"/>
	<rdf:li rdf:resource="http://simurai.com/post/30451824480/media-query-splitting"/>
	<rdf:li rdf:resource="http://www.aaronlumsden.com/articles/7-html5-features-that-you-may-not-know-about/"/>
	<rdf:li rdf:resource="http://www.neglectedpotential.com/2012/09/ios6-network-link-conditioner/"/>
	<rdf:li rdf:resource="http://thomasst.ch/webinspector/"/>
	<rdf:li rdf:resource="http://engineeredweb.com/blog/understanding-how-jquery-creates-extra-jquery-objects/"/>
	<rdf:li rdf:resource="http://hslpicker.com/#00FF62"/>
	<rdf:li rdf:resource="http://hslpicker.com/#FFAE00"/>
	<rdf:li rdf:resource="http://net.tutsplus.com/tutorials/javascript-ajax/10-reasons-why-your-projects-should-use-the-dojo-toolkit/"/>
	<rdf:li rdf:resource="http://www.guypo.com/technical/http-pipelining-not-so-fast-nor-slow/"/>
	<rdf:li rdf:resource="http://ianstormtaylor.com/design-tip-never-use-black/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://davidwalsh.name/essential-javascript-functions">
    <title>7 Essential JavaScript Functions</title>
    <dc:date>2015-06-08T09:19:26+00:00</dc:date>
    <link>http://davidwalsh.name/essential-javascript-functions</link>
    <dc:creator>sunpig</dc:creator><dc:subject>debounce javascript js resources webdev poll once getabsoluteurl frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:6e02357b351d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:debounce"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:resources"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:poll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:once"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:getabsoluteurl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://t3js.org/docs/">
    <title>T3 JavaScript Framework - Welcome</title>
    <dc:date>2015-04-20T10:35:40+00:00</dc:date>
    <link>http://t3js.org/docs/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>javascript js t3 nicholaszakas box framework module service loose coupling frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:4c0d4c42bcf8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:t3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nicholaszakas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:box"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:module"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:service"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:loose"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:coupling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.mgechev.com/2015/03/02/immutability-in-angularjs-immutablejs/">
    <title>Boost the Performance of an AngularJS Application Using Immutable Data – Minko Gechev's blog</title>
    <dc:date>2015-04-15T17:33:48+00:00</dc:date>
    <link>http://blog.mgechev.com/2015/03/02/immutability-in-angularjs-immutablejs/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>angular js javascript frontend webdev perf immutable watcher collection map set list</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:951e85e80719/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:angular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:perf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:immutable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:watcher"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:collection"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:map"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:set"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:list"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://simplyaccessible.com/article/spangular-accessibility/">
    <title>Single page applications, Angular.js and accessibility » Simply Accessible</title>
    <dc:date>2015-04-13T08:25:37+00:00</dc:date>
    <link>http://simplyaccessible.com/article/spangular-accessibility/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>angular aria accessibility html webdev js javascript frontend a11y</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:c3023e37e4c7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:angular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:aria"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:a11y"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://mockbin.com/">
    <title>Mockbin by Mashape</title>
    <dc:date>2015-04-08T08:51:39+00:00</dc:date>
    <link>https://mockbin.com/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>api http tools mock fake response request webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:18dee08c320e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:api"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:http"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mock"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fake"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:response"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:request"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/">
    <title>A Baseline for Front-End [JS] Developers: 2015 - Adventures in JavaScript Development</title>
    <dc:date>2015-03-26T13:48:17+00:00</dc:date>
    <link>http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["It’s been almost three years since I wrote A Baseline for Front-End Developers, probably my most popular post ever. Three years later, I still get Twitter mentions from people who are discovering it for the first time.

"In some ways, my words have aged well: there is, shockingly, nothing from that 2012 post that has me hanging my head in shame. Still, though: three years is a long time, and a whole lot has changed. In 2012 I encouraged people to learn browser dev tools and get on the module bandwagon; CSS pre-processors and client-side templating were still worthy of mention as new-ish things that people might not be sold on; and JSHint was a welcome relief from the #getoffmylawn admonitions – accurate though they may have been – of JSLint."]]></description>
<dc:subject>javascript pocket bestpractices js rmurphey rebeccamurphey bocoup rooster frontend webdev baseline tools testing library module es</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:68badb54523f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pocket"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bestpractices"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rmurphey"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rebeccamurphey"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bocoup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rooster"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:baseline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:testing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:module"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:es"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/the-javascript-collection/lets-write-fast-javascript-2b03c5575d9e">
    <title>Let’s Write Fast JavaScript — The JavaScript Collection — Medium</title>
    <dc:date>2015-03-23T11:48:56+00:00</dc:date>
    <link>https://medium.com/the-javascript-collection/lets-write-fast-javascript-2b03c5575d9e</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["That’s it, seven tips and eleven benchmarks to help you write faster JavaScript. It’s not all about performance tricks, it’s about understanding how things work in JavaScript to take your programming skills a level further."]]></description>
<dc:subject>development javascript js performance webdev frontend perf</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:d957f1ad6670/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:perf"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.webperf.ninja/2015/find-third-party-assets/">
    <title>How to find the third-parties on your site | WebPerf Ninja</title>
    <dc:date>2015-03-20T13:00:36+00:00</dc:date>
    <link>http://blog.webperf.ninja/2015/find-third-party-assets/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["The request map runs a test in Chrome on public WebPageTest and uses the initiator, referer and redirect data to work out where every request comes from."]]></description>
<dc:subject>third party script js javascript frontend webdev webper performance http call</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:c18a84dbae3a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:third"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:party"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:script"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webper"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:http"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:call"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://alistapart.com/article/quantity-queries-for-css">
    <title>Quantity Queries for CSS · An A List Apart Article</title>
    <dc:date>2015-03-05T13:07:59+00:00</dc:date>
    <link>http://alistapart.com/article/quantity-queries-for-css</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css design selectors webdesign webdev frontend quantity ala alistapart heydonpickering</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f22b20adf84f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:selectors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:quantity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ala"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:alistapart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:heydonpickering"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.2ality.com/2015/02/es6-iteration.html">
    <title>Iterables and iterators in ECMAScript 6</title>
    <dc:date>2015-03-01T15:10:28+00:00</dc:date>
    <link>http://www.2ality.com/2015/02/es6-iteration.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>js javascript es6 iterator iterable code webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:04f4d7b578ed/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:es6"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iterator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iterable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://engineering.flipboard.com/2015/02/mobile-web/">
    <title>60fps on the mobile web — Flipboard Engineering</title>
    <dc:date>2015-02-11T10:31:39+00:00</dc:date>
    <link>http://engineering.flipboard.com/2015/02/mobile-web/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>animation canvas css javascript react frontend mobile web webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:1de8b1caf762/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:canvas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:react"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://grack.com/blog/2015/01/11/css-selectors-4/">
    <title>What's new in CSS Selectors 4 | grack</title>
    <dc:date>2015-01-15T14:34:10+00:00</dc:date>
    <link>https://grack.com/blog/2015/01/11/css-selectors-4/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css design selectors html webdev frontend level 4</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b5ee8013c0bf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:selectors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:level"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:4"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html">
    <title>The problem with Angular - QuirksBlog</title>
    <dc:date>2015-01-15T11:32:20+00:00</dc:date>
    <link>http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>angular javascript js webdev ppk frontend google</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f4519b7cdcfd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:angular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ppk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:google"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://eng.rightscale.com/2014/11/18/front-end-deployment.html">
    <title>Loading front-end code at will with Scoutfiles - RightScale Engineering Blog</title>
    <dc:date>2014-11-28T07:11:07+00:00</dc:date>
    <link>http://eng.rightscale.com/2014/11/18/front-end-deployment.html</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Our code is split into a back-end and front-end system. The back-end system is deployed using our Cloud Management product (we eat our own dog food). The front-end system is ‘deployed’ on every git push to GitHub. This is not visible to users, since which of these ‘deployments’ is visible is governed by a database record on the back-end. This field propagates to the entry point of the front-end: the index.html. From here we load what we call a Scoutfile, this gives us considerable flexibility to load any other ‘deployment’ if specified, or default to the ‘production’ deployment."]]></description>
<dc:subject>frontend webdev rightscale scoutfile js deployment javascript scout load s3 build artifact</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:1713dfbd7bc6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rightscale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scoutfile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:deployment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:load"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:s3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:build"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:artifact"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://addyosmani.com/blog/checking-in-front-end-dependencies/">
    <title>Checking in front-end dependencies</title>
    <dc:date>2014-11-21T09:43:47+00:00</dc:date>
    <link>http://addyosmani.com/blog/checking-in-front-end-dependencies/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>bestpractices development frontend javascript bower package management tool dependencies npm modules components</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:a0c0aac0ae59/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bestpractices"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bower"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:package"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:management"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tool"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dependencies"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:npm"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:modules"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:components"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://4waisenkinder.de/blog/2013/12/22/how-to-measure-frontend-performance-with-phantomas-and-grunt/">
    <title>How to measure frontend performance with Grunt | 4waisenkinder</title>
    <dc:date>2014-11-06T11:32:31+00:00</dc:date>
    <link>http://4waisenkinder.de/blog/2013/12/22/how-to-measure-frontend-performance-with-phantomas-and-grunt/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["When you are a frontend developer, you are on the constant journey to find the right tool to measure the performance of your site. Sure, there are the Developer Tools of your choice, Google Pagespeed or webpagespeed.org available. And those tools are great (if you do not know them, you should definitely check them out), but for me it was always “just” nice to use these tools. They provide lots of useful information and I check them on a regular basis, but as far as I know, these tools do not provide a kind of timeline view of my daily work. They only give useful information to a given time – that is it. What I want to know, is how the site evolved after my latest deploy to production …

"Did the size of CSS / JavaScript decrease or increase? How many Ajax requests are made on page load? How many DOM queries are executed? And how did my latest changes effect the overall performance of the site?"]]></description>
<dc:subject>frontend grunt javascript performance phantom phantomas gulp build ci js webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:a1be7b72d8a2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grunt"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:phantom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:phantomas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:gulp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:build"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ci"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://justbuildsomething.com/node-js-best-practices/">
    <title>Node.js Best Practices | Just Build Something</title>
    <dc:date>2014-10-31T11:01:26+00:00</dc:date>
    <link>http://justbuildsomething.com/node-js-best-practices/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["I’ve recently been working on a lot of Node.js projects, for myself, with my students, and for national organizations. Because I’m a University instructor I’ve been getting a lot of questions about what the best practices for Node.js are from every project I’m involved with. I’ve worked with Node.js for years and know all the best practices myself, but I had never seen a list that explained the best practices to my satisfaction. So, I have put one together taking all the best practices agreed on by the community and explaining why each practice is the best way to write Node.js code."]]></description>
<dc:subject>dev javascript node nodejs js frontend webdev bestpractices</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:47b51da357a6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:node"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nodejs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bestpractices"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/">
    <title>Replacing Radio Buttons Without Replacing Radio Buttons</title>
    <dc:date>2014-10-20T13:46:06+00:00</dc:date>
    <link>http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["To think accessibly, you need to consider the HTML the interface and the CSS merely the appearance of that interface; the branding. Accordingly, we need to look for ways to seize control of UI aesthetics without relying on the recreation of the underlying markup that marks a departure from standards."]]></description>
<dc:subject>css form forms html5 radio input html webdev frontend label fieldset</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:79edd0970da7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:form"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:radio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:input"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:label"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fieldset"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/mega-list-svg-information/">
    <title>A Compendium of SVG Information | CSS-Tricks</title>
    <dc:date>2014-10-18T13:56:31+00:00</dc:date>
    <link>http://css-tricks.com/mega-list-svg-information/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css reference svg tricks compendium hub list webdev frontend vector tutorial help</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:97514a908516/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tricks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:compendium"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hub"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:list"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:vector"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:help"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://teropa.info/build-your-own-angular">
    <title>Build Your Own AngularJS</title>
    <dc:date>2014-10-03T12:14:02+00:00</dc:date>
    <link>http://teropa.info/build-your-own-angular</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Build Your Own AngularJS helps you understand everything there is to understand about Angular. By creating your very own implementation of Angular piece by piece, you gain deep insight into what makes this framework tick. Say goodbye to fixing problems by trial and error and hello to reasoning your way through them."]]></description>
<dc:subject>angular book reconstruct build js javascript framework webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:ffa9be4df7d7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:angular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:book"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:reconstruct"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:build"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/nonimage/wordpress-with-git">
    <title>Managing wordpress with git</title>
    <dc:date>2014-09-15T06:42:26+00:00</dc:date>
    <link>https://github.com/nonimage/wordpress-with-git</link>
    <dc:creator>sunpig</dc:creator><dc:subject>wordpress git repository version control software development blog cms frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:8c1583f374b2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:git"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:repository"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:version"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:control"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:software"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:blog"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://adodson.com/hello.js/#hellojs">
    <title>hello.js - Javascript API for OAuth2 authentication and REST services</title>
    <dc:date>2014-09-11T20:27:34+00:00</dc:date>
    <link>http://adodson.com/hello.js/#hellojs</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["A client-side Javascript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST API's. HelloJS standardizes paths and responses to common API's like Google Data Services, Facebook Graph and Windows Live Connect. Its modular so that list is growing. No more spaghetti code! "]]></description>
<dc:subject>authentication javascript js library oauth webdev clientside frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:91e177a0f109/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:authentication"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:oauth"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clientside"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/centering-css-complete-guide/">
    <title>Centering in CSS: A Complete Guide | CSS-Tricks</title>
    <dc:date>2014-09-05T11:40:00+00:00</dc:date>
    <link>http://css-tricks.com/centering-css-complete-guide/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css frontend guide webdev style html center horizontal vertical</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:2e68fc5500af/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:style"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:center"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:horizontal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:vertical"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/">
    <title>Making SVGs Responsive with CSS</title>
    <dc:date>2014-09-02T17:30:38+00:00</dc:date>
    <link>http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Conceptually, making an SVG scale as its container scales should be as simple as removing any fixed height and/or width, and specifying a viewBox attribute value. However, due to different browser implementations and inconsistencies, the web isn’t all ponies and rainbows, and making SVGs fluid isn’t quite that straightforward, because the way browsers determine the dimensions of an SVG when embedded in different ways isn’t consistent across all of them."]]></description>
<dc:subject>css svg rwd responsive design webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:dcd2a30538f5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06">
    <title>Medium’s CSS is actually pretty f***ing good. — Medium</title>
    <dc:date>2014-09-01T16:43:41+00:00</dc:date>
    <link>https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["I’ve been meaning to write something about the CSS at Medium for a while because I’m not completely ashamed of it…

"So how did that happen? What did we do differently? OMG, how can you do the same thing? Or learn from us, or something?

"What follows are some notes on our CSS, the steps we’ve taken to get it to where it is, and the world we live in today."]]></description>
<dc:subject>css design frontend medium styleguide webdev less suit suitcss framework bem semantics</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:a4318f3176d5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:medium"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:styleguide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:less"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:suit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:suitcss"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:semantics"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://teamgaslight.com/blog/small-sips-of-gulp-dot-js-4-steps-to-reduce-complexity">
    <title>Small Sips of Gulp.js: 4 Steps to Reduce Complexity</title>
    <dc:date>2014-09-01T12:30:15+00:00</dc:date>
    <link>https://teamgaslight.com/blog/small-sips-of-gulp-dot-js-4-steps-to-reduce-complexity</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Over the past couple months, I’ve been writing a lot of JavaScript and taken a much deeper dive into the node.js world, more specifically into Gulp.js as a build system for my client side work. One thing I’ve noticed when looking at other gulpfiles is that they have a tendency to be very verbose and not very DRY.

"As the line count of my own gulpfile began to push beyond the 300 mark, I started to look for patterns and ways to DRY up the code. Here are four things I’ve found useful"]]></description>
<dc:subject>javascript workflow gulp js frontend taskrunner module node</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:d73c34ee7761/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:gulp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:taskrunner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:module"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:node"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/jensarps/AMD-feature">
    <title>A loader plugin for AMD loaders</title>
    <dc:date>2014-08-30T20:53:01+00:00</dc:date>
    <link>https://github.com/jensarps/AMD-feature</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["The idea behind this is, that your project's code consists of different features, and that some features might have different implementations. Very probably, these features are already organized as AMD modules.

"AMD-feature allows you to list those features in an implementation map. And if there are multiple implementations for a given feature, you can provide a method for each implementation in this map, that decides whether a specific implementation should be used to satisfy the requirement for a certain feature."]]></description>
<dc:subject>amd feature detect loader requirejs plugin js javascript frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:62120f418c4a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:amd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:feature"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:detect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:loader"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:requirejs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://dev.opera.com/articles/native-responsive-images/">
    <title>Dev.Opera — Native Responsive Images</title>
    <dc:date>2014-08-29T21:33:48+00:00</dc:date>
    <link>https://dev.opera.com/articles/native-responsive-images/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>image images responsive srcset picture element html webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:1780be851b10/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:srcset"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:picture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:element"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://alexsexton.com/blog/2013/03/deploying-javascript-applications/">
    <title>Deploying JavaScript Applications</title>
    <dc:date>2014-08-27T19:21:27+00:00</dc:date>
    <link>https://alexsexton.com/blog/2013/03/deploying-javascript-applications/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["There’s something really comforting about exposing a minimal dynamic API that needs to be fast and having everything else served out of memory from nearby static servers. You should totally try it."]]></description>
<dc:subject>js javascript application html webdev frontend performance speed cdn alex sexton slexaxton scout scoutfile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:d45ca9c4dcb6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:application"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:speed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cdn"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:alex"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sexton"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:slexaxton"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scoutfile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://csstriggers.com/">
    <title>CSS Triggers</title>
    <dc:date>2014-07-28T09:50:22+00:00</dc:date>
    <link>http://csstriggers.com/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Whether CSS properties trigger layout or paint]]></description>
<dc:subject>css layout performance webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0712214c850c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.johnryding.com/post/78544969349/how-to-reconnect-web-sockets-in-a-realtime-web-app">
    <title>John Ryding | Blog: How to Reconnect Web Sockets in a Realtime Web App without Flooding the Server</title>
    <dc:date>2014-03-17T08:12:40+00:00</dc:date>
    <link>http://blog.johnryding.com/post/78544969349/how-to-reconnect-web-sockets-in-a-realtime-web-app</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["As a client developer, this logic makes a lot of sense and is simple to implement. However, there is a major problem here - every single client uses the same timing logic. This is bad news because of what will happen when your backend service finally comes back online; if everyone is polling at the same interval then they will all try to open a new connection to the backend at close to the same time. For example, say you have a large office (say a few thousand people) that has your web app running the entire day and their web socket connection is lost at the same time. Using the logic above, when the server is accessible again you will have a few thousand clients trying to create a WebSocket connection at exactly the same time. This will result in potentially flooding the server with requests and taking it down again."]]></description>
<dc:subject>algorithm coding javascript websockets exponential backoff flood server reconnect connect interval websocket realtime frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0757db7a410a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:algorithm"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:coding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:websockets"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:exponential"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:backoff"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:flood"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:server"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:reconnect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:connect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:interval"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:websocket"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:realtime"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824">
    <title>The Truth About Multiple H1 Tags in the HTML5 Era - Tuts+ Web Design Article</title>
    <dc:date>2014-03-17T07:58:19+00:00</dc:date>
    <link>http://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?""]]></description>
<dc:subject>advice html html5 h1 header title main section content web webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:2bc847311358/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:advice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:h1"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:header"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:title"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:main"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:section"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smore.com/clippy-js">
    <title>ClippyJS - Add Clippy or his friends to any website for instant nostalgia</title>
    <dc:date>2013-12-19T16:27:53+00:00</dc:date>
    <link>https://www.smore.com/clippy-js</link>
    <dc:creator>sunpig</dc:creator><dc:subject>clippy history js javascript client ms microsoft frontend web</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:6f02ab09d914/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clippy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:history"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:client"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:microsoft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/">
    <title>The HTML5 Scorecard: The Good, The Bad and the Ugly in iOS 7 | Blog | Sencha</title>
    <dc:date>2013-09-26T09:02:22+00:00</dc:date>
    <link>http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["We’ve been testing the final release of iOS 7 over the last few days against our usual battery of HTML5 tests. Normally we’re effusive about new releases of iOS to the point of fanboy-dom, but this time, and for the first time ever, we’re disappointed in the execution of iOS software. Although there are some impressive performance gains in SVG and JavaScript, the sheer number of bugs and broken features, clearly mark this release as a beta. While nowhere as bad as the Android 3 browser — our all time champ of broken web releases — we recommend that organizations standardized on HTML5 development hold off upgrading until an iOS update fixes these issues."]]></description>
<dc:subject>sencha html html5 web performance frontend ios7 apple ios svg js javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:3c859b1f78a6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sencha"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios7"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:apple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://browserify.org/">
    <title>browserify</title>
    <dc:date>2013-09-14T08:12:07+00:00</dc:date>
    <link>http://browserify.org/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>browser javascript nodejs programming module include compile js frontend require</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:95ce7d1e64e6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nodejs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:module"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:include"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:compile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:require"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/">
    <title>Clown Car Technique: Solving Adaptive Images In Responsive Web Design | Smashing Coding</title>
    <dc:date>2013-06-03T09:41:30+00:00</dc:date>
    <link>http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>estelleweyl clowncar clown car technique web webdev image responsive frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b829b38c318b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:estelleweyl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clowncar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:car"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:technique"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/">
    <title>Building The New Financial Times Web App (A Case Study) | Smashing Coding</title>
    <dc:date>2013-06-03T08:46:11+00:00</dc:date>
    <link>http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>ft responsive web app frontend webdev html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:fa0688d46bf1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/html-for-icon-font-usage/">
    <title>HTML for Icon Font Usage | CSS-Tricks</title>
    <dc:date>2013-05-21T08:16:02+00:00</dc:date>
    <link>http://css-tricks.com/html-for-icon-font-usage/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Where are we at right now in terms of the best markup for using icon fonts? Let's cover some options I think are currently the best."]]></description>
<dc:subject>css font fonts icon icons chriscoyier iconfont csstricks html webdev frontend bestpractice</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:734d2340a9e1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:chriscoyier"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iconfont"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:csstricks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bestpractice"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://gomakethings.com/icon-fonts/">
    <title>Using Icon Fonts | Go Make Things</title>
    <dc:date>2013-05-19T21:54:07+00:00</dc:date>
    <link>http://gomakethings.com/icon-fonts/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Icon fonts are incredibly light weight. The one for this site is just 5kb in size. Because it’s a single font file instead of multiple images, it requires just one HTTP request, which is great for site performance. They can be scaled smoothly to any size, and styled easily using CSS."]]></description>
<dc:subject>css icons webdev font icon icomoon typoghraphy workflow frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:394eab1e0706/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icomoon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:typoghraphy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://trentwalton.com/2012/05/04/icon-fonts/">
    <title>Icon Fonts | Trent Walton</title>
    <dc:date>2013-05-19T21:52:43+00:00</dc:date>
    <link>http://trentwalton.com/2012/05/04/icon-fonts/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["For that, I used the fantastically simple mac app, Glyphs. It gets an A+ for suiting my needs perfectly. I put in a B+ amount of effort for results I’m pleased as punch with, though as I learn & test I may shoot for minor improvements from time to time. The font icons may render a tad on the jagged side for older machines, but it’s a fair tradeoff when you’re browsing from a retina iPad."]]></description>
<dc:subject>font icon icons fonts trentwalton frontend webdev retina typography glyphs</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b960c55dc631/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:trentwalton"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:retina"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:glyphs"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/blog/1135-the-making-of-octicons">
    <title>The Making of Octicons</title>
    <dc:date>2013-05-19T21:19:48+00:00</dc:date>
    <link>https://github.com/blog/1135-the-making-of-octicons</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["In our last post we announced Octicons, our new icon font. We put a lot of work into the font and gained a lot of knowledge in the process. With five different designers working to make it happen, this was one of our bigger collaborations. We thought we'd detail how we built Octicons and what we learned along the way."]]></description>
<dc:subject>github octicons icon font type typography design frontend dev webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:300d42b3906b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:github"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:octicons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:type"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/">
    <title>Trello uses an icon font and so can you! - Fog Creek Blog</title>
    <dc:date>2013-03-21T09:42:22+00:00</dc:date>
    <link>http://blog.fogcreek.com/trello-uses-an-icon-font-and-so-can-you/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Inspired by Github’s Octicons and a desire to clean up our kludgy icon code, I set out to convert trello.com to use an icon font."]]></description>
<dc:subject>trello icon font frontend design glyphs editor css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:e7672eb0aa00/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:trello"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:glyphs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:editor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://viljamis.com/blog/2012/file-upload-support-on-mobile/">
    <title>File Upload Support on Mobile (input type=file)</title>
    <dc:date>2012-12-18T13:16:22+00:00</dc:date>
    <link>http://viljamis.com/blog/2012/file-upload-support-on-mobile/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>file upload mobile os browser html html5 webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:df916ff231ea/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:file"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:upload"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:os"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.jankfree.com/">
    <title>Let's make the web Jank-free!</title>
    <dc:date>2012-11-21T19:43:19+00:00</dc:date>
    <link>http://www.jankfree.com/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>animation browser html5 performance web webdev frontend fps frame raf requestanimationframe google jank stutter</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f15a5801f24c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frame"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:raf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:requestanimationframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:google"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jank"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:stutter"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx">
    <title>Adapting your WebKit-optimized site for Internet Explorer 10</title>
    <dc:date>2012-11-21T19:41:05+00:00</dc:date>
    <link>http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["This guide walks through a collection of tips, best practices, and code samples to help make adapting your WebKit-optimized site for IE10 even easier. This guidance was compiled as our team worked with a number of popular sites across the web to adapt their own WebKit-optimized sites for IE10. We feel confident that this post addresses many of the updates you’ll need to make for your site as well."]]></description>
<dc:subject>windows windows8 ie ie10 touch scroll gesture webkit prefix webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7043787a2704/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:windows"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:windows8"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ie"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ie10"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:touch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:gesture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webkit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:prefix"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://csswizardry.com/2012/11/code-smells-in-css/">
    <title>Code smells in CSS — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts</title>
    <dc:date>2012-11-21T07:22:03+00:00</dc:date>
    <link>http://csswizardry.com/2012/11/code-smells-in-css/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[“How can you tell if your CSS code smells? What are the signs that the code is sub-optional, or that the developer hasn’t done a good job? What do you look for in the code to determine how good or bad it is?”]]></description>
<dc:subject>code css patterns webdev frontend smell antipattern refactor harryroberts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:dbcd134bf114/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:patterns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:smell"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:antipattern"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:refactor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:harryroberts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://viljamis.com/blog/2012/responsive-workflow/">
    <title>Responsive workflow</title>
    <dc:date>2012-11-12T16:06:38+00:00</dc:date>
    <link>http://viljamis.com/blog/2012/responsive-workflow/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["About three or four years ago—when I mostly did just static width sites—my projects went through the different phases in the order illustrated below, which looks like a typical waterfall process. Back then there wasn’t much room for revisions, and what clients saw were either the wireframes or almost finished Photoshop designs.

"That model *kind of* used to work back then, but now there’s just one problem. Waterfall model doesn’t make that much sense when combined with responsive design. Actually it wasn’t ever very optimal way to do web design, but as I and everyone around me were so used to delivering things in that specific order we never really tried to challenge that."]]></description>
<dc:subject>design process workflow responsive agile waterfall web development frontend business client planning breakpoint</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:cf7559a15e26/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:process"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:agile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:waterfall"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:business"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:client"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:planning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/">
    <title>Places It's Tempting To Use Display: None; But Don't | CSS-Tricks</title>
    <dc:date>2012-11-12T15:58:59+00:00</dc:date>
    <link>http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["But wait! By applying that class to an element you've immediately made that content "inaccessible" by screen readers. You've probably known this forever, but still the poison apple sneaks into our code once in a while."]]></description>
<dc:subject>css display none accessibility position slide jquery js javascript frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:4c1b9742d6f0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:display"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:none"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:position"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:slide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning">
    <title>A Simple Device Diagram for Responsive Design Planning | Metal Toad Media</title>
    <dc:date>2012-11-09T15:14:40+00:00</dc:date>
    <link>http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["At Metal Toad we're big fans of responsive design, but a common snag in the responsive planning process comes when choosing what device widths to design to. Just yesterday we had a big internal debate over what the best widths to design to are for 3 layout sites, 4 layout sites, etc. I'll get to our conclusions below, but another important distinction to call out is that for each layout there are two things to consider: what the pixel width range for a specific layout should be, and what pixel width the designer should create the PSDs at."]]></description>
<dc:subject>css design psd breakpoint range devive mobile webdev frontend responsive diagram</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:bb5a8e6ca38a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:psd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:range"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:devive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:diagram"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.impressivewebs.com/browser-usage-stats/">
    <title>What’s the Best Source for Browser Usage Stats? | Impressive Webs</title>
    <dc:date>2012-11-05T10:21:11+00:00</dc:date>
    <link>http://www.impressivewebs.com/browser-usage-stats/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["[w]hat if you want some general stats for a project not yet built? Well, in addition to doing research on the market and audience you’re targeting, there are a couple of sources you may want to use as a basis for deciding on what browsers you want to support."]]></description>
<dc:subject>analytics stats statistics browser web os dev webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b49cad1199e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:analytics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:stats"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:statistics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:os"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.netvlies.nl/design-interactie/retina-revolution/">
    <title>Retina revolution</title>
    <dc:date>2012-11-01T15:46:40+00:00</dc:date>
    <link>http://blog.netvlies.nl/design-interactie/retina-revolution/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["The bottomline is that heavy compression doesn’t affect the final image as much as you would expect. This is because of the greater amount of pixels in the Retina image, compression artifacts are scaled down and therefore almost unnoticeable."]]></description>
<dc:subject>netvlies compression file size filesize responsive retina hdpi webdev frontend design sharp artifact</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:819937793cf6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:netvlies"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:compression"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:file"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:filesize"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:retina"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hdpi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sharp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:artifact"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://singlepageappbook.com/index.html">
    <title>Single page apps in depth (new free book)</title>
    <dc:date>2012-10-29T11:01:31+00:00</dc:date>
    <link>http://singlepageappbook.com/index.html</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["This free book is the book I would have wanted when I started working with single page apps. It's not an API reference on a particular framework, rather, the focus is on discussing patterns, implementation choices and decent practices.

"I'm taking a "code and concepts" approach to the topic - the best way to learn how to use something is to understand how it is implemented. My ambition here is to decompose the problem of writing a web app, take a fresh look at it and hopefully make better decisions the next time you make one."]]></description>
<dc:subject>app singlepage single page book mixu js javascript web webdev frontend view template code pattern</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:49f8101fa877/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:singlepage"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:single"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:book"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mixu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:view"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:template"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pattern"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future">
    <title>Everything You Know is Not Quite Right Anymore: Rethinking Best Pra...</title>
    <dc:date>2012-10-23T22:58:12+00:00</dc:date>
    <link>http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future</link>
    <dc:creator>sunpig</dc:creator><dc:subject>daveolsen responsive rwd webdev frontend planning strategy mobile presentation tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:5b13e6f71d91/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:daveolsen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:planning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:strategy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:presentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.slideshare.net/maxdesign/line-height">
    <title>CSS Line Height</title>
    <dc:date>2012-10-17T18:20:54+00:00</dc:date>
    <link>http://www.slideshare.net/maxdesign/line-height</link>
    <dc:creator>sunpig</dc:creator><dc:subject>russweakley slide desck slideshare css line height line-height calculation leading box inline anonymous calcylation typography webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0752d7e3cd51/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:russweakley"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:slide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:desck"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:slideshare"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:line"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:line-height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:calculation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:leading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:box"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:inline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:anonymous"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:calcylation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://joshemerson.co.uk/blog/using-svg-graphics-today/">
    <title>JoshEmerson.co.uk · Blog · Using SVG graphics today</title>
    <dc:date>2012-10-11T07:21:27+00:00</dc:date>
    <link>http://joshemerson.co.uk/blog/using-svg-graphics-today/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["[T]here are a few additional steps involved if you want to use SVG graphics today. I’m just going to talk through the steps for using SVG graphics inline here. Most of these steps can be used for CSS background images too."]]></description>
<dc:subject>joshemerson clearleft svg graphic image web webdev replace object png css html frontend design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:3a9b2e8230d3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:joshemerson"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clearleft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:graphic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:replace"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:object"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:png"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://twostepmedia.co.uk/svgeezy/">
    <title>SVGeezy - a JS plugin for SVG fallbacks</title>
    <dc:date>2012-10-11T07:17:40+00:00</dc:date>
    <link>http://twostepmedia.co.uk/svgeezy/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["A simple JavaScript plugin which detects SVG images on your website, and automatically "looks" for a standard image fallback for those older, less capable browsers. Those browsers need lovin’ too dawg."]]></description>
<dc:subject>svgeezy svg js javascript plugin fallback image png html5 detect frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:12ecaccd136f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svgeezy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fallback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:png"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:detect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://joshemerson.co.uk/blog/asset-fonts/">
    <title>JoshEmerson.co.uk · Blog · Using Fonts for Resolution Independent Assets</title>
    <dc:date>2012-10-11T07:16:12+00:00</dc:date>
    <link>http://joshemerson.co.uk/blog/asset-fonts/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Whilst working on the upcoming redesign of the Clearleft website, I’ve been ensuring the website is resolution independent. In my last blog post I showed how to use SVG files on the web, and we are using this technique for the Clearleft Logo. There are a bunch of other assets, and for these we are using a custom web font.

Any single colour vector asset will work with this technique. Multiple colour vector assets will need to be a SVG file. Whilst SVG fonts don’t work in IE<9 and Android<3, web fonts work in almost every browser.]]></description>
<dc:subject>joshemerson clearleft html webdev webdesign svg webfont woff x11 generate icon font frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:5002aec7db4a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:joshemerson"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:clearleft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webfont"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:woff"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:x11"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:generate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:icon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/">
    <title>Creating a Native HTML 5 Datepicker with a Fallback to jQuery UI - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development</title>
    <dc:date>2012-10-09T09:21:31+00:00</dc:date>
    <link>http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["The recently released Chrome 20 features support for native datepickers on <input> nodes with a [type=date] attribute. The list of browsers that support native datepickers now includes Chrome, Opera 11+, Opera Mobile, and iOS 5+ (see caniuse.com). Therefore, now is a great time to start using them in your web applications."]]></description>
<dc:subject>datepicker jquery jqueryui fallback input type date modernizr text webdev frontend validation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:a3a60bc551fb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:datepicker"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jqueryui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fallback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:input"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:type"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:date"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:modernizr"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:validation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow">
    <title>Bricss - box-shadow vs filter: drop-shadow</title>
    <dc:date>2012-10-09T07:13:39+00:00</dc:date>
    <link>http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Have you ever wanted a box-shadow that followed the shape of an element, including generated content, like a tooltip with an arrow? Or you wanted a box-shadow to take transparent parts of a .png into account? That’s exactly what filter: drop-shadow() does. It has the exact same syntax as the box-shadow property, except that inset drop-shadows are not supported (yet?)."]]></description>
<dc:subject>box-shadow css css3 filter drop-shadow shadow outline html frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:db42869a39a0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:box-shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:filter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:drop-shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:outline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/mo-pixels-mo-problems/">
    <title>A List Apart: Articles: Mo’ Pixels Mo’ Problems</title>
    <dc:date>2012-10-08T07:27:08+00:00</dc:date>
    <link>http://www.alistapart.com/articles/mo-pixels-mo-problems/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Here are the rules of the road that my colleagues at Paravel and I have been following as we navigate this tangled web of high-density images:

    Use CSS and web type whenever possible
    Use SVG and icon fonts whenever applicable
    Picturefill raster graphics

Let’s talk a bit about each."]]></description>
<dc:subject>daverupert ala alistapart pixel responsive size download svg raster retina hdpi dpi webdev frontend design optimization</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:61c85edeefe3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:daverupert"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ala"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:alistapart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:download"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:raster"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:retina"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hdpi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dpi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:optimization"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://simurai.com/post/30451824480/media-query-splitting">
    <title>Media Query splitting | simurai</title>
    <dc:date>2012-09-28T11:42:56+00:00</dc:date>
    <link>http://simurai.com/post/30451824480/media-query-splitting</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["When Media Queries got introduced and people started out with Responsive Web Design, I used to overwrite my Desktop styles to make it fit on Mobile. Later I shifted to “Mobile first” where you start out with the Mobile styles and overwrite them for Desktop sizes. But on a recent project I’ve started using a different approach by splitting the styles instead of overwriting them. It goes something like this:"]]></description>
<dc:subject>css design responsive mq mediaquery viewport rwd webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7d6711b7ddd3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mq"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.aaronlumsden.com/articles/7-html5-features-that-you-may-not-know-about/">
    <title>7 HTML5 features that you may not know about Aaron Lumsden | Aaronlumsden.com</title>
    <dc:date>2012-09-26T21:36:24+00:00</dc:date>
    <link>http://www.aaronlumsden.com/articles/7-html5-features-that-you-may-not-know-about/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["HTML5 has been a hot topic recently. Although its been around for a while now, I still find myself coming across features that I didn’t know about. Here’s a few that I thought I’d share with you."]]></description>
<dc:subject>html html5 feaure datalist spellcheck webdev frontend aaronlumsden autofocus download prefetch link hidden output</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:03c03d659ab2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:feaure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:datalist"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:spellcheck"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:aaronlumsden"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:autofocus"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:download"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:prefetch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:link"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hidden"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:output"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.neglectedpotential.com/2012/09/ios6-network-link-conditioner/">
    <title>Using Network Link Conditioner in iOS 6 | Neglected Potential</title>
    <dc:date>2012-09-22T10:19:39+00:00</dc:date>
    <link>http://www.neglectedpotential.com/2012/09/ios6-network-link-conditioner/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["I previously covered using Network Link Conditioner to test how your app does in less-than-ideal network scenarios. One of the inconveniences of using it is in order to test your app on a device, you have to take the extra steps to configure a proxy on your computer that your device can connect to over a wi-fi connection. Well, not anymore. With iOS 6, Apple has given us Network Link Conditioner right on the device."]]></description>
<dc:subject>ios latency network tools link conditioner xcode debugging speed performance ipad iphone webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b4e658805bd5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:latency"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:network"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:link"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:conditioner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:xcode"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:debugging"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:speed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://thomasst.ch/webinspector/">
    <title>Hacking Mountain Lion: Bringing the old Web Inspector back | thomasst.ch</title>
    <dc:date>2012-09-12T11:08:52+00:00</dc:date>
    <link>http://thomasst.ch/webinspector/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["In Mountain Lion, Apple introduced a new Web Inspector for Safari. However, the new inspector comes with a horrible UI. It features many small icons that are hard to differentiate. Compared to the old inspector, it takes two more clicks to open the console and two more clicks to look at HTTP requests (after having successfully deciphered the icons). By default, the new inspector also unexpectedly breaks on exceptions, which is very confusing. The network requests pane does not let you see what request method was used for a particular request and does not show you the request body that was sent, making it very hard to find a POST request and debug it."]]></description>
<dc:subject>safari webinspector inspector debug panel console html frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:60a6379213e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:safari"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webinspector"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:inspector"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:debug"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:panel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:console"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://engineeredweb.com/blog/understanding-how-jquery-creates-extra-jquery-objects/">
    <title>Understanding How The jQuery Constructor Creates Lots of Extra jQuery Objects | Engineered Web</title>
    <dc:date>2012-09-05T07:30:23+00:00</dc:date>
    <link>http://engineeredweb.com/blog/understanding-how-jquery-creates-extra-jquery-objects/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Most of the time if you use jQuery the right way you'll end up creating two objects every time you construct something new with jQuery. One of them is thrown away and eventually caught by garbage collection. But, it's good to know about these throw away objects because they do take time and resources for a JavaScript engine to handle."]]></description>
<dc:subject>jquery js javascript frontend webdev performance perf optimization object garbage selector context find</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:aa7a36e6af33/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:perf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:optimization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:object"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:garbage"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:selector"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:context"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:find"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://hslpicker.com/#00FF62">
    <title>HSL Color Picker - by Brandon Mathis</title>
    <dc:date>2012-08-21T20:03:28+00:00</dc:date>
    <link>http://hslpicker.com/#00FF62</link>
    <dc:creator>sunpig</dc:creator><dc:subject>hsl color colour picker tool frontend webdev hue saturation luminosity grey black intensity</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:53196d47d293/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hsl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:picker"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tool"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hue"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:saturation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:luminosity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grey"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:black"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:intensity"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://hslpicker.com/#FFAE00">
    <title>HSL Color Picker - by Brandon Mathis</title>
    <dc:date>2012-08-18T10:32:51+00:00</dc:date>
    <link>http://hslpicker.com/#FFAE00</link>
    <dc:creator>sunpig</dc:creator><dc:subject>hsl color picker webdev frontend tool colour brandonmathis hue saturation lightness</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:8e7d9b244b79/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hsl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:picker"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tool"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:brandonmathis"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hue"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:saturation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:lightness"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://net.tutsplus.com/tutorials/javascript-ajax/10-reasons-why-your-projects-should-use-the-dojo-toolkit/">
    <title>10 Reasons Why Your Projects Should Use the Dojo Toolkit | Nettuts+</title>
    <dc:date>2012-08-12T09:25:05+00:00</dc:date>
    <link>http://net.tutsplus.com/tutorials/javascript-ajax/10-reasons-why-your-projects-should-use-the-dojo-toolkit/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["The most powerful and underutilized JavaScript utility is one and the same: the Dojo Toolkit. While nearly every JavaScript framework or toolkit promises to do everything you need, the Dojo Toolkit makes the most compelling case for that statement being true. This post will cover many of the most powerful features of the Dojo Toolkit, and in doing so will make the case for why you should use the Dojo Toolkit for your next project."]]></description>
<dc:subject>davidwalsh nettuts js javascript dojo amd require define module dojox graph chart api library code frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f87949ffc058/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:davidwalsh"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nettuts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dojo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:amd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:require"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:define"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:module"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dojox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:graph"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:chart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:api"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.guypo.com/technical/http-pipelining-not-so-fast-nor-slow/">
    <title>Guy's Pod » Blog Archive » HTTP Pipelining – Not So Fast…(Nor Slow!)</title>
    <dc:date>2012-08-10T15:10:17+00:00</dc:date>
    <link>http://www.guypo.com/technical/http-pipelining-not-so-fast-nor-slow/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["HTTP Pipelining is an old optimization technique that’s been getting some renewed interest recently. I’ve written in the past about how pipelining is broadly used in Mobile, and recently Chrome & Firefox have been considering enabling it by default.

"I set out to try and assess the value of pipelining for page load times, and surprisingly found it have very little effect. This result surprised me, so I dug deeper and looked at this data from multiple angles – the rest of this blog summarizes my research and findings."]]></description>
<dc:subject>guypo guypodjarny http performance pipelining server client speed optimization feo frontend webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:900be56e7e5a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:guypo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:guypodjarny"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:http"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pipelining"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:server"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:client"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:speed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:optimization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:feo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ianstormtaylor.com/design-tip-never-use-black/">
    <title>Design Tip: Never Use Black by Ian Storm Taylor</title>
    <dc:date>2012-08-08T20:45:03+00:00</dc:date>
    <link>http://ianstormtaylor.com/design-tip-never-use-black/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["One of the most important color tricks I’ve ever learned was to avoid using the color black in my work. Mrs. Zamula, my childhood art teacher, first warned me about black when I was in middle school. And I heard the same again multiple times at RISD. It sounds weird at first, but it’s good advice."]]></description>
<dc:subject>black color colour typography visual design image picture shadow light hsl ianstormtaylor web webdev frontend</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:37b6f0e7bfe0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:black"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:visual"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:picture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:light"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:hsl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ianstormtaylor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>