<?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 (JoostKiens)</title>
    <link>https://pinboard.in/u:JoostKiens/public/</link>
    <description>recent bookmarks from JoostKiens</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://n12v.com/focus-transition/"/>
	<rdf:li rdf:resource="http://the-echoplex.net/flexyboxes/"/>
	<rdf:li rdf:resource="http://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="http://jaydenseric.com/blog/fun-with-sass-and-font-icons"/>
	<rdf:li rdf:resource="http://icomoon.io/#home"/>
	<rdf:li rdf:resource="http://ricostacruz.com/jquery.transit/#top"/>
	<rdf:li rdf:resource="http://wagerfield.github.io/parallax/"/>
	<rdf:li rdf:resource="http://parall.ax/products/jspdf"/>
	<rdf:li rdf:resource="http://daneden.me/animate/"/>
	<rdf:li rdf:resource="http://typehunting.com/"/>
	<rdf:li rdf:resource="http://www.barneyparker.com/world-simplest-html5-wysisyg-inline-editor/"/>
	<rdf:li rdf:resource="http://embedresponsively.com/"/>
	<rdf:li rdf:resource="http://internations.github.io/antwort/"/>
	<rdf:li rdf:resource="http://blog.mailgun.com/post/free-email-validation-api-for-web-forms/"/>
	<rdf:li rdf:resource="http://net.tutsplus.com/tutorials/javascript-ajax/responsive-screenshots-with-casper/"/>
	<rdf:li rdf:resource="http://fgribreau.github.io/bootstrap-tour/docs/bootstrap-tour.js.html"/>
	<rdf:li rdf:resource="http://craig.is/killing/mice"/>
	<rdf:li rdf:resource="http://www.mademyday.de/css-height-equals-width-with-pure-css.html"/>
	<rdf:li rdf:resource="http://sixrevisions.com/freebies/icons/free-icons-1000/"/>
	<rdf:li rdf:resource="http://tech.pro/blog/1402/five-patterns-to-help-you-tame-asynchronous-javascript"/>
	<rdf:li rdf:resource="http://css3.bradshawenterprises.com/which-vendor-prefixes-are-needed/"/>
	<rdf:li rdf:resource="http://eragonj.github.io/Trip.js/#"/>
	<rdf:li rdf:resource="http://trentwalton.com/2011/07/14/content-choreography/"/>
	<rdf:li rdf:resource="http://www.newnet-soft.com/blog/csstypography"/>
	<rdf:li rdf:resource="https://github.com/blakeembrey/code-problems"/>
	<rdf:li rdf:resource="http://git.aaronlumsden.com/progression/"/>
	<rdf:li rdf:resource="http://mixitup.io/#WhatIsIt"/>
	<rdf:li rdf:resource="http://ui-animations.tumblr.com/"/>
	<rdf:li rdf:resource="http://davidwalsh.name/pinterest-ux"/>
	<rdf:li rdf:resource="http://uxdesign.smashingmagazine.com/2013/06/17/five-ways-prevent-bad-microcopy/"/>
	<rdf:li rdf:resource="http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/"/>
	<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://css-tricks.com/using-requestanimationframe/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2013/06/06/responsive-multi-column-form/"/>
	<rdf:li rdf:resource="http://www.happymetrix.com/"/>
	<rdf:li rdf:resource="http://lab.hakim.se/ladda/"/>
	<rdf:li rdf:resource="http://sixrevisions.com/project-management/website-architecture/"/>
	<rdf:li rdf:resource="https://github.com/jsoverson/plato#readme"/>
	<rdf:li rdf:resource="http://andywenk.tumblr.com/post/52075632216/my-gitconfig"/>
	<rdf:li rdf:resource="http://darsa.in/sly/#!examples"/>
	<rdf:li rdf:resource="http://jpanelmenu.com/"/>
	<rdf:li rdf:resource="http://daker.me/2013/05/5-html5-features-you-need-to-know.html"/>
	<rdf:li rdf:resource="https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion"/>
	<rdf:li rdf:resource="http://www.picksumipsum.co.uk/"/>
	<rdf:li rdf:resource="http://groenroos.github.io/minimalect/"/>
	<rdf:li rdf:resource="http://screensiz.es/"/>
	<rdf:li rdf:resource="http://badassjs.com/post/1461943420/face-detection-in-javascript-via-html5-canvas"/>
	<rdf:li rdf:resource="http://tech.pro/tutorial/1300/deep-dive-into-requirejs"/>
	<rdf:li rdf:resource="http://www.jamesward.com/2013/05/13/securing-single-page-apps-and-rest-services"/>
	<rdf:li rdf:resource="http://www.jamesward.com/2013/05/15/auto-refresh-for-play-framework-apps"/>
	<rdf:li rdf:resource="http://davidwalsh.name/firefox-app"/>
	<rdf:li rdf:resource="http://engineering.appfolio.com/2012/11/16/css-architecture/"/>
	<rdf:li rdf:resource="http://alexdunphy.github.io/refineslide/"/>
	<rdf:li rdf:resource="http://weblogs.asp.net/bleroy/archive/2008/01/18/dates-and-json.aspx"/>
	<rdf:li rdf:resource="http://ricostacruz.com/backbone-patterns/"/>
	<rdf:li rdf:resource="http://www.mocky.io/"/>
	<rdf:li rdf:resource="http://livicons.com/#examples"/>
	<rdf:li rdf:resource="http://www.starbucks.com/static/reference/styleguide/"/>
	<rdf:li rdf:resource="http://www.paulrobertlloyd.com/about/styleguide/"/>
	<rdf:li rdf:resource="http://breakpoint-sass.com/"/>
	<rdf:li rdf:resource="http://coding.smashingmagazine.com/2013/04/26/css3-transitions-thank-god-specification/"/>
	<rdf:li rdf:resource="http://subprotocol.com/verlet-js/"/>
	<rdf:li rdf:resource="https://npmjs.org/package/js-beautify"/>
	<rdf:li rdf:resource="http://bootboxjs.com/"/>
	<rdf:li rdf:resource="https://en.wikipedia.org/wiki/Data_URI_scheme"/>
	<rdf:li rdf:resource="http://blog.fontdeck.com/post/15777165734/opentype-1"/>
	<rdf:li rdf:resource="http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/"/>
	<rdf:li rdf:resource="http://littlesparkvt.com/flatstrap/index.html"/>
	<rdf:li rdf:resource="http://benalman.com/projects/jquery-throttle-debounce-plugin/"/>
	<rdf:li rdf:resource="http://retrovectors.com/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://n12v.com/focus-transition/">
    <title>Focus transition</title>
    <dc:date>2013-09-30T06:01:35+00:00</dc:date>
    <link>http://n12v.com/focus-transition/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Why?
