<?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 (dogwonder)</title>
    <link>https://pinboard.in/u:dogwonder/public/</link>
    <description>recent bookmarks from dogwonder</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/"/>
	<rdf:li rdf:resource="https://css-tricks.com/the-widening-responsibility-for-front-end-developers/"/>
	<rdf:li rdf:resource="https://css-tricks.com/form-validation-part-1-constraint-validation-html/"/>
	<rdf:li rdf:resource="https://www.smartiehastheanswer.co.uk/achieving-100-out-of-100-on-google-pagespeed-insights-using-jekyll.html"/>
	<rdf:li rdf:resource="https://codepen.io/theprojectsomething/pen/NNYqrQ"/>
	<rdf:li rdf:resource="https://www.sitepoint.com/front-end-development-internet-explorer/"/>
	<rdf:li rdf:resource="http://usabilitygeek.com/5-registration-form-usability-guidelines/"/>
	<rdf:li rdf:resource="http://studio.uxpin.com/blog/dont-overlook-these-7-website-style-guide-sections/"/>
	<rdf:li rdf:resource="http://www.daveliepmann.com/tufte-css/"/>
	<rdf:li rdf:resource="http://mdo.github.io/wtf-html-css/#doctype"/>
	<rdf:li rdf:resource="http://kenwheeler.github.io/slick/"/>
	<rdf:li rdf:resource="http://googlewebmastercentral.blogspot.co.uk/2014/02/infinite-scroll-search-friendly.html"/>
	<rdf:li rdf:resource="http://devdocs.io/"/>
	<rdf:li rdf:resource="http://nicolasgallagher.com/about-html-semantics-front-end-architecture/"/>
	<rdf:li rdf:resource="http://diveintohtml5.info/video.html"/>
	<rdf:li rdf:resource="http://bradfrostweb.com/blog/post/atomic-web-design/"/>
	<rdf:li rdf:resource="http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/"/>
	<rdf:li rdf:resource="http://codepen.io/desandro/pen/kdqgy"/>
	<rdf:li rdf:resource="http://www.dontfeartheinternet.com/"/>
	<rdf:li rdf:resource="http://css-tricks.com/mixing-responsive-design-and-mobile-templates/"/>
	<rdf:li rdf:resource="https://www.google.com/doubleclick/studio/swiffy/"/>
	<rdf:li rdf:resource="http://jasonvanlue.com/notes/13737881/getting-started-with-web-design"/>
	<rdf:li rdf:resource="http://learn.shayhowe.com/advanced-html-css/"/>
	<rdf:li rdf:resource="http://christianheilmann.com/2013/01/25/five-things-you-can-do-to-make-html5-perform-better/"/>
	<rdf:li rdf:resource="http://outlinenone.com/"/>
	<rdf:li rdf:resource="http://www.mutuallyhuman.com/blog/2012/10/18/configuring-sublime-text-2/"/>
	<rdf:li rdf:resource="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/"/>
	<rdf:li rdf:resource="http://uxporn.uxpin.com/"/>
	<rdf:li rdf:resource="http://vimeo.com/50745034"/>
	<rdf:li rdf:resource="http://css-tricks.com/perfect-full-page-background-image/"/>
	<rdf:li rdf:resource="http://designshack.net/articles/css/lightsoff/"/>
	<rdf:li rdf:resource="http://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html"/>
	<rdf:li rdf:resource="http://codepen.io/FWeinb/pen/oyACz"/>
	<rdf:li rdf:resource="https://github.com/andreasbovens/understanding-viewport"/>
	<rdf:li rdf:resource="http://thecodeplayer.com/walkthrough/make-a-particle-system-in-html5-canvas"/>
	<rdf:li rdf:resource="http://bricss.net/post/16538278376/simple-responsive-design-test-page"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/responsive-images-how-they-almost-worked-and-what-we-need/"/>
	<rdf:li rdf:resource="http://goldengridsystem.com/"/>
	<rdf:li rdf:resource="http://bohemianalps.com/tools/grid/"/>
	<rdf:li rdf:resource="http://www.standardista.com/CSS3gradients/flags.html"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1286&amp;utm_source=twitterfeed&amp;utm_medium=twitter&amp;utm_campaign=Feed:+FunctioningForm+(LukeW+Ideation+%2B+Design)"/>
	<rdf:li rdf:resource="http://code.google.com/p/bibliotype-wp/"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/"/>
	<rdf:li rdf:resource="http://dig.csail.mit.edu/breadcrumbs/node/166"/>
	<rdf:li rdf:resource="http://feedproxy.google.com/~r/nettuts/~3/sidLE28Mz_M/"/>
	<rdf:li rdf:resource="http://woork.blogspot.com/2008/03/nice-ajax-effect-for-message-box-using.html"/>
	<rdf:li rdf:resource="http://www.thinkvitamin.com/features/css/stay-on-target"/>
	<rdf:li rdf:resource="http://wafful.org/2007/10/01/html-20-browser-detection-3/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/">
    <title>Smaller HTML Payloads with Service Workers — Philip Walton</title>
    <dc:date>2022-11-01T12:57:55+00:00</dc:date>
    <link>https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>html javascript performance serviceworkers</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:c0e9b398b797/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:serviceworkers"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/the-widening-responsibility-for-front-end-developers/">
    <title>The Widening Responsibility for Front-End Developers | CSS-Tricks</title>
    <dc:date>2020-10-16T10:04:50+00:00</dc:date>
    <link>https://css-tricks.com/the-widening-responsibility-for-front-end-developers/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css frontend html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:f392a7b5884c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/form-validation-part-1-constraint-validation-html/">
    <title>Form Validation Part 1: Constraint Validation in HTML | CSS-Tricks</title>
    <dc:date>2017-07-14T10:21:31+00:00</dc:date>
    <link>https://css-tricks.com/form-validation-part-1-constraint-validation-html/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>forms html javascript validation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:60ea58a9202e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:validation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smartiehastheanswer.co.uk/achieving-100-out-of-100-on-google-pagespeed-insights-using-jekyll.html">
    <title>Achieving 100 / 100 on Google PageSpeed Insights (using Jekyll)</title>
    <dc:date>2017-03-27T16:06:49+00:00</dc:date>
    <link>https://www.smartiehastheanswer.co.uk/achieving-100-out-of-100-on-google-pagespeed-insights-using-jekyll.html</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[100 / 100 on Google PageSpeed Insights]]></description>