Keyboard navigation has a major downside: it’s not clear where the focus moves upon pressing the Tab key. Animation makes the transition more apparent.

How?
Flying Focus creates an element that is moving when the focus event happen]]></description>
<dc:subject>javascript ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:cf3fd8fb2d1b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://the-echoplex.net/flexyboxes/">
    <title>Flexy Boxes — CSS flexbox playground and code generation tool</title>
    <dc:date>2013-09-29T16:08:25+00:00</dc:date>
    <link>http://the-echoplex.net/flexyboxes/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[flexbox playground and code generator

Three versions of the flexbox spec – each with different syntax – have been implemented in browsers.

The two 2012 specs are roughly equivalant in terms of features, differing mainly in syntax. The earlier 2009 spec is less comprehensive though covers a lot of the same ground.]]></description>
<dc:subject>flexbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:632f968ffec4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://philipwalton.github.io/solved-by-flexbox/">
    <title>Solved By Flexbox — Cleaner, hack-free CSS</title>
    <dc:date>2013-09-29T15:48:46+00:00</dc:date>
    <link>http://philipwalton.github.io/solved-by-flexbox/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don't address the major problems that Web developers have been complaining about for what seems like an eternity.]]></description>
<dc:subject>flexbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:94b0d33e091a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jaydenseric.com/blog/fun-with-sass-and-font-icons">
    <title>Jayden Seric | Fun with Sass &amp; font icons</title>
    <dc:date>2013-09-29T15:47:20+00:00</dc:date>
    <link>http://jaydenseric.com/blog/fun-with-sass-and-font-icons</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Once you have your font installed, you might find yourself reaching for presentational class names such as class="icon icon-facebook". These are non-semantic and should be avoided. Once we have set up our Sass we will be able to add or remove icons from elements via our stylesheet using easy to remember catchwords.]]></description>
<dc:subject>icon-font</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:f0ddd2f511ef/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:icon-font"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://icomoon.io/#home">
    <title>❍ IcoMoon</title>
    <dc:date>2013-09-29T15:46:55+00:00</dc:date>
    <link>http://icomoon.io/#home</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Icon font generator]]></description>
<dc:subject>icon-font</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:36ecd90ba8e6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:icon-font"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ricostacruz.com/jquery.transit/#top">
    <title>Transit - CSS transitions and transformations for jQuery</title>
    <dc:date>2013-08-27T07:11:59+00:00</dc:date>
    <link>http://ricostacruz.com/jquery.transit/#top</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Super-smooth CSS transitions & transformations for jQuery]]></description>
<dc:subject>animation javascript css3 jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:9aad54d73cd7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://wagerfield.github.io/parallax/">
    <title>parallax.js</title>
    <dc:date>2013-08-26T20:54:29+00:00</dc:date>
    <link>http://wagerfield.github.io/parallax/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[WOW, that's deep man! parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don't have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. Radical.]]></description>
<dc:subject>javascript parallax</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:e76d9cf32200/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:parallax"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://parall.ax/products/jspdf">
    <title>jsPDF - HTML5 PDF Generator | Parallax</title>
    <dc:date>2013-08-26T13:35:05+00:00</dc:date>
    <link>http://parall.ax/products/jspdf</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!

]]></description>
<dc:subject>pdf javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:0cef1d1a4a7b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:pdf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://daneden.me/animate/">
    <title>Animate.css | Just-add-water CSS Animations</title>
    <dc:date>2013-08-14T14:56:00+00:00</dc:date>
    <link>http://daneden.me/animate/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.]]></description>
<dc:subject>animation css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:d33dbe4b32e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://typehunting.com/">
    <title>Type Hunting</title>
    <dc:date>2013-08-12T18:26:09+00:00</dc:date>
    <link>http://typehunting.com/</link>
    <dc:creator>JoostKiens</dc:creator><dc:subject>inspiration typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:51e231f52d44/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.barneyparker.com/world-simplest-html5-wysisyg-inline-editor/">
    <title>Barney Parker » What could possibly go wrong? » World Simplest HTML5 WYSISYG Inline Editor</title>
    <dc:date>2013-08-06T09:36:56+00:00</dc:date>
    <link>http://www.barneyparker.com/world-simplest-html5-wysisyg-inline-editor/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[After a fair bit of Googling, it seemed that there wasn’t a hope! all the plug in’s i found just seems unnecessarily complicated so, in a fit of self-importance, i decided i could do it myself. i’d end up with the editor i wanted, and code that i fully understood. Granted, it wasn’t likely to be an easy job, but hey, why would i code anything if there was an easier option?

To my surprise, as it turns out, it’s so simple, it’s almost a joke! all the tools are already available, all you need to do it tie them together with some really simple JavaScript, and it works!]]></description>
<dc:subject>html5 javascript wysiwyg</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:ab38099e7a75/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:wysiwyg"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://embedresponsively.com/">
    <title>embedresponsively.com</title>
    <dc:date>2013-07-29T11:15:08+00:00</dc:date>
    <link>http://embedresponsively.com/</link>
    <dc:creator>JoostKiens</dc:creator><dc:subject>video map iframe</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:f07e0d2eaabc/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:map"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:iframe"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://internations.github.io/antwort/">
    <title>Antwort | Responsive Layouts for Email</title>
    <dc:date>2013-07-29T11:08:50+00:00</dc:date>
    <link>http://internations.github.io/antwort/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Bulletproof layouts: made with dynamic content in mind.
Originally made for transactional Emails with dynamic content so the layouts are thoroughly tested - in live environments with real data and edge cases.

Responsive Emails don't have to be boring
A single column layout might work well on mobile but often prevents an underwhelming experience for desktop users. Why not satisfy both?

Works across all devices, including Outlook
Other solutions use floats, which many clients including Outlook don't understand. Antwort uses <table>s for universal compatability.]]></description>
<dc:subject>email</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:a939ad0f5264/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:email"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.mailgun.com/post/free-email-validation-api-for-web-forms/">
    <title>Free email validation API for web forms ‹ The Mailgun Blog</title>
    <dc:date>2013-07-29T07:06:48+00:00</dc:date>
    <link>http://blog.mailgun.com/post/free-email-validation-api-for-web-forms/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Email validation is a hard problem that every single developer, building anything on the web, has to deal with.  We actually have been working on email validation ourselves for years (more on that below). We looked at the validation services available and weren’t satisfied with any of them, either for performance, accuracy or completeness reasons.  So today, we’re releasing a project we affectionately called Guardpost, as our newest API, and are also pulling back the curtain to show exactly how we built it.]]></description>
<dc:subject>javascript email validation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:1d4d30cec64d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:validation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://net.tutsplus.com/tutorials/javascript-ajax/responsive-screenshots-with-casper/">
    <title>Responsive Screenshots With Casper | Nettuts+</title>
    <dc:date>2013-07-26T06:06:35+00:00</dc:date>
    <link>http://net.tutsplus.com/tutorials/javascript-ajax/responsive-screenshots-with-casper/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[ a quick and simple script to take some screenshots of any site at various viewports and save the images to disc. This is something I first saw at mediaqueri.es and started implementing it into my build process. It’s not ideal for real testing, as it acts more like a sanity test and provides a good overview for anything I might be working on involving Responsive Web.]]></description>
<dc:subject>javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:7eff8c59e83d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fgribreau.github.io/bootstrap-tour/docs/bootstrap-tour.js.html">
    <title>Bootstrap Tour Extended - Powerful JavaScript Tour library built for highly dynamic applications (a.k.a SaaS/RIA)</title>
    <dc:date>2013-07-11T10:35:54+00:00</dc:date>
    <link>http://fgribreau.github.io/bootstrap-tour/docs/bootstrap-tour.js.html</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Bootstrap Tour Extended allows developers to build quickly and easily extremely configurable product tours using Twitter Bootstrap Popovers.

Some Tour global parameters can be strings or functions because sometimes the thing you want to expose does not exist when the Tour start.

Each #defaults.step parameters specified through new Tour([options]) can be overriden at the step level with tour.addStep([options]).

The default template can be completely replaced at the Tour level or even for a single step. It's a function(step) -> string, so underscore _.template(), jQuery $.tmpl() etc... are supported even if they are not Bootstrap Tour Extended dependencies.]]></description>
<dc:subject>bootstrap jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:b62d37e21176/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:bootstrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://craig.is/killing/mice">
    <title>Mousetrap - Keyboard shortcuts in Javascript</title>
    <dc:date>2013-07-10T09:16:13+00:00</dc:date>
    <link>http://craig.is/killing/mice</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[A simple library for handling keyboard shortcuts in Javascript.
Try pressing some of the keys here:]]></description>
<dc:subject>javascript library</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:5daa02b86f3d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:library"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.mademyday.de/css-height-equals-width-with-pure-css.html">
    <title>Height equals width with pure CSS</title>
    <dc:date>2013-07-10T06:17:07+00:00</dc:date>
    <link>http://www.mademyday.de/css-height-equals-width-with-pure-css.html</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[HEIGHT EQUALS WIDTH WITH PURE CSS