<dc:subject>performance html optimisation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:194303b3bedd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:optimisation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://codepen.io/theprojectsomething/pen/NNYqrQ">
    <title>Fullscreen Video</title>
    <dc:date>2016-12-19T16:08:52+00:00</dc:date>
    <link>https://codepen.io/theprojectsomething/pen/NNYqrQ</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>video html css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:9fd6988988bf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.sitepoint.com/front-end-development-internet-explorer/">
    <title>Front End Development after Internet Explorer</title>
    <dc:date>2016-06-10T14:45:30+00:00</dc:date>
    <link>https://www.sitepoint.com/front-end-development-internet-explorer/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css frontend html javascript internetexplorer</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e302f882d727/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:internetexplorer"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://usabilitygeek.com/5-registration-form-usability-guidelines/">
    <title>5 Registration Form Usability Guidelines - Usability Geek</title>
    <dc:date>2016-04-27T12:04:30+00:00</dc:date>
    <link>http://usabilitygeek.com/5-registration-form-usability-guidelines/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>forms html accessibility</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:7be02f532366/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:accessibility"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://studio.uxpin.com/blog/dont-overlook-these-7-website-style-guide-sections/">
    <title>Don’t Overlook These 7 Website Style Guide Sections</title>
    <dc:date>2015-12-21T15:19:31+00:00</dc:date>
    <link>http://studio.uxpin.com/blog/dont-overlook-these-7-website-style-guide-sections/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>styleguide html css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:1e9ba9803b87/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:styleguide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.daveliepmann.com/tufte-css/">
    <title>Tufte CSS</title>
    <dc:date>2015-08-31T13:16:41+00:00</dc:date>
    <link>http://www.daveliepmann.com/tufte-css/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css design html tufte typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e74c0ebd618c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tufte"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mdo.github.io/wtf-html-css/#doctype">
    <title>WTF, HTML and CSS?</title>
    <dc:date>2014-03-28T15:53:39+00:00</dc:date>
    <link>http://mdo.github.io/wtf-html-css/#doctype</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas.]]></description>