I was looking for a solution for flexible elements which remain the aspect ratio when resized. Until now I used some Javascript for resizing the elements. But using the resize event and recalculate the height of an element is some kind of nasty and never felt right. Recently I found a solution in an article from A List Apart and a topic on StackOverflow, which works quite well.]]></description>
<dc:subject>layout css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:1f66d74c4190/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sixrevisions.com/freebies/icons/free-icons-1000/">
    <title>Ultimate Free Icon Set: 1000 Free Icons</title>
    <dc:date>2013-07-04T06:06:32+00:00</dc:date>
    <link>http://sixrevisions.com/freebies/icons/free-icons-1000/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This design resource freebie — containing 1,000 free vector icons — is the biggest free icon set that Six Revisions has ever released.

]]></description>
<dc:subject>icons</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:0a06f07f2c00/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:icons"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tech.pro/blog/1402/five-patterns-to-help-you-tame-asynchronous-javascript">
    <title>Five Patterns to Help You Tame Asynchronous JavaScript - Tech.Pro</title>
    <dc:date>2013-07-02T06:12:51+00:00</dc:date>
    <link>http://tech.pro/blog/1402/five-patterns-to-help-you-tame-asynchronous-javascript</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[You can hardly write ten lines of JavaScript before you're confronted with asynchronous behavior. In this post we're going to look at 5 patterns that can help you tame the beast - or at least keep it at bay. It would be nearly impossible to cover each pattern in depth in this post alone, but my aim is to provide enough information to get you started, with an additional reading section at the end.]]></description>
<dc:subject>javascript toread</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:aac2a00a6d81/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:toread"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css3.bradshawenterprises.com/which-vendor-prefixes-are-needed/">
    <title>Which Vendor Prefixes Are Needed?</title>
    <dc:date>2013-07-01T06:24:20+00:00</dc:date>
    <link>http://css3.bradshawenterprises.com/which-vendor-prefixes-are-needed/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This isn't meant to be a complete guide, just a quick reference for some of the more common vendor prefixes. You need to check your own user base, but based on what is in my opinion sensible choices, this is the way to go!

As always, http://caniuse.com/#cats=CSS is the best resource for this sort of thing.]]></description>
<dc:subject>css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:9f76b88d5900/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://eragonj.github.io/Trip.js/#">
    <title>Trip.js</title>
    <dc:date>2013-06-30T13:41:44+00:00</dc:date>
    <link>http://eragonj.github.io/Trip.js/#</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[What is Trip.js ?
Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities. ( Based on jQuery )]]></description>
<dc:subject>jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:1bc2e5bc9452/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://trentwalton.com/2011/07/14/content-choreography/">
    <title>Content Choreography | Trent Walton</title>
    <dc:date>2013-06-27T05:56:01+00:00</dc:date>
    <link>http://trentwalton.com/2011/07/14/content-choreography/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past.
Media-queried responsive & adaptive sites afford us the ability to re-architect content on a page to fit its container, but with this exciting new potential come equally exciting challenges. Web designers will have to look beyond the layout in front of them to envision how its elements will reflow & lockup at various widths while maintaining form & hierarchy. Media queries can be used to do more than patch broken layouts: with proper planning, we can begin to choreograph content proportional to screen size, serving the best possible experience at any width.]]></description>
<dc:subject>responsiveDesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:683b8054b455/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:responsiveDesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.newnet-soft.com/blog/csstypography">
    <title>NewNet-Soft - CSS Typography cheat sheet</title>
    <dc:date>2013-06-24T06:16:19+00:00</dc:date>
    <link>http://www.newnet-soft.com/blog/csstypography</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Today I want to write about a few small typography enhancing features in CSS. Most of them don't seem to be inside the mainstream CSS wisdom floating around (perhaps I am just missing them constantly :(...). So I decided to give them a quick shout out so more of you guys can make use of them.
]]></description>
<dc:subject>css typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:781ba512b28f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/blakeembrey/code-problems">
    <title>blakeembrey/code-problems</title>
    <dc:date>2013-06-23T19:46:13+00:00</dc:date>
    <link>https://github.com/blakeembrey/code-problems</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This repo is full of code problems that I have received prior or during an interview. I'll present all my solutions here in JavaScript, but feel free to add your own solutions in another language and even optimise my solutions. If you have your own code problems you would like to contribute, I would love to see them as well.]]></description>
<dc:subject>javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:5f2243150c69/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://git.aaronlumsden.com/progression/">
    <title>Progression.js</title>
    <dc:date>2013-06-23T19:45:19+00:00</dc:date>
    <link>http://git.aaronlumsden.com/progression/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[A jQuery plugin that gives users real time hints & progress updates as they complete forms]]></description>
<dc:subject>jquery forms ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:27e8ebf064d4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mixitup.io/#WhatIsIt">
    <title>MixItUp - A CSS3 and JQuery Filter &amp; Sort Plugin</title>
    <dc:date>2013-06-22T13:00:31+00:00</dc:date>
    <link>http://mixitup.io/#WhatIsIt</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content! Check out our demos for some inspiration »]]></description>
<dc:subject>jquery css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:7c2ec9e5cfd9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ui-animations.tumblr.com/">
    <title>UI Animations</title>
    <dc:date>2013-06-20T18:44:57+00:00</dc:date>
    <link>http://ui-animations.tumblr.com/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Celebrating animations of interest in software user interfaces. ]]></description>
<dc:subject>animation ui</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:58b2dea6f9c5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ui"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://davidwalsh.name/pinterest-ux">
    <title>3 UX Lessons from Pinterest</title>
    <dc:date>2013-06-19T06:00:38+00:00</dc:date>
    <link>http://davidwalsh.name/pinterest-ux</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Pinterest has exploded in recent years from obscure project to global phenomenon. Why? And how can Pinterest's user experience inform developers and designers of all sorts? Let's learn from some of Pinterest's bleeding edge design decisions.]]></description>