<dc:subject>html css guide reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:8c36bf532e1a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://kenwheeler.github.io/slick/">
    <title>slick</title>
    <dc:date>2014-03-27T22:27:46+00:00</dc:date>
    <link>http://kenwheeler.github.io/slick/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Fully responsive. Scales with it's container.
Separate settings per breakpoint
Uses CSS3 when available. Fully functional when not.
Swipe enabled. Or disabled, if you prefer.
Desktop mouse dragging
Infinite looping.
Autoplay, dots, arrows, callbacks, etc...
]]></description>
<dc:subject>carousel css html javascript slider</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:fd04684af372/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:carousel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:slider"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://googlewebmastercentral.blogspot.co.uk/2014/02/infinite-scroll-search-friendly.html">
    <title>Official Google Webmaster Central Blog: Infinite scroll search-friendly recommendations</title>
    <dc:date>2014-02-28T18:34:45+00:00</dc:date>
    <link>http://googlewebmastercentral.blogspot.co.uk/2014/02/infinite-scroll-search-friendly.html</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Your site’s news feed or pinboard might use infinite scroll—much to your users’ delight! When it comes to delighting Googlebot, however, that can be another story. With infinite scroll, crawlers cannot always emulate manual user behavior--like scrolling or clicking a button to load more items--so they don't always access all individual items in the feed or gallery. If crawlers can’t access your content, it’s unlikely to surface in search results. ]]></description>
<dc:subject>html seo infinatescroll google</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:af1d8088acd3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:seo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:infinatescroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:google"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://devdocs.io/">
    <title>DevDocs</title>
    <dc:date>2014-01-29T09:34:16+00:00</dc:date>
    <link>http://devdocs.io/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[DevDocs combines multiple API documentations in a fast, organized, and searchable interface. Here's what you should know before you start:]]></description>
<dc:subject>css documentation html jquery reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e480341793da/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:documentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://nicolasgallagher.com/about-html-semantics-front-end-architecture/">
    <title>About HTML semantics and front-end architecture – Nicolas Gallagher</title>
    <dc:date>2014-01-02T12:14:56+00:00</dc:date>
    <link>http://nicolasgallagher.com/about-html-semantics-front-end-architecture/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression.]]></description>
<dc:subject>css css3 semantics html frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:f2040c737af1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:semantics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://diveintohtml5.info/video.html">
    <title>Video - Dive Into HTML5</title>
    <dc:date>2013-11-22T19:20:56+00:00</dc:date>
    <link>http://diveintohtml5.info/video.html</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[HTML5 defines a standard way to embed video in a web page, using a <video> element. Support for the <video> element is still evolving, which is a polite way of saying it doesn’t work yet. At least, it doesn’t work everywhere. But don’t despair! There are alternatives and fallbacks and options galore.]]></description>
<dc:subject>html html5 tutorial video</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e56b6e431711/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:video"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bradfrostweb.com/blog/post/atomic-web-design/">
    <title>Atomic Design | Brad Frost Web</title>
    <dc:date>2013-11-18T18:10:48+00:00</dc:date>
    <link>http://bradfrostweb.com/blog/post/atomic-web-design/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[As the craft of Web design continues to evolve, we’re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages.

A lot has been said about creating design systems, and much of it focuses on establishing foundations for color, typography, grids, texture and the like. This type of thinking is certainly important, but I’m slightly less interested in these aspects of design because ultimately they are and will always be subjective. Lately I’ve been more interested in what our interfaces are comprised of and how we can construct design systems in a more methodical way.]]></description>
<dc:subject>design development patterns web css html html5 frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:1b319412a399/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:patterns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/">
    <title>Semantic CSS With Intelligent Selectors | Smashing Coding</title>
    <dc:date>2013-09-06T12:12:45+00:00</dc:date>
    <link>http://coding.smashingmagazine.com/2013/08/20/semantic-css-with-intelligent-selectors/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[“Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan. For architects not wishing to crush hundreds of innocent people under the weight of a colossal building, this rule of thumb is pretty good. In design, you should always lead with function, and allow form to emerge as a result. If you were to lead with form, making your skyscraper look pretty would be easier, but at the cost of producing something pretty dangerous.
]]></description>
<dc:subject>css html semantic semantics</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:06f4c8f3cd2e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:semantic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:semantics"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/desandro/pen/kdqgy">
    <title>Rambo zoom - CodePen</title>
    <dc:date>2013-08-15T12:23:07+00:00</dc:date>
    <link>http://codepen.io/desandro/pen/kdqgy</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>code css html css3 animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:95d0baf69bc4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.dontfeartheinternet.com/">
    <title>Don’t Fear the Internet</title>
    <dc:date>2013-07-08T11:30:14+00:00</dc:date>
    <link>http://www.dontfeartheinternet.com/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Are you a print designer, photographer, fine-artist, or general creative person? Do you have a shitty website that you slapped together yourself in Dreamweaver in that ONE web design class that you took in college? Do you not have a site at all because you’ve been waiting two years for your cousin to put it together for you? Well, we’re here to help. We know that you have little to no desire to do web design professionally, but that doesn’t mean that you want an ugly cookie-cutter site or to settle for one that hasn't been updated since Hackers was in theaters. Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!) to match your aesthetic. You’ll feel empowered rather than crippled by the internet and worst case scenario you’ll at least end up having a better idea of how professional web designers turn your design dreams into a reality on screen.]]></description>
<dc:subject>css design html web webdesign tutorials learning education</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:97378fe8aeb7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorials"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:learning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:education"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/mixing-responsive-design-and-mobile-templates/">
    <title>Mixing Responsive Design and Mobile Templates | CSS-Tricks</title>
    <dc:date>2013-05-01T15:18:33+00:00</dc:date>
    <link>http://css-tricks.com/mixing-responsive-design-and-mobile-templates/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[You need a mobile strategy for your site. You have to pick Responsive Design or a dedicated mobile site, right? Maybe not. Maybe you can mix and match a variety of strategies.


]]></description>
<dc:subject>css html mobile responsive rwd</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:0bbee762ddf8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:rwd"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.google.com/doubleclick/studio/swiffy/">
    <title>Google Swiffy</title>
    <dc:date>2013-02-15T11:32:29+00:00</dc:date>
    <link>https://www.google.com/doubleclick/studio/swiffy/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). Swiffy can't yet convert DoubleClick Studio creatives.]]></description>
<dc:subject>flash html html5 javascript swf</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:4330d741c2b8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:swf"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jasonvanlue.com/notes/13737881/getting-started-with-web-design">
    <title>Jason VanLue › Notes</title>
    <dc:date>2013-02-08T02:08:36+00:00</dc:date>
    <link>http://jasonvanlue.com/notes/13737881/getting-started-with-web-design</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[I'm often asked where to start to learn web design (HTML/CSS). Sometimes it's from a young student interested in a career path, sometimes it's a print designer who wants to migrate to the web, and sometimes it's just a new hobby. I've curated a comprehensive growing list of resources that I hope is helpful.]]></description>
<dc:subject>code css design html learning education</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:43c9d84c2547/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:learning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:education"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://learn.shayhowe.com/advanced-html-css/">
    <title>An Advanced Guide to HTML &amp; CSS</title>
    <dc:date>2013-02-03T16:00:01+00:00</dc:date>
    <link>http://learn.shayhowe.com/advanced-html-css/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills.]]></description>