<dc:subject>ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:d09654699b13/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://uxdesign.smashingmagazine.com/2013/06/17/five-ways-prevent-bad-microcopy/">
    <title>Five Ways To Prevent Bad Microcopy | Smashing UX Design</title>
    <dc:date>2013-06-17T20:18:07+00:00</dc:date>
    <link>http://uxdesign.smashingmagazine.com/2013/06/17/five-ways-prevent-bad-microcopy/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[You’ve just created the best user experience ever. You had the idea. You sketched it out. You started to build it. Except you’re already in trouble, because you’ve forgotten something: the copy. Specifically, the microcopy.
Microcopy is the text we don’t talk about very often. It’s the label on a form field, a tiny piece of instructional text, or the words on a button. It’s the little text that can make or break your user experience.]]></description>
<dc:subject>usability ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:506324b8c418/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/">
    <title>Facing The Challenge: Building A Responsive Web Application | Smashing Mobile</title>
    <dc:date>2013-06-15T16:22:49+00:00</dc:date>
    <link>http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[We are talking and reading a lot about responsive Web design (RWD) these days, but very little attention is given to Web applications. Admittedly, RWD still has to be ironed out. But many of us believe it to be a strong concept, and it is here to stay. So, why don’t we extend this topic to HTML5-powered applications? Because responsive Web applications (RWAs) are both a huge opportunity and a big challenge, I wanted to dive in.]]></description>
<dc:subject>responsiveDesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:7ad298b93354/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:responsiveDesign"/>
</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-15T16:22:35+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>JoostKiens</dc:creator><description><![CDATA[Adaptive images are the current hot topic in conversations about adaptive and responsive Web design. Why? Because no one likes any of the solutions thus far. New elements and attributes are being discussed as a solution for what is, for most of us, a big headache: to provide every user with one image optimized for their display size and resolution, without wasting time, memory or bandwidth with a client-side solution.]]></description>
<dc:subject>responsiveDesign image</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:d0eb0ecf4ca3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:responsiveDesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:image"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/using-requestanimationframe/">
    <title>Using requestAnimationFrame | CSS-Tricks</title>
    <dc:date>2013-06-13T21:29:08+00:00</dc:date>
    <link>http://css-tricks.com/using-requestanimationframe/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[There used to be just one way to do a timed loop in JavaScript: setInterval(). If you needed to repeat something pretty fast (but not as-fast-as-absolutely-possible like a for loop), you'd use that. For the purposes of animation, the goal is sixty "frames" per second to appear smooth, so you'd run a loop like this:]]></description>
<dc:subject>javascript animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:5d2f763461e6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2013/06/06/responsive-multi-column-form/">
    <title>Blueprint: Responsive Multi-Column Form | Codrops</title>
    <dc:date>2013-06-09T16:57:37+00:00</dc:date>
    <link>http://tympanus.net/codrops/2013/06/06/responsive-multi-column-form/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This Blueprint is a simple, responsive multi-column form style that comes with example media queries for creating a switching layout. The form has three columns and depending on the screens size, they are shown in a specific manner. The form elements are 100% width so they adjust to the column size.]]></description>
<dc:subject>responsiveDesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:490c0aa1fc5c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:responsiveDesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.happymetrix.com/">
    <title>Happy Metrix - Dashboards</title>
    <dc:date>2013-06-07T10:05:48+00:00</dc:date>
    <link>http://www.happymetrix.com/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Happy Metrix lets you create easy-to-use dashboards, collecting validated data from diverse sources.
Cut through the clutter, interpret the numbers and get things done.]]></description>
<dc:subject>dashboard</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:258174e81afb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:dashboard"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lab.hakim.se/ladda/">
    <title>Ladda</title>
    <dc:date>2013-06-05T14:57:45+00:00</dc:date>
    <link>http://lab.hakim.se/ladda/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slid.es.]]></description>
<dc:subject>button ui</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:37c3ba301d7d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:button"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ui"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sixrevisions.com/project-management/website-architecture/">
    <title>The Secret to Building Large Websites: Website Architecture</title>
    <dc:date>2013-06-05T14:22:06+00:00</dc:date>
    <link>http://sixrevisions.com/project-management/website-architecture/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[The process is divided into these 11 stages:

Project Brief
Website Goal Definition
Define the Target Audience
Competitor Analysis
User Goal-Problem-Solution
Scenario Mapping
Mind Mapping
Information Architecture
Prototyping
Prototype Usability Testing
Project Specification
As you can see, all these stages are related to each other, and we’ve organized it in a sequential manner.]]></description>
<dc:subject>UX UI webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:6579f651b44b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:UX"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:UI"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/jsoverson/plato#readme">
    <title>jsoverson/plato · GitHub</title>
    <dc:date>2013-06-05T11:33:59+00:00</dc:date>
    <link>https://github.com/jsoverson/plato#readme</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Visualize JavaScript source complexity with plato.]]></description>
<dc:subject>github javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:a18ed05ac2c6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:github"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://andywenk.tumblr.com/post/52075632216/my-gitconfig">
    <title>Andy Wenk - My ~/.gitconfig</title>
    <dc:date>2013-06-03T21:07:01+00:00</dc:date>
    <link>http://andywenk.tumblr.com/post/52075632216/my-gitconfig</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[when you’re using git as your scm, you will probably love it’s command line interface. I am using it on a daily basis … heavily. I know that there are some quite good GUI’s (like SourceTree) but I never got really into them. So if you’re interested to make your git-life a little more comfortable, you can check out my (small) .gitconfig:
]]></description>
<dc:subject>git</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:fe83cdcf848f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:git"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://darsa.in/sly/#!examples">
    <title>Sly</title>
    <dc:date>2013-06-03T14:29:26+00:00</dc:date>
    <link>http://darsa.in/sly/#!examples</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support.

It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.]]></description>
<dc:subject>jquery navigation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:6f5a9b8dd8dd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:navigation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jpanelmenu.com/">
    <title>jPanelMenu | A jQuery Plugin</title>
    <dc:date>2013-06-03T05:56:03+00:00</dc:date>
    <link>http://jpanelmenu.com/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

Just click on the menu button (the top left of this page) to see it in action.

Check out the changelog to see what’s new in version 1.3.0.]]></description>
<dc:subject>jquery menu</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:653f040fccc5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:menu"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://daker.me/2013/05/5-html5-features-you-need-to-know.html">
    <title>5 HTML5 Features you need to know — Adnane Belmadiaf's Blog</title>
    <dc:date>2013-05-28T06:04:05+00:00</dc:date>
    <link>http://daker.me/2013/05/5-html5-features-you-need-to-know.html</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[HTML5 has been around for a while now, it introduces lots of new and exciting new JavaScript and HTML APIs for both mobile and desktop, so in this post you will discover some HTML5 features that will enhance your web apps and will save you a lot of time.]]></description>
<dc:subject>html5 tips</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:36ab7287e440/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:tips"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion">
    <title>samsono/Easy-Responsive-Tabs-to-Accordion · GitHub</title>
    <dc:date>2013-05-27T06:12:44+00:00</dc:date>
    <link>https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its form accordingly.]]></description>
<dc:subject>jquery navigation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:6a5476e34f52/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:navigation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.picksumipsum.co.uk/">
    <title>Picksum Ipsum - Movie Lorem Ipsum Text Generator Alternative</title>
    <dc:date>2013-05-27T06:08:42+00:00</dc:date>
    <link>http://www.picksumipsum.co.uk/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Do you love movies as much as you love making cool websites? Then, boy – have we got the lorem ipsum for you! Our badass text generator will give you the best lines from some of the hardest Hollywood legends – we’re talking Eastwood, Caine, Carrey and Freeman – and mix them up ready to work their magic on your new website. In fact, we reckon you’ll love Picksum Ipsum so much, you might never want to replace it with real text.

Simply pick your main man, choose your number of paragraphs and tell us if you’d likesum <P> tags, then in one click we’ll give you the script to create a web page which is a huge hit. Your website is too cool for boring lorem ipsum, so why not make something that really stands out by using our lorem ipsum alternative instead?

If you’re a film fan as well as a web genius, get to grips with our cool text generator now and Picksum Ipsum.]]></description>
<dc:subject>tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:6d4f878e1461/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://groenroos.github.io/minimalect/">
    <title>Minimalect by groenroos</title>
    <dc:date>2013-05-27T06:05:54+00:00</dc:date>
    <link>http://groenroos.github.io/minimalect/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Minimal select replacement for jQuery by @groenroos.

Replace select elements with a nicer styled control
Support for optgroups
Filtering choices by typing
Keyboard navigation
Support for themes]]></description>
<dc:subject>jquery forms</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:ac3fb9999a59/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:forms"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://screensiz.es/">
    <title>Screensiz.es</title>
    <dc:date>2013-05-27T06:04:56+00:00</dc:date>
    <link>http://screensiz.es/</link>
    <dc:creator>JoostKiens</dc:creator><dc:subject>mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:1a2e054115ff/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://badassjs.com/post/1461943420/face-detection-in-javascript-via-html5-canvas">
    <title>Face Detection in JavaScript via HTML5 Canvas - Badass JavaScript</title>
    <dc:date>2013-05-26T15:06:12+00:00</dc:date>
    <link>http://badassjs.com/post/1461943420/face-detection-in-javascript-via-html5-canvas</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript?  Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element.]]></description>
<dc:subject>canvas javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:c02505bbf953/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:canvas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tech.pro/tutorial/1300/deep-dive-into-requirejs">
    <title>Deep dive into Require.js - Tech.Pro</title>
    <dc:date>2013-05-26T12:37:49+00:00</dc:date>
    <link>http://tech.pro/tutorial/1300/deep-dive-into-requirejs</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Require.js is one of my favorite ways to write JavaScript these days. It's modularity breaks up larger apps into smaller, manageable pieces. The optimizer is a powerful tool capable of squashing the largest of apps into the smallest of apps by tracing each module's dependencies. There are many reasons to be using AMD with require.js.

Let's take a look at some of the more powerful features of require.js that you may or may not know about.]]></description>
<dc:subject>requirejs</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:72e7eb57f32a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:requirejs"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.jamesward.com/2013/05/13/securing-single-page-apps-and-rest-services">
    <title>Securing Single Page Apps and REST Services</title>
    <dc:date>2013-05-21T07:00:01+00:00</dc:date>
    <link>http://www.jamesward.com/2013/05/13/securing-single-page-apps-and-rest-services</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[The move towards Single Page Apps and RESTful services open the doors to a much better way of securing web applications. Traditional web applications use browser cookies to identify a user when a request is made to the server. This approach is fundamentally flawed and causes many applications to be vulnerable to Cross-Site Request Forgery (CSRF) attacks. When used correctly, RESTful services can avoid this vulnerability altogether. Before we go into the solution, lets recap the problem.

]]></description>
<dc:subject>security Play rest</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:478fd996b2f8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:security"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:Play"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:rest"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.jamesward.com/2013/05/15/auto-refresh-for-play-framework-apps">
    <title>Auto-Refresh for Play Framework Apps</title>
    <dc:date>2013-05-21T06:54:37+00:00</dc:date>
    <link>http://www.jamesward.com/2013/05/15/auto-refresh-for-play-framework-apps</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Over this past weekend I built a little tool for Play Framework app developers which auto-refreshes an app in Chrome when the source code or static assets change.]]></description>