<dc:subject>css html html5 tutorial learning education</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:7c78eb8e18dc/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:learning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:education"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://christianheilmann.com/2013/01/25/five-things-you-can-do-to-make-html5-perform-better/">
    <title>Five things you can do to make HTML5 perform better | Christian Heilmann</title>
    <dc:date>2013-01-28T12:41:48+00:00</dc:date>
    <link>http://christianheilmann.com/2013/01/25/five-things-you-can-do-to-make-html5-perform-better/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[During the last few weeks we were busy helping developers to convert their HTML5 apps from platforms like WebOS and ChromeOS to FirefoxOS and the target hardware this operation system is right now aiming for. As these are slow mobiles, we found that quite some tweaking had to be done. The reason was in most cases libraries using outdated ways to animate and position things on the screen. These old ways of working are needed to support legacy browsers and in a lot of cases are not needed as these legacy browsers will never see the apps in the first place.]]></description>
<dc:subject>css html html5 performance webdesign optimization</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:5297543307dd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:optimization"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://outlinenone.com/">
    <title>CSS outline property - outline: none and outline: 0</title>
    <dc:date>2013-01-01T18:53:30+00:00</dc:date>
    <link>http://outlinenone.com/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[It provides visual feedback for links that have "focus" when navigating a web document using the TAB key (or equivalent). This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people.]]></description>
<dc:subject>accessibility css html web</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:b079b14a028b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:web"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.mutuallyhuman.com/blog/2012/10/18/configuring-sublime-text-2/">
    <title>Mutually Human Software</title>
    <dc:date>2012-12-15T19:31:56+00:00</dc:date>
    <link>http://www.mutuallyhuman.com/blog/2012/10/18/configuring-sublime-text-2/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[I have been a (relatively) long time Sublime Text 2 user. Early 2011, I was running Ubuntu on my laptop and wasn't happy with any text editors I was finding. I gazed longingly at TextMate on my colleagues's Macbooks, but overall I was happy with my OS choice and wasn't ready to make that leap. Then I discovered Sublime, and fell in love. Over time I have learned some things, and developed some methods that have made Sublime and I the best of friends.]]></description>
<dc:subject>programming software sublime html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:586c344e0534/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:software"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:sublime"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/">
    <title>A Responsive Design Approach for Navigation, Part 1 | Filament Group, Inc., Boston, MA</title>
    <dc:date>2012-12-01T14:03:45+00:00</dc:date>
    <link>http://filamentgroup.com/lab/responsive_design_approach_for_navigation/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[As we create responsive websites, we must consider a number of factors to make sure both the design and code are as bullet-proof as possible: the design must scale across a wide range of screen sizes from mobile to tablet to desktop; and the code must start with a mobile-first approach, work well for screen readers or with JavaScript disabled, and be robust enough to adapt to differences in text size and rendering across devices or user settings.]]></description>
<dc:subject>css html navigation responsive rwd</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:fba23afaceef/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:rwd"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://uxporn.uxpin.com/">
    <title>User Interface Design Patterns and Wireframe Templates | UXPorn by UXPin</title>
    <dc:date>2012-11-26T22:07:09+00:00</dc:date>
    <link>http://uxporn.uxpin.com/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[UX PORN FOR UX DESIGNERS: WIREFRAME TEMPLATES, UI DESIGN PATTERNS & MORE
]]></description>
<dc:subject>html inspiration interface usability ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:3b7c1e56f783/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:interface"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://vimeo.com/50745034">
    <title>Jeremy Keith: Forbedringer gjennom responsiv design (Webdagene 2012) on Vimeo</title>
    <dc:date>2012-10-07T15:59:04+00:00</dc:date>
    <link>http://vimeo.com/50745034</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[There is no "fold". There is no 960 pixel wide standard. Change your thinking to embrace responsive design. ]]></description>
<dc:subject>video programming responsive html browser</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:436b45f82dee/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:browser"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/perfect-full-page-background-image/">
    <title>Perfect Full Page Background Image | CSS-Tricks</title>
    <dc:date>2012-09-28T17:21:16+00:00</dc:date>
    <link>http://css-tricks.com/perfect-full-page-background-image/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[The goal here is a background image on a website that covers the entire browser window at all times. Let's put some specifics on it:

Fills entire page with image, no white space
Scales image as needed
Retains image proportions (aspect ratio)
Image is centered on page
Does not cause scrollbars
As cross-browser compatible as possible
Isn't some fancy shenanigans like Flash]]></description>
<dc:subject>css html image webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:57b509ff5bb7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://designshack.net/articles/css/lightsoff/">
    <title>Toggle a Page’s Color and Content With Pure CSS</title>
    <dc:date>2012-09-06T13:04:10+00:00</dc:date>
    <link>http://designshack.net/articles/css/lightsoff/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Today’s project is going to be a fun one. We’re going to build a basic HTML/CSS demo page, then add in a button that allows the user to toggle the page’s color scheme between to states: day and night. As the colors switch, so will various other elements on the page.]]></description>
<dc:subject>html css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:6c5e680e2f3c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html">
    <title>Using ARIA in HTML5</title>
    <dc:date>2012-08-23T11:45:39+00:00</dc:date>
    <link>http://dvcs.w3.org/hg/aria-unofficial/raw-file/tip/index.html</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[This document is intended as a practical guide for developers. It suggests what ARIA attributes to use on HTML elements. Suggestions are based on implementation realities. It has no official standing within the W3C. It is not intended as a static resource and will be updated as new information arises.]]></description>
<dc:subject>accessibility html html5 reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e12061eb8ea9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/FWeinb/pen/oyACz">
    <title>Creating the QLOCKTWO in HTML5, CSS and Javascript · CodePen</title>
    <dc:date>2012-07-19T09:41:13+00:00</dc:date>
    <link>http://codepen.io/FWeinb/pen/oyACz</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>html css clock</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:6cd11c585c2a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:clock"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/andreasbovens/understanding-viewport">
    <title>andreasbovens/understanding-viewport · GitHub</title>
    <dc:date>2012-07-16T09:18:50+00:00</dc:date>
    <link>https://github.com/andreasbovens/understanding-viewport</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[This is a set of simple HTML pages with various viewport and media query settings, that help me (and hopefully you as well) to better understand the working of the viewport meta tag and its @viewport CSS-based counterpart. You can find a live version on]]></description>
<dc:subject>responsive mobile html css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:967a01eceef7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://thecodeplayer.com/walkthrough/make-a-particle-system-in-html5-canvas">
    <title>Make a particle system in HTML5 canvas</title>
    <dc:date>2012-03-20T09:59:02+00:00</dc:date>
    <link>http://thecodeplayer.com/walkthrough/make-a-particle-system-in-html5-canvas</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Learn to make a simple particle system in HTML5 canvas and Javascript. This walkthrough is inspired by a video tutorial from @seb_ly. The particles are basically made of simple circles with radial gradients and random properties for velocity, size and color.]]></description>
<dc:subject>HTML animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:3cfa808dc514/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:HTML"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bricss.net/post/16538278376/simple-responsive-design-test-page">
    <title>Bricss - Simple responsive design test page</title>
    <dc:date>2012-02-18T16:49:14+00:00</dc:date>
    <link>http://bricss.net/post/16538278376/simple-responsive-design-test-page</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[There are some pretty complex testing tools for responsive designs out there. I even see people constantly resizing their browser window using on-screen rulers. The easiest approach to me is just a simple page with a bunch of iframes, like Matt Kersley’s test page. Because I always ended up refreshing the whole page rather than the URL bar on that page, I saved the file locally and tweaked it a little.]]></description>
<dc:subject>design development html responsive test</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:aa3536537e93/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:test"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/responsive-images-how-they-almost-worked-and-what-we-need/">
    <title>A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need</title>
    <dc:date>2012-01-31T17:14:03+00:00</dc:date>
    <link>http://www.alistapart.com/articles/responsive-images-how-they-almost-worked-and-what-we-need/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[RT @boxdeluxe: Responsive Images: How they Almost Worked and What We Need: ]]></description>
<dc:subject>css html images responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:a869b752043c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://goldengridsystem.com/">
    <title>Golden grid system</title>
    <dc:date>2011-08-28T12:09:16+00:00</dc:date>
    <link>http://goldengridsystem.com/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.]]></description>