<dc:subject>Play</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:e3ada725a449/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:Play"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://davidwalsh.name/firefox-app">
    <title>Turn Your Web Application into a Firefox OS App in 5 Minutes</title>
    <dc:date>2013-05-20T16:28:48+00:00</dc:date>
    <link>http://davidwalsh.name/firefox-app</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[One of the promises that comes with HTML5 mobile apps, especially those to be featured on Firefox OS, is that your existing web applications, if created properly (feature detection, responsive design, etc.), can be turned into a working mobile application in relatively little time.  And that's the way it should be, right?  If my app works in the device's browser, shouldn't it work perfectly as a standalone app?  Let's say you have a responsive, well-written website/app and you want to let Firefox OS users experience your work as a first class app;  the following few steps will help you make those Firefox OS app dreams a reality.]]></description>
<dc:subject>firefoxOS</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:5cf57f10b43e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:firefoxOS"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://engineering.appfolio.com/2012/11/16/css-architecture/">
    <title>CSS Architecture | Appfolio Engineering</title>
    <dc:date>2013-05-14T14:57:27+00:00</dc:date>
    <link>http://engineering.appfolio.com/2012/11/16/css-architecture/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[I believe the goals of good CSS architecture shouldn’t be that different from the goals of all good software development. I want my CSS to be predictable, reusable, maintainable, and scalable.]]></description>
<dc:subject>css bestpractices reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:7b4ef7fb2893/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:bestpractices"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://alexdunphy.github.io/refineslide/">
    <title>RefineSlide</title>
    <dc:date>2013-05-14T06:19:48+00:00</dc:date>
    <link>http://alexdunphy.github.io/refineslide/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[A few transitions to play with
Responsive down to mobile scale
CSS transition & 3D transform support
Javascript fallback fade transition
Auto-formatted, responsive thumbnails
Good browser support (IE7+)
HTML captions
Hardware acceleration on supported browsers
Free to use and abuse as you like
Simple, semantic markup
Lightweight: ~10.7k minified]]></description>
<dc:subject>slideshow</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:96b51037475f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:slideshow"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://weblogs.asp.net/bleroy/archive/2008/01/18/dates-and-json.aspx">
    <title>Dates and JSON - Tales from the Evil Empire</title>
    <dc:date>2013-05-14T06:03:15+00:00</dc:date>
    <link>http://weblogs.asp.net/bleroy/archive/2008/01/18/dates-and-json.aspx</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Here's how you'd encode a string that contains the same literal I described above: "/Date(1198908717056)/".

Notice how a simple eval-based parser will just return the exact same string in both cases, but if you run a simple search for "\\/Date\((-?\d+)\)\\/" and replace with "new Date($1)" before the eval (but after validation), you'll get the dates right in the final object graph. The string I described above will just go through that filter undetected and will remain a string.]]></description>
<dc:subject>json</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:3cbc7c328354/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:json"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ricostacruz.com/backbone-patterns/">
    <title>Backbone patterns</title>
    <dc:date>2013-05-10T06:10:51+00:00</dc:date>
    <link>http://ricostacruz.com/backbone-patterns/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Here, I try to document the good practices that our team has learned along the way building Backbone applications.

Assumptions

This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself.]]></description>
<dc:subject>javascript patterns backbone.js</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:81da1f859173/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:patterns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:backbone.js"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.mocky.io/">
    <title>Mocky: Real HTTP mocking</title>
    <dc:date>2013-05-07T20:25:35+00:00</dc:date>
    <link>http://www.mocky.io/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Mock your HTTP responses to test your REST API]]></description>
<dc:subject>api rest</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:2b16689a8692/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:api"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:rest"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://livicons.com/#examples">
    <title>LivIcons - Exclusive Truly Animated Icon Pack!</title>
    <dc:date>2013-05-05T14:15:16+00:00</dc:date>
    <link>http://livicons.com/#examples</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.]]></description>
<dc:subject>animation icons ui</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:e0555473b6a2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:ui"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.starbucks.com/static/reference/styleguide/">
    <title>Style Guide</title>
    <dc:date>2013-05-02T08:46:26+00:00</dc:date>
    <link>http://www.starbucks.com/static/reference/styleguide/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Starbucks styleguide]]></description>
<dc:subject>styleguide</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:0ce9257e0740/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:styleguide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.paulrobertlloyd.com/about/styleguide/">
    <title>Styleguide — Paul Robert Lloyd</title>
    <dc:date>2013-05-02T08:45:20+00:00</dc:date>
    <link>http://www.paulrobertlloyd.com/about/styleguide/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This document is a guide to the mark-up styles used throughout the site. Parts of this markup guide are attributable to Dave Shea, and licensed under a Creative Commons License.]]></description>
<dc:subject>styleguide</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:6355f2d24f42/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:styleguide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://breakpoint-sass.com/">
    <title>Breakpoint</title>
    <dc:date>2013-05-02T07:07:37+00:00</dc:date>
    <link>http://breakpoint-sass.com/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Breakpoint makes writing media queries in Sass super simple. 
Here's one:

scss
$high-tide: 500px;
I told you it was simple. Check it out. You can use that variable in the Breakpoint mixin like this.]]></description>
<dc:subject>compass sass</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:4fcc726b0eba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:compass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:sass"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://coding.smashingmagazine.com/2013/04/26/css3-transitions-thank-god-specification/">
    <title>Thank God We Have A Specification! | Smashing Coding</title>
    <dc:date>2013-04-29T07:40:39+00:00</dc:date>
    <link>http://coding.smashingmagazine.com/2013/04/26/css3-transitions-thank-god-specification/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed. Alex MacCaw has already written a very insightful and thorough article on “All You Need to Know About CSS Transitions.”]]></description>
<dc:subject>animation css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:488a123912fd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://subprotocol.com/verlet-js/">
    <title>Verlet-js</title>
    <dc:date>2013-04-22T06:04:53+00:00</dc:date>
    <link>http://subprotocol.com/verlet-js/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[About
verlet-js a simple Verlet integration physics engine written in javascript by Sub Protocol. Verlet is pronounced 'ver-ley'.]]></description>
<dc:subject>javascript library</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:ae47e48204e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:library"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://npmjs.org/package/js-beautify">
    <title>js-beautify</title>
    <dc:date>2013-04-18T07:03:10+00:00</dc:date>
    <link>https://npmjs.org/package/js-beautify</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[This little beautifier will reformat and reindent bookmarklets, ugly JavaScript, unpack scripts packed by Dean Edward’s popular packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.]]></description>
<dc:subject>javascript json</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:8cb8d797915a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:json"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bootboxjs.com/">
    <title>Bootbox.js—alert, confirm and flexible dialogs for Twitter's Bootstrap framework</title>
    <dc:date>2013-04-18T07:02:49+00:00</dc:date>
    <link>http://bootboxjs.com/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers. Here’s the simplest possible example:]]></description>
<dc:subject>bootstrap modal</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:aad72b6fada5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:bootstrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:modal"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://en.wikipedia.org/wiki/Data_URI_scheme">
    <title>Data URI scheme - Wikipedia, the free encyclopedia</title>
    <dc:date>2013-04-18T07:02:28+00:00</dc:date>
    <link>https://en.wikipedia.org/wiki/Data_URI_scheme</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[The data URI scheme is a URI scheme (Uniform Resource Identifier scheme) that provides a way to include data in-line in web pages as if they were external resources. This technique allows normally separate elements such as images and style sheets to be fetched in a single HTTP request rather than multiple HTTP requests, which can be more efficient.]]></description>
<dc:subject>html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:8c4bf0ceace8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.fontdeck.com/post/15777165734/opentype-1">
    <title>Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog</title>
    <dc:date>2013-04-17T13:41:18+00:00</dc:date>
    <link>http://blog.fontdeck.com/post/15777165734/opentype-1</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[The vast majority of fonts contain lowercase and uppercase alphabets, numerals, punctuation and accents. But there can be much more to fonts than this basic set of characters. Many professionally-designed fonts also contain ligatures, alternative characters, smallcaps, different kinds of numbers, and sometimes much more besides.]]></description>
<dc:subject>css3 fonts typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:d5b9925b53a2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/">
    <title>List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development</title>
    <dc:date>2013-04-17T12:48:25+00:00</dc:date>
    <link>http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Styling form elements is a pain point when developing web applications. Historically, web developers have had to accept the form controls the browser provided with little hope of customization. However, web rendering engines are increasingly adding hooks through pseudo-elements to give authors some control over the display.

While all of these pseudo-elements are rendering engine specific (and therefore behind vendor prefixes), they can still be handy for customizing the display for that engine. The following is my best attempt at compiling a complete list of the pseudo-elements available in Trident, Gecko, and WebKit. At the time of this writing Blink is a recent fork of WebKit, so the pseudo-elements provided are identical. I am not aware of any form related pseudo-elements that Presto provides.]]></description>
<dc:subject>css forms</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:23f891e950d9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:forms"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://littlesparkvt.com/flatstrap/index.html">
    <title>Flatstrap by Littlesparkvt.com</title>
    <dc:date>2013-04-17T12:38:43+00:00</dc:date>
    <link>http://littlesparkvt.com/flatstrap/index.html</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[Sometimes a new project doesn't need rounded corners or gradients. So we decided to get rid of them. We <3 Bootstrap.]]></description>
<dc:subject>bootstrap</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:2e5e40e8639c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:bootstrap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://benalman.com/projects/jquery-throttle-debounce-plugin/">
    <title>Ben Alman » jQuery throttle / debounce: Sometimes, less is more!</title>
    <dc:date>2013-04-17T06:50:02+00:00</dc:date>
    <link>http://benalman.com/projects/jquery-throttle-debounce-plugin/</link>
    <dc:creator>JoostKiens</dc:creator><description><![CDATA[jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential calls into a single execution at either the very beginning or end.]]></description>
<dc:subject>javascript jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:62d3ab45240c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://retrovectors.com/">
    <title>Retro Vectors</title>
    <dc:date>2013-04-16T06:05:42+00:00</dc:date>
    <link>http://retrovectors.com/</link>
    <dc:creator>JoostKiens</dc:creator><dc:subject>retro vector</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:JoostKiens/b:0c71b976fac4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:retro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:JoostKiens/t:vector"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>