<dc:subject>grids css html5 html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:da953d663d6e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grids"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bohemianalps.com/tools/grid/">
    <title>The Heads up grid</title>
    <dc:date>2011-08-28T12:08:06+00:00</dc:date>
    <link>http://bohemianalps.com/tools/grid/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>grid html css js</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:9e8394f6471e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:js"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.standardista.com/CSS3gradients/flags.html">
    <title>CSS Flags</title>
    <dc:date>2011-05-15T14:44:31+00:00</dc:date>
    <link>http://www.standardista.com/CSS3gradients/flags.html</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css css3 html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:a38141bcc6c8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.lukew.com/ff/entry.asp?1286&amp;utm_source=twitterfeed&amp;utm_medium=twitter&amp;utm_campaign=Feed:+FunctioningForm+(LukeW+Ideation+%2B+Design)">
    <title>LukeW | An Event Apart: Web 2.1 The Medium Comes of Age</title>
    <dc:date>2011-03-29T16:32:13+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1286&amp;utm_source=twitterfeed&amp;utm_medium=twitter&amp;utm_campaign=Feed:+FunctioningForm+(LukeW+Ideation+%2B+Design)</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[In his opening keynote at An Event Apart in Seattle, WA 2011 Jeffrey Zeldman provided a historic perspective on the development of the Internet, Web, and Web standards culminating in today's exciting opportunities for Web designers and developers.]]></description>
<dc:subject>web webdesign zeldman css3 html html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:85b3c46a3d17/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:zeldman"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://code.google.com/p/bibliotype-wp/">
    <title>bibliotype-wp - Project Hosting on Google Code</title>
    <dc:date>2011-02-27T23:12:48+00:00</dc:date>
    <link>http://code.google.com/p/bibliotype-wp/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Bibliotype is a (very) simple HTML, CSS and JS based library for rapid prototyping long-form typography and reading on tablets. Bibliotype for WordPress is a WordPress implementation of Craig Mod's original template.]]></description>
<dc:subject>html wordpress cms ebooks publishing</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:5c58994a586d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:cms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:ebooks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:publishing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/">
    <title>The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine</title>
    <dc:date>2009-04-28T21:04:25+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css webdesign tips design html</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:59c15211bddf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dig.csail.mit.edu/breadcrumbs/node/166">
    <title>Reinventing HTML | Decentralized Information Group (DIG) Breadcrumbs</title>
    <dc:date>2009-02-18T18:40:24+00:00</dc:date>
    <link>http://dig.csail.mit.edu/breadcrumbs/node/166</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css xhtml html frontend</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:c413739f2a6b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:xhtml"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://feedproxy.google.com/~r/nettuts/~3/sidLE28Mz_M/">
    <title>6 Easy Ways to Improve Your Html Emails</title>
    <dc:date>2008-09-22T13:10:27+00:00</dc:date>
    <link>http://feedproxy.google.com/~r/nettuts/~3/sidLE28Mz_M/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>htmlemail html css</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:31b06468856c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:htmlemail"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://woork.blogspot.com/2008/03/nice-ajax-effect-for-message-box-using.html">
    <title>woork: Nice Ajax effect for message box using Mootools</title>
    <dc:date>2008-03-04T22:39:10+00:00</dc:date>
    <link>http://woork.blogspot.com/2008/03/nice-ajax-effect-for-message-box-using.html</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>ajax design effect html mootools javascript</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:19fbf24c3fc8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:ajax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:effect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:mootools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.thinkvitamin.com/features/css/stay-on-target">
    <title>Vitamin Features » Stay on :target</title>
    <dc:date>2008-02-07T23:10:00+00:00</dc:date>
    <link>http://www.thinkvitamin.com/features/css/stay-on-target</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css programming tips html</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:934c38f6ded4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://wafful.org/2007/10/01/html-20-browser-detection-3/">
    <title>wafful.org - Web Security Blog - HTML 2.0 - Browser detection [3]</title>
    <dc:date>2007-10-03T21:32:14+00:00</dc:date>
    <link>http://wafful.org/2007/10/01/html-20-browser-detection-3/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>browser html development hack detection</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:a4d9ca245827/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:hack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:detection"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>