<?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 (44sunsets)</title>
    <link>https://pinboard.in/u:44sunsets/public/</link>
    <description>recent bookmarks from 44sunsets</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js/21903119#21903119"/>
	<rdf:li rdf:resource="https://github.com/simontabor/jquery-toggles"/>
	<rdf:li rdf:resource="http://blog.sodhanalibrary.com/2014/08/append-or-prepend-html-to-div-using.html#.WdXA5FuCyHs"/>
	<rdf:li rdf:resource="http://chibicode.com/react-js-introduction-for-people-who-know-just-enough-jquery-to-get-by/"/>
	<rdf:li rdf:resource="http://codecanyon.net/item/touch-n-swipe-image-gallery/5886023"/>
	<rdf:li rdf:resource="http://sachinchoolur.github.io/lightGallery/index.html"/>
	<rdf:li rdf:resource="https://www.koumbit.org/en/content/how-toggle-theme-region-using-jquery-either-omega-or-adaptivetheme"/>
	<rdf:li rdf:resource="http://harvesthq.github.io/chosen/"/>
	<rdf:li rdf:resource="http://www.laktek.com/2008/10/27/really-simple-color-picker-in-jquery/"/>
	<rdf:li rdf:resource="http://www.planettelex.com/tools/jquery/pt-linkify"/>
	<rdf:li rdf:resource="http://dimsemenov.com/plugins/magnific-popup/"/>
	<rdf:li rdf:resource="http://os.alfajango.com/easytabs/"/>
	<rdf:li rdf:resource="http://jsbeautifier.org/"/>
	<rdf:li rdf:resource="http://sower.com.au/demo/accordion.html"/>
	<rdf:li rdf:resource="http://www.cahapp.com/online/"/>
	<rdf:li rdf:resource="http://www.cahapp.com/"/>
	<rdf:li rdf:resource="http://fittextjs.com/"/>
	<rdf:li rdf:resource="http://www.frequency-decoder.com/demo/slabText/"/>
	<rdf:li rdf:resource="http://calebjacob.com/tooltipster/#examples"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/"/>
	<rdf:li rdf:resource="http://www.matmartinez.net/fatpixels/"/>
	<rdf:li rdf:resource="http://www.unheap.com/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/"/>
	<rdf:li rdf:resource="http://jsfiddle.net/A32H2/2/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2012/04/05/slideshow-with-jmpress-js/"/>
	<rdf:li rdf:resource="http://bruceburge.com/software/jquery-alarm/"/>
	<rdf:li rdf:resource="http://timeago.yarp.com/"/>
	<rdf:li rdf:resource="http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps#demos"/>
	<rdf:li rdf:resource="http://tweet.seaofclouds.com/"/>
	<rdf:li rdf:resource="http://files.gethifi.com/posts/jflickrfeed/example.html"/>
	<rdf:li rdf:resource="http://www.turnjs.com/#usage"/>
	<rdf:li rdf:resource="http://shama.github.com/jmpress.js/#/about"/>
	<rdf:li rdf:resource="http://fredhq.com/projects/roundabout/"/>
	<rdf:li rdf:resource="http://srobbin.com/jquery-plugins/backstretch/"/>
	<rdf:li rdf:resource="https://github.com/izilla/jQuery-touchMenuHover"/>
	<rdf:li rdf:resource="http://css-tricks.com/examples/BandMemberFadeins/"/>
	<rdf:li rdf:resource="http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/"/>
	<rdf:li rdf:resource="http://tympanus.net/Tutorials/BubbleNavigation/"/>
	<rdf:li rdf:resource="http://aviathemes.com/aviaslider/?slider=droping-curtain"/>
	<rdf:li rdf:resource="http://buildinternet.com/project/mosaic/"/>
	<rdf:li rdf:resource="http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/"/>
	<rdf:li rdf:resource="http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/"/>
	<rdf:li rdf:resource="http://mediaelementjs.com/"/>
	<rdf:li rdf:resource="http://code.drewwilson.com/entry/autosuggest-jquery-plugin"/>
	<rdf:li rdf:resource="http://stackoverflow.com/questions/1359018/in-jquery-how-to-attach-events-to-dynamic-html-elements"/>
	<rdf:li rdf:resource="http://flex.madebymufffin.com/"/>
	<rdf:li rdf:resource="http://www.blastam.com/blog/index.php/2011/04/how-to-track-downloads-in-google-analytics/"/>
	<rdf:li rdf:resource="http://timeglider.com/jquery/"/>
	<rdf:li rdf:resource="http://arshaw.com/fullcalendar/"/>
	<rdf:li rdf:resource="http://www.graphicsatlas.org/guidedtour/"/>
	<rdf:li rdf:resource="http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/"/>
	<rdf:li rdf:resource="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/"/>
	<rdf:li rdf:resource="http://jquery.malsup.com/twitter/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/"/>
	<rdf:li rdf:resource="http://odyniec.net/projects/imgareaselect/"/>
	<rdf:li rdf:resource="http://www.happyworm.com/jquery/jplayer/"/>
	<rdf:li rdf:resource="http://tobia.github.com/CrossSlide/"/>
	<rdf:li rdf:resource="http://www.ajax-zoom.com/"/>
	<rdf:li rdf:resource="http://www.maaki.com/thomas/SmoothDivScroll/"/>
	<rdf:li rdf:resource="http://paulirish.com/2009/jquery-idletimer-plugin/"/>
	<rdf:li rdf:resource="http://www.tuttoaster.com/create-an-iphone-optimised-website-using-jqtouch/"/>
	<rdf:li rdf:resource="http://brightscape.net/blog/show-hide-content-noscript-css-jquery/"/>
	<rdf:li rdf:resource="http://jqueryfordesigners.com/"/>
	<rdf:li rdf:resource="http://www.filamentgroup.com/lab/expand_and_collapse_content_accessibly_with_progressive_enhancement_jquery/#comments"/>
	<rdf:li rdf:resource="http://highcharts.com/"/>
	<rdf:li rdf:resource="http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/"/>
	<rdf:li rdf:resource="http://snook.ca/archives/javascript/simplest-jquery-slideshow"/>
	<rdf:li rdf:resource="http://jarodtaylor.com/meerkat/demos/demo1.php"/>
	<rdf:li rdf:resource="http://building-iphone-apps.labs.oreilly.com/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js/21903119#21903119">
    <title>Get url parameter jquery Or How to Get Query String Values In js - Stack Overflow</title>
    <dc:date>2017-10-31T00:50:47+00:00</dc:date>
    <link>https://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js/21903119#21903119</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
]]></description>
<dc:subject>best solution jquery get url parameter name</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:96bb2f4a2abf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:best"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:solution"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:get"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:url"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:parameter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:name"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/simontabor/jquery-toggles">
    <title>simontabor/jquery-toggles: jQuery plugin to make easy toggle buttons</title>
    <dc:date>2017-10-16T05:40:23+00:00</dc:date>
    <link>https://github.com/simontabor/jquery-toggles</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Want to create easy toggle buttons that you can click, drag, animate, use to toggle checkboxes and more? Yeah.

Examples can be seen here.]]></description>
<dc:subject>jquery toggle toggles light buttons toggling</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:215147f5bc81/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggles"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:light"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:buttons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.sodhanalibrary.com/2014/08/append-or-prepend-html-to-div-using.html#.WdXA5FuCyHs">
    <title>Append or Prepend html to div using AngularJS | SodhanaLibrary</title>
    <dc:date>2017-10-05T05:22:01+00:00</dc:date>
    <link>http://blog.sodhanalibrary.com/2014/08/append-or-prepend-html-to-div-using.html#.WdXA5FuCyHs</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[AngularJS supports append, prepend jQuery functionality. AngularJS append or prepend works exactly like as jQuery.
]]></description>
<dc:subject>angularjs angular prepend append inject insert html div jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:df147d04ffab/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:angularjs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:angular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:prepend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:append"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:inject"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:insert"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:div"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://chibicode.com/react-js-introduction-for-people-who-know-just-enough-jquery-to-get-by/">
    <title>React.js Introduction For People Who Know Just Enough jQuery To Get By</title>
    <dc:date>2017-06-17T14:57:43+00:00</dc:date>
    <link>http://chibicode.com/react-js-introduction-for-people-who-know-just-enough-jquery-to-get-by/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[I also heard React.js was good and recently spent some time playing with it. Now that I'm pretty comfortable with React, I decided to write a tutorial on this subject.

Target Audience: People Who Know Just Enough jQuery to Get by
Before I begin, I'd like to clarify who my target audience is.
]]></description>
<dc:subject>reactjs react tutorial jquery twitter intro introduction</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:9cdafbb3e423/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:reactjs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:react"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:twitter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:intro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:introduction"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codecanyon.net/item/touch-n-swipe-image-gallery/5886023">
    <title>Touch N Swipe Image Gallery - JavaScript | CodeCanyon</title>
    <dc:date>2016-01-31T07:30:15+00:00</dc:date>
    <link>http://codecanyon.net/item/touch-n-swipe-image-gallery/5886023</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>multitouch image gallery mobile tablet zoom pinch swipe gesture galleries responsive js javascript jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:b7f923ac79c1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multitouch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tablet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pinch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:swipe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gesture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:galleries"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sachinchoolur.github.io/lightGallery/index.html">
    <title>lightGallery</title>
    <dc:date>2016-01-31T07:16:18+00:00</dc:date>
    <link>http://sachinchoolur.github.io/lightGallery/index.html</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery image gallery zoom zooming multitouch touch responsive mobile tablet lightbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:0ec0a4ebcf9e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zooming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multitouch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:touch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tablet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:lightbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.koumbit.org/en/content/how-toggle-theme-region-using-jquery-either-omega-or-adaptivetheme">
    <title>How to toggle a theme region using jQuery with either Omega or AdaptiveTheme | Koumbit.org</title>
    <dc:date>2014-12-03T22:50:23+00:00</dc:date>
    <link>https://www.koumbit.org/en/content/how-toggle-theme-region-using-jquery-either-omega-or-adaptivetheme</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Recently two clients wanted to have a left-column navigation menu which the user could hide or display using a link in the primary menu, one on a site with a theme based on Omega, and another using a theme based on AdaptiveTheme. It wasn't enough to call the jQuery function .toggle(), however, since by the time the page has been loaded the Omega base theme has already determined that the Sidebar First region has content and the width of the rest of the page elements have been determined accordingly. Fortunately, the Omega and AdaptiveTheme base themes use CSS classes to indicate which theme regions are active, and set the width of each region based on those classes. So, all we had to do was to swap the appropriate classes each time the we toggled the display of the menu.

As it happens this is the first time I've had to insert random bits of jQuery into a theme (up until now, there was always a module for that), and I found that the necessary jQuery wrapper wasn't as well documented as it could have been, so here's a quick tutorial.

Put the following into MYTHEME.info:
]]></description>
<dc:subject>js toggle jquery omega adaptivetheme toggling region theme themeing drupal</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:b4dbdb8c4ccc/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:omega"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:adaptivetheme"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:region"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:theme"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:themeing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:drupal"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://harvesthq.github.io/chosen/">
    <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
    <dc:date>2014-12-02T06:12:35+00:00</dc:date>
    <link>http://harvesthq.github.io/chosen/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
]]></description>
<dc:subject>option select jquery plugin javascript forms form dropdown list multiple search autocomplete</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:55331bbebdba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:option"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:select"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:form"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dropdown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:list"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multiple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:search"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:autocomplete"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.laktek.com/2008/10/27/really-simple-color-picker-in-jquery/">
    <title>Really Simple Color Picker in jQuery | LakTEK (Lakshan Perera)</title>
    <dc:date>2014-08-08T04:42:56+00:00</dc:date>
    <link>http://www.laktek.com/2008/10/27/really-simple-color-picker-in-jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Recently, I needed to use a color picker with predefined color palette for my work. Thanks to many enthusiastic developers, there are several popular, sophisticated color pickers already exist for jQuery. However, most of these plugins looks complex as if they are made to be used in a online image editor. They are overwhelming for simple usage and less flexible for customization. So I had to write my own simple color picker from the scratch.

Usage of color picker is very straightforward. Users can either pick a color from the predefined color palette or enter hexadecimal value for a custom color. Compared to other plugins, it is very lightweight (it's only 5KB without compressing) and obtrusive to use. It doesn't require any dependencies apart from jQuery core and uses simple HTML/CSS for presentation. You have the ability to easily customize the default color palette by adding more colors or replacing the palette with completely different set of colors.

]]></description>
<dc:subject>jquery simple colour color colours picker predefined custom list values hex hexadecimal</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:a2f2f7bf3bec/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:simple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:colours"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:picker"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:predefined"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:custom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:list"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:values"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hex"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hexadecimal"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.planettelex.com/tools/jquery/pt-linkify">
    <title>Planet Telex Inc. | jQuery PT Linkify</title>
    <dc:date>2013-12-04T02:37:43+00:00</dc:date>
    <link>http://www.planettelex.com/tools/jquery/pt-linkify</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[This easy to use plugin detects URLs in a markup string and converts them into links. It provides a simple client side solution form making links out of plain text URLs.

Features

Generates HTML markup for making URLs into links.Configurable CSS class.Configurable link target (i.e. “_blank”, “_self”, etc.).Optionally make the links “nofollow.”]]></description>
<dc:subject>opensource jquery link linkify plugin convert plain text url links string clickable urls</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:72b52fed2d90/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:opensource"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:link"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:linkify"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:convert"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plain"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:url"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:links"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:string"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:clickable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:urls"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dimsemenov.com/plugins/magnific-popup/">
    <title>Magnific Popup: Responsive Lightbox &amp; Dialog Script</title>
    <dc:date>2013-12-02T06:29:50+00:00</dc:date>
    <link>http://dimsemenov.com/plugins/magnific-popup/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Magnific Popup is a responsive lightbox & dialog script that is focused on performance and providing best experience for user with any device 
(for Zepto.js or jQuery).]]></description>
<dc:subject>jquery responsive lightbox popup window image viewer gallery js javascript mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:6afd0dcd26fb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:lightbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:popup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:window"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:viewer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://os.alfajango.com/easytabs/">
    <title>jQuery EasyTabs Plugin</title>
    <dc:date>2013-04-11T07:33:09+00:00</dc:date>
    <link>http://os.alfajango.com/easytabs/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[EasyTabs is a lightweight jQuery plugin to provide full tab functionality, while leaving the styling up to you.
]]></description>
<dc:subject>jquery tab tabs tabbed tabbing plugin javascript lightweight</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:2e1b2a434272/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tab"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tabs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tabbed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tabbing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:lightweight"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jsbeautifier.org/">
    <title>Online JavaScript beautifier</title>
    <dc:date>2013-04-09T06:27:28+00:00</dc:date>
    <link>http://jsbeautifier.org/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>online js javascript jquery prettify lint beautify beautifier prettifier format formatter tool utility code</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:303fc69af265/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:online"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:prettify"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:lint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:beautify"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:beautifier"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:prettifier"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:format"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:formatter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tool"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:utility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:code"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sower.com.au/demo/accordion.html">
    <title>Multi level JQuery Accordion</title>
    <dc:date>2013-04-05T06:18:36+00:00</dc:date>
    <link>http://sower.com.au/demo/accordion.html</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[// Copyright (c) 2011 Peter Chapman - www.topverses.com
// Freely distributable for commercial or non-commercial use
$(document).ready(function() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
var openMe = $(this).next();
var mySiblings = $(this).parent().siblings().find('ul');
if (openMe.is(':visible')) {
openMe.slideUp('normal');  
} else {
mySiblings.slideUp('normal');  
openMe.slideDown('normal');
}
      }
);
});]]></description>
<dc:subject>jquery multi level multilevel accordion menu simple minimalist</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:f5fcc03d7644/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:level"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multilevel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:accordion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:menu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:simple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:minimalist"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.cahapp.com/online/">
    <title>CAHApp: The Unofficial Cards Against Humanity web app for iPhone, iPad, PC &amp; Mac</title>
    <dc:date>2013-03-23T03:42:15+00:00</dc:date>
    <link>http://www.cahapp.com/online/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[www.cahapp.com/online
Development version

Setup 


Grab two friends with an iPhone as well as a bottle of booze

All visit www.cahapp.com/online (development edition)

Add the app to your homescreen, for browserfree hazzle

Make one player generate a key, and the others enter that same key to join a game

Optional. Add an iPad or laptop on the table, entering the same key

Select a deck (there is currently danish and the original deck)




Playing 


Select player for the players, and czar for the optional iPad

If you have an iPad the first czar card should have been dealt, if not, make one player tap the black card on the titlebar

Pick your white card(s) by tapping the blue button. (You can unselect a card the same way)

When everyone has dealt their cards, tap the black card on the iPad, and pick show hands

As the czar, pick the best card
]]></description>
<dc:subject>cah cardsagainsthumanity web app webapp html jquery github opensource free html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:bbf7d7311896/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cah"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cardsagainsthumanity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webapp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:github"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:opensource"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:free"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.cahapp.com/">
    <title>CAHApp: The Unofficial Cards Against Humanity web app for iPhone, iPad, PC &amp; Mac</title>
    <dc:date>2013-03-23T01:48:06+00:00</dc:date>
    <link>http://www.cahapp.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Humans.txt]]></description>
<dc:subject>cah cardsagainsthumanity web app webapp html jquery github opensource free html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:538f9d06476e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cah"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cardsagainsthumanity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webapp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:github"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:opensource"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:free"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fittextjs.com/">
    <title>FitText - A plugin for inflating web type</title>
    <dc:date>2013-03-18T05:05:21+00:00</dc:date>
    <link>http://fittextjs.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Oh, and don't you dare let us catch you using FitText on paragraph text. This is for gigantic display text only!]]></description>
<dc:subject>fittext plugin jquery javascript typography web js headings fitted fit auto large type</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:8a5929066e0e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fittext"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:headings"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fitted"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:auto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:large"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:type"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.frequency-decoder.com/demo/slabText/">
    <title>slabText – a jQuery plugin for creating big, bold &amp; responsive headlines</title>
    <dc:date>2013-03-07T04:30:48+00:00</dc:date>
    <link>http://www.frequency-decoder.com/demo/slabText/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.

So what does the script do again?

Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text. Many, many more examples can be viewed further down the page.

Calculated and preset word combinations

While the script does an admirable job at automating the creation of the individual rows, there are certainly situations in which you would choose to control the word combinations used to split the headline.

This can be achieved by presetting the word combinations (using <span class="slabtext"> wrappers) within the markup[1]. Should the script detect that the headline has been preset, it will not attempt to dynamically create the word combinations and simply fallback to resizing the preset rows to fit the available horizontal space.

Adding the span elements to the page markup in this way gives you absolute control over the word combinations used to split the headline text and also enables the targetting of specific rows within the CSS (in order to tweak the line height, change the font family etc).

Presetting the headline does have its drawbacks though – at smaller sizes and if the rows have wildly varying letter-counts, jagged right edges may be displayed. The script will adjust the word-spacing or letter-spacing in an attempt to rectify over-shoots or under-shoots in line length like this.

The following demo showcases two versions of the same headline, the first has rows (word combinations) dynamically calculated by the script while the second has rows preset within the markup (and therefore only resized-to-fit by the script).

]]></description>
<dc:subject>webdev jquery responsive headline headlines typography autosize fitted fit text nice beautiful</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:ff46d636e1eb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:headline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:headlines"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:autosize"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fitted"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:nice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:beautiful"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://calebjacob.com/tooltipster/#examples">
    <title>Tooltipster - The jQuery Tooltip Plugin</title>
    <dc:date>2013-03-07T04:16:07+00:00</dc:date>
    <link>http://calebjacob.com/tooltipster/#examples</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.]]></description>
<dc:subject>jquery plugin js tooltip tooltips html5 css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:4752fe5fadfb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tooltip"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tooltips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/">
    <title>BookBlock: A Content Flip Plugin | Codrops</title>
    <dc:date>2013-03-07T04:04:52+00:00</dc:date>
    <link>http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.
We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event).
]]></description>
<dc:subject>ookblock jquery content pageflip flip page flipper animated pageturner pageturn turning</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:52fef8b3eb7a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ookblock"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageflip"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flip"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flipper"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageturner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageturn"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:turning"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.matmartinez.net/fatpixels/">
    <title>FATPIXELS — JavaScript State-of-the-art pixel art animation and drawing. For the rest of us.</title>
    <dc:date>2013-03-07T03:55:15+00:00</dc:date>
    <link>http://www.matmartinez.net/fatpixels/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[State-of-the-art pixel art animation & drawing.
]]></description>
<dc:subject>jquery animation pixel art pixelart sprite rendering scale scaled</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:359581e10e89/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:art"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pixelart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sprite"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:rendering"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scaled"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.unheap.com/">
    <title>Unheap - A tidy repository of jQuery plugins</title>
    <dc:date>2013-03-07T03:14:15+00:00</dc:date>
    <link>http://www.unheap.com/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery webdev showcase repository plugins gallery demos</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:dcd28f51b9e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:showcase"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:repository"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugins"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:demos"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/">
    <title>Fullscreen Slit Slider with jQuery and CSS3 | Codrops</title>
    <dc:date>2012-11-06T00:15:37+00:00</dc:date>
    <link>http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.]]></description>
<dc:subject>css webdev jquery slider slit fullscreen animation animated css3 images image slideshow slides</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:a86a6d09a71f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fullscreen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slides"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jsfiddle.net/A32H2/2/">
    <title>ajax jQuery content loading example - jsFiddle</title>
    <dc:date>2012-11-02T05:59:14+00:00</dc:date>
    <link>http://jsfiddle.net/A32H2/2/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>ajax loading load content javascript js webdev jquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:d3c104082576/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ajax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:loading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:load"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2012/04/05/slideshow-with-jmpress-js/">
    <title>Slideshow with jmpress.js | Codrops</title>
    <dc:date>2012-06-25T00:54:53+00:00</dc:date>
    <link>http://tympanus.net/codrops/2012/04/05/slideshow-with-jmpress-js/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.]]></description>
<dc:subject>jmpress slideshow jquery slider tutorial javascript plugin</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:917be99186be/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jmpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bruceburge.com/software/jquery-alarm/">
    <title>Jquery Alarm</title>
    <dc:date>2012-06-13T07:30:30+00:00</dc:date>
    <link>http://bruceburge.com/software/jquery-alarm/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[This Application was started as an method to teach myself some of the basics of Jquery, the project was fun, slightly challenging, and over all works fairly well for the allotted time given to complete it, I spent a total of around 8 hours coding this, so I’m sure there are a lot of areas that could be improved, and if you find any bugs, or any suggestions for change feel free to leave a comment.

Features:
Multiple alarms
Multiple Alarm tones available on server
Custom alarm tones (via URL)
Adjustable font size
Adjustable Time Format
All Settings saved to cookies to local machine
]]></description>
<dc:subject>jquery alarm clock multiple timer events time alarms set</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:ec3f5c8cac83/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:alarm"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:clock"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:multiple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:events"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:time"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:alarms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:set"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://timeago.yarp.com/">
    <title>timeago: a jQuery plugin</title>
    <dc:date>2012-06-13T07:15:23+00:00</dc:date>
    <link>http://timeago.yarp.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). Download, view the examples, and enjoy.

You opened this page 2 minutes ago. (This will update every minute. Wait for it.)

This page was last modified 9 days ago.

Ryan was born 34 years ago.]]></description>
<dc:subject>jquery relative time plugin fuzzy timestamp timestamps date days day ago hours minutes update automatic</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:045848d45488/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:relative"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:time"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fuzzy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timestamp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timestamps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:date"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:days"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:day"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ago"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hours"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:minutes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:update"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:automatic"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps#demos">
    <title>A jQuery Plugin for Zoomable, Interactive Maps - GetHiFi</title>
    <dc:date>2012-05-30T01:25:54+00:00</dc:date>
    <link>http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps#demos</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[A couple of months ago we launched a site about Marine Science in North Carolina with one of our design partners, Liaison Design Group. A key part of the project was an interactive map that allowed visitors to find important Marine Science resources in North Carolina.

Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select subregions was possible.

We wanted the experience to be engaging as possible but also easily updatable in the future. We settled on jQuery as the interface technology to use as it made it simple to build, display and animate the map. I did a longer writeup on the detailed mechanics of how this worked two weeks ago in one of our most popular posts. Due to the great feedback we got on it, this is a follow-up with a revised version of the code as a jQuery plugin which should make it easier to integrate into other projects.

]]></description>
<dc:subject>jquery maps explorer map interactive clickable</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:adfa4abf54e1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:maps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:explorer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:map"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:interactive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:clickable"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tweet.seaofclouds.com/">
    <title>Tweet! Put Twitter on your site with this simple, unobtrusive jQuery widget</title>
    <dc:date>2012-05-29T07:47:46+00:00</dc:date>
    <link>http://tweet.seaofclouds.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.

]]></description>
<dc:subject>jquery twitter feed plugin query search tweet tweets</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:76683a472339/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:twitter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:feed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:search"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tweet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tweets"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://files.gethifi.com/posts/jflickrfeed/example.html">
    <title>jFlickrFeed Plugin</title>
    <dc:date>2012-05-29T01:15:15+00:00</dc:date>
    <link>http://files.gethifi.com/posts/jflickrfeed/example.html</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[This plugin makes it easy to pull Flickr feeds and display them on your site. Below are some examples that can get you thinking about its possiblities.]]></description>
<dc:subject>flickr feed plugin jquery images image photo slides slideshow callback</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:7777dff3aad2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flickr"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:feed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slides"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:callback"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.turnjs.com/#usage">
    <title>turn.js - The page flip effect for HTML5</title>
    <dc:date>2012-05-25T06:27:42+00:00</dc:date>
    <link>http://www.turnjs.com/#usage</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery pageturner page turner turn turning animated flip flipper flipping pageflipping book pages html5 plugin tablets smartphones phones mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:0fddc1c98150/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageturner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:turner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:turn"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:turning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flip"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flipper"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flipping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageflipping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:book"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pages"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tablets"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:smartphones"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:phones"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://shama.github.com/jmpress.js/#/about">
    <title>jmpress.js | a jQuery plugin to build a website on the infinite canvas</title>
    <dc:date>2012-05-25T05:42:39+00:00</dc:date>
    <link>http://shama.github.com/jmpress.js/#/about</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery jmpress impress.js js plugin fork</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:d03c784c4886/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jmpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:impress.js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fork"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fredhq.com/projects/roundabout/">
    <title>FredHQ - Roundabout for jQuery by Fred LeBlanc</title>
    <dc:date>2012-05-25T01:54:56+00:00</dc:date>
    <link>http://fredhq.com/projects/roundabout/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
]]></description>
<dc:subject>jquery roundtable circular plugin carousel round circle animation animated</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:5a63282e1d3a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:roundtable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:circular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:carousel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:round"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:circle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://srobbin.com/jquery-plugins/backstretch/">
    <title>Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page</title>
    <dc:date>2012-04-12T00:49:48+00:00</dc:date>
    <link>http://srobbin.com/jquery-plugins/backstretch/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[a simple jQuery plugin that allows you to add a dynamically-resized background image to any page
]]></description>
<dc:subject>jquery backgroundimage background image bg images resize dynamic resized</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:a793c6a68d29/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:backgroundimage"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:background"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:bg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:resize"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dynamic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:resized"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/izilla/jQuery-touchMenuHover">
    <title>izilla/jQuery-touchMenuHover - GitHub</title>
    <dc:date>2012-02-25T09:52:30+00:00</dc:date>
    <link>https://github.com/izilla/jQuery-touchMenuHover</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Allows ULs that open on li:hover to open on tap/click on mobile platforms such as Android, WP7 etc.

Safari on iOS is the only major mobile browser that opens child ULs when tapped; every other platform just follows the link. With this plugin, the click/tap event is intercepted allowing the menu to be opened. Tapping the link again will follow it. Tapping anywhere else on the document will close the menu.

]]></description>
<dc:subject>mobile ios android jquery plugin touch hover menu open close show hide expand collapse mouseover onhover tap ontap</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:c0c4de3e9a38/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:touch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:menu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:open"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:close"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:show"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:expand"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:collapse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mouseover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:onhover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ontap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/examples/BandMemberFadeins/">
    <title>jQuery silhouette rollovers - Band Rollovers</title>
    <dc:date>2012-02-15T06:45:02+00:00</dc:date>
    <link>http://css-tricks.com/examples/BandMemberFadeins/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery silhouette rollovers fade fading effect rollover mouseover hover opacity</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:43ee6784a30d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:silhouette"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:rollovers"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:effect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:rollover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mouseover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:opacity"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/">
    <title>Contextual Slideout Tips With jQuery &amp; CSS3 | Tutorialzine</title>
    <dc:date>2012-02-07T06:21:43+00:00</dc:date>
    <link>http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[By now, you’ve probably heard about Adobe’s new CS5 software pack. Also, you’ve probably seen their product pages, where they present the new features of the suite. Apart from the great design, they’ve also implemented an interesting solution for showcasing the new features their products are capable of – using contextual slideout tips.

Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.]]></description>
<dc:subject>contextual slideout slideouts sliding mouseover hover jquery box boxes</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:f4d1cda262ff/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:contextual"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideouts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mouseover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:box"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:boxes"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/Tutorials/BubbleNavigation/">
    <title>Awesome Bubble Navigation with jQuery</title>
    <dc:date>2012-02-07T06:14:06+00:00</dc:date>
    <link>http://tympanus.net/Tutorials/BubbleNavigation/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect. Ok, so let’s get started. The Markup The HTML will ...]]></description>
<dc:subject>circle circular bubble navigation jquery hover easing</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:bbb956719d15/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:circle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:circular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:bubble"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:easing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://aviathemes.com/aviaslider/?slider=droping-curtain">
    <title>AviaSlider - a unique jQuery Image slideshow plugin!</title>
    <dc:date>2012-02-07T06:13:23+00:00</dc:date>
    <link>http://aviathemes.com/aviaslider/?slider=droping-curtain</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery unique curtain effects slider image plugin images sliding diagonal dropping fading winding blocks</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:0b94e7556972/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:unique"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:curtain"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:effects"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:diagonal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dropping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:winding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:blocks"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://buildinternet.com/project/mosaic/">
    <title>Mosaic - Sliding Boxes and Captions jQuery Plugin</title>
    <dc:date>2012-02-07T05:20:13+00:00</dc:date>
    <link>http://buildinternet.com/project/mosaic/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[So, what exactly does Mosaic do?

    Automatically generates sliding boxes & captions
    Allows slide & fade animations with custom directions
    Preloads images within boxes]]></description>
<dc:subject>mosaic sliding boxes box slide jquery plugin titles captions caption title fade animation animations directions</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:d1571c05870f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mosaic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:boxes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:box"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:titles"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:captions"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:caption"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:title"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animations"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:directions"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/">
    <title>How To Build an Animated Header in jQuery</title>
    <dc:date>2012-02-07T05:12:12+00:00</dc:date>
    <link>http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Why not give a little flair to your header.  This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.

What We Are Building

We are going to build a header that animates it’s background.  We will also encase the header in shadow for the little extra dramatic effect.]]></description>
<dc:subject>jquery animated header banner background shadow dark image scrolling moving animation js</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:a5d164d82449/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:header"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:banner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:background"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dark"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scrolling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:moving"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/">
    <title>Building a Custom HTML5 Audio Player with jQuery « Neutron Creations</title>
    <dc:date>2011-11-20T13:11:53+00:00</dc:date>
    <link>http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[We recently built an HTML5 audio player for Tim Van Damme‘s The Box, a new podcast where he interviews people who make cool stuff. Tim wanted an HTML5 audio player on the site, and we put together some jQuery to hook up the player interface he designed. In this article we’ll run through the code to explain how it works, covering a few caveats along the way.

Here’s the player interface, and the markup for it.

]]></description>
<dc:subject>html5 audio player tutorial jquery javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:57d8cea6285f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:audio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:player"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mediaelementjs.com/">
    <title>MediaElement.js - HTML5 video player and audio player with Flash and Silverlight shims</title>
    <dc:date>2011-11-18T06:26:40+00:00</dc:date>
    <link>http://mediaelementjs.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[<video src="echo conference"> native
HTML5 <video> and <audio> made easy.
One file. Any browser. Same UI.
HTML5 audio and video players in pure HTML and CSS.
Custom Flash and Silverlight players that mimic the HTML5 MediaElement API for older browsers
Accessibility standards including WebVTT
Plugins for Wordpress, Drupal, Joomla, jQuery, and BlogEngine.NET, ruby gem, plone
See the MediaElement.js Github page
Tell some folks: ]]></description>
<dc:subject>html5 javascript jquery video audio player media flash fallback universal playback native html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:d79ef7f6b1ba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:audio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:player"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fallback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:universal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:playback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:native"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://code.drewwilson.com/entry/autosuggest-jquery-plugin">
    <title>AutoSuggest jQuery Plugin | Drewwilson.com</title>
    <dc:date>2011-11-17T23:47:22+00:00</dc:date>
    <link>http://code.drewwilson.com/entry/autosuggest-jquery-plugin</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[So I needed to add some auto-completing functionality to my project Build It With Me. I figured it would be easy to find a ready-made jQuery plugin to do the work for me. I was wrong.
Naturally I took it upon myself to solve this problem for all of you :) I created this plugin to be as general purpose as possible. As a result it ended up being vastly more customizable than any other jQuery auto-complete plugin. Not only that, I am using actual jQuery. For some reason all the other "jQuery" plugins don't really take advantage of the radness that is jQuery. Consequently, my plugin ended up being dramatically smaller in size (way less code). Just 7kb 8.8kb minified and only 6kb packed. Have fun with it!
AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy. ]]></description>
<dc:subject>javascript jquery plugin autocomplete autosuggest auto suggestions suggestion suggest complete autofill js webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:57c9fa6d093d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:autocomplete"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:autosuggest"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:auto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:suggestions"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:suggestion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:suggest"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:complete"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:autofill"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stackoverflow.com/questions/1359018/in-jquery-how-to-attach-events-to-dynamic-html-elements">
    <title>javascript - In jQuery, how to attach events to dynamic html elements? - Stack Overflow</title>
    <dc:date>2011-09-28T07:03:11+00:00</dc:date>
    <link>http://stackoverflow.com/questions/1359018/in-jquery-how-to-attach-events-to-dynamic-html-elements</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[4 down vote favorite
share [fb] share [tw]


Suppose I have some jQuery code that attaches an event handler to all elements with class "myclass". For example:

$(function(){
    $(".myclass").click( function() {
        // do something
    });
});

And my html might be as follows:

<a class="myclass" href="#">test1</a>
<a class="myclass" href="#">test2</a>
<a class="myclass" href="#">test3</a>

That works with no problem. However, consider if the "myclass" elements were written to the page at some future time.]]></description>
<dc:subject>jquery future dynamic events elements element dynamically created attach handler live die</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:aa85bdc544c9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:future"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dynamic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:events"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:elements"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:element"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dynamically"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:created"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:attach"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:handler"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:live"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:die"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://flex.madebymufffin.com/">
    <title>FlexSlider - The Best Responsive jQuery Slider</title>
    <dc:date>2011-08-25T05:34:24+00:00</dc:date>
    <link>http://flex.madebymufffin.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[In this post, we are glad to release a responsive jQuery slider plugin Flexslider which has been created, developed and maintained by Tyler Smith and released for Smashing Magazine and its readers. As usual, the plugin is absolutely free to use in private and commerical projects. The plugin includes fade and slide animations, customizable options as well as all the navigation options you would expect in such a plugin — touch gestures inclusive! It uses simple, semantic markup to create the slider and is lightweight, weighing only 5 Kb (minified). The plugin has been tested in Safari 4+, Chrome 4+, Firefox 3.6+, Opera 10+, and IE7+. iOS and Android devices are supported as well. In three simple steps, you can have a fully responsive slider for your responsive design.]]></description>
<dc:subject>javascript jquery slider sliding slideshow imageslider ios android iphone ipad</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:ee40b3ee6afb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:imageslider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ipad"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.blastam.com/blog/index.php/2011/04/how-to-track-downloads-in-google-analytics/">
    <title>How to Track File Downloads in Google Analytics | Web Analytics Blog</title>
    <dc:date>2011-06-09T02:56:22+00:00</dc:date>
    <link>http://www.blastam.com/blog/index.php/2011/04/how-to-track-downloads-in-google-analytics/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Out of the box, Google Analytics will not track how many times people download PDFs or other file types, simply because those files do not have the ability to request a tracking pixel.  In this blog post, we’ll be covering the ways to properly track file downloads in Google Analytics.

Throughout this blog post, I’ll be assuming that you are wanting to track a PDF download, but keep in mind that you could use this same technique to track the download of a .mp3, .mp4, .xlsx, etc — it really does not matter.  Additionally, I recommend tracking file downloads as events (so that you are not inflating pageviews on your site), but you could very well track them as pageviews.  In the new Google Analytics v5, you can now setup events as goals!]]></description>
<dc:subject>ga googleanalytics analytics google js jquery download downloads tracking track pdf doc xls ppt mp3 event events pageviews</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:7df3685911a3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ga"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:googleanalytics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:analytics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:google"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:download"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:downloads"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tracking"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:track"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pdf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:doc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:xls"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ppt"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mp3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:event"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:events"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pageviews"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://timeglider.com/jquery/">
    <title>Timeglider jQuery Plugin/Widget</title>
    <dc:date>2011-04-19T02:51:39+00:00</dc:date>
    <link>http://timeglider.com/jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Timeglider is a zooming, panning data-driven timeline — great for history projects, project planning, and much more. This Javascript/jQuery plugin is completely free & open-source [MIT]. Commercial solutions are under development which will complement the timeline viewer: authoring tools, databases, support plans, etc. Our code repository is at github.com/timeglider.

The timeline can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller. Any white area on the "stage" of the timeline can be dragged left and right, as can the blue "ruler" which marks out different units of time. Clicking on an event brings up a small modal window with a description and links if any are provided in the data.

In addition to being loaded from a JSON file (or JSON-formatted PHP, etc), Timeglider timelines can load directly from data you provide in an HTML table. ]]></description>
<dc:subject>time glider timeline timelines jquery plugin javascript webdev opensource mit free</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:5f005e56c4f9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:time"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:glider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timeline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timelines"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:opensource"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:free"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://arshaw.com/fullcalendar/">
    <title>FullCalendar - Full-sized Calendar jQuery Plugin</title>
    <dc:date>2011-03-23T01:08:54+00:00</dc:date>
    <link>http://arshaw.com/fullcalendar/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source and dual licensed under the MIT or GPL Version 2 licenses.]]></description>
<dc:subject>js javascript jquery calendar month week day daily weekly monthly view google googlecalendar plugin ajax</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:c8a98cc865d0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:calendar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:month"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:week"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:day"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:daily"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:weekly"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:monthly"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:view"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:google"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:googlecalendar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ajax"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.graphicsatlas.org/guidedtour/">
    <title>Graphics Atlas: Search Processes</title>
    <dc:date>2011-02-10T01:50:19+00:00</dc:date>
    <link>http://www.graphicsatlas.org/guidedtour/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>timeline control slider MIT js jquery javascript webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:0f8f69928ab2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timeline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:control"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:MIT"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/">
    <title>Update: A New &amp; Improved jQuery Script to Automatically Preload images from CSS | Filament Group, Inc., Boston, MA</title>
    <dc:date>2011-01-24T22:52:59+00:00</dc:date>
    <link>http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[New version improvements

Among other small improvements, this release allows preloading images from any directory specified in the CSS. Also offers load status updates for text and image-based load bars.]]></description>
<dc:subject>jquery js javascript css preload load images image cache webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:44sunsets/b:9ec6616ddb97/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:preload"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:load"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cache"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">
    <title>Easiest Tooltip and Image Preview Using jQuery | Css Globe</title>
    <dc:date>2010-10-07T03:15:28+00:00</dc:date>
    <link>http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[I love jQuery and the way it makes developer's life easier. Although it took me a while to accept it and I still prefer to write my own stuff, I can't deny its advantages. Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library. So I came up with a script so simple it hurts! The best thing yet is that it can be applied for a variety of purposes. Today I will show you 3 examples of using the same very, very simple script.
]]></description>
<dc:subject>jquery hover hovering image preview tooltip thumbnail images photo</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:20d9f1a4f6ee/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hovering"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:preview"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tooltip"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:thumbnail"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/">
    <title>Beautiful Photo Stack Gallery with jQuery and CSS3 | Codrops</title>
    <dc:date>2010-10-05T10:55:48+00:00</dc:date>
    <link>http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.
]]></description>
<dc:subject>jquery photo stack stacking shuffling return top most animated animation browse image photos</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:44b8de179ca2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:stack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:stacking"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:shuffling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:return"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:top"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:most"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:browse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photos"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jquery.malsup.com/twitter/">
    <title>JQuery Twitter Search Plugin</title>
    <dc:date>2010-10-05T06:45:01+00:00</dc:date>
    <link>http://jquery.malsup.com/twitter/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>jquery twitter search plugin</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:449bdb62fb21/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:twitter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:search"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/">
    <title>Interactive Photo Desk with jQuery and CSS3 | Codrops</title>
    <dc:date>2010-10-05T04:17:02+00:00</dc:date>
    <link>http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
]]></description>
<dc:subject>interactive drag&amp;drop dragndrop draganddrop photo photos selection shuffle pile stack images jquery javascript rotate slideshow desk table</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:1adc12950c2c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:interactive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:drag&amp;drop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:dragndrop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:draganddrop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photos"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:selection"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:shuffle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:stack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:rotate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:desk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:table"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://odyniec.net/projects/imgareaselect/">
    <title>imgAreaSelect - image selection/cropping jQuery plugin - odyniec.net</title>
    <dc:date>2010-09-29T00:44:40+00:00</dc:date>
    <link>http://odyniec.net/projects/imgareaselect/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[imgAreaSelect is a jQuery  plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
]]></description>
<dc:subject>image area select selection plugin jquery javascript rectangular cropping photo tag tagging tags flickr</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:3cf65a666d8b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:area"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:select"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:selection"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:rectangular"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cropping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tag"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tagging"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tags"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flickr"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.happyworm.com/jquery/jplayer/">
    <title>jPlayer : the CSS styleable jQuery audio player plugin</title>
    <dc:date>2010-09-02T14:06:20+00:00</dc:date>
    <link>http://www.happyworm.com/jquery/jplayer/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[jPlayer is a jQuery plugin that allows you to:

play and control audio files in your webpage
create and style an audio player using just HTML and CSS
add sound effects to your jQuery projects
support more devices using HTML5
All of this with HTML5 <audio> support for compliant browsers that allow mp3 or ogg format, while supporting other browsers using mp3 format with no visible Flash
]]></description>
<dc:subject>jplayer jquery javascript html5 audio playback player script js sound mp3 ogg flash fallback plugin plugins webdev css</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:cc861e62e51a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jplayer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:audio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:playback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:player"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:script"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sound"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mp3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ogg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fallback"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugins"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tobia.github.com/CrossSlide/">
    <title>CrossSlide</title>
    <dc:date>2010-08-10T03:28:12+00:00</dc:date>
    <link>http://tobia.github.com/CrossSlide/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[CrossSlide is a jQuery plugin implementing in 2kB1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!)
]]></description>
<dc:subject>jquery cross sliding kenburns ken burns effect fading fade crossfading animation gallery slideshow javascript image images crossslide plugin</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:0ed6fa5c4f3a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cross"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:kenburns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ken"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:burns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:effect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:crossfading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:crossslide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.ajax-zoom.com/">
    <title>AJAX-ZOOM jQuery Image Zoom &amp; Pan Gallery, PHP - Javascript image magnifier</title>
    <dc:date>2010-08-10T02:10:26+00:00</dc:date>
    <link>http://www.ajax-zoom.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery (JavaScript) and PHP. It is a completely packaged low cost solution1 to present high resolution images on the web. With over 250 options AJAX-ZOOM is very flexible and can be seamlessly integrated into any website - branding free! AJAX-ZOOM also doesn't require any browser plugins such as Flash, Java or Silverlight. It's all cross-browser javascript and PHP.
]]></description>
<dc:subject>jquery php javascript zoom zoomify zoomer pan panning image gallery viewer magnifier images zooming ajax</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:3420b4622447/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:php"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zoomify"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zoomer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pan"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:panning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:viewer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:magnifier"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:zooming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ajax"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.maaki.com/thomas/SmoothDivScroll/">
    <title>jQuery Smooth Div Scroll by Thomas Kahn</title>
    <dc:date>2010-08-10T01:39:54+00:00</dc:date>
    <link>http://www.maaki.com/thomas/SmoothDivScroll/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key here.
]]></description>
<dc:subject>jquery javascript smooth scroll scrolling scroller div image gallery panorama</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:d15359296d07/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:smooth"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scrolling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:scroller"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:div"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:panorama"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://paulirish.com/2009/jquery-idletimer-plugin/">
    <title>jQuery idleTimer plugin « Paul Irish</title>
    <dc:date>2010-07-14T05:43:07+00:00</dc:date>
    <link>http://paulirish.com/2009/jquery-idletimer-plugin/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[There are a few cases where you want to know if the user is idle. Namely:

    * You want to preload more assets
    * You want to grab their attention to pull them back
    * You want close their banking session after 5 minutes of inactivity. (Jerk!)
    * You want the site to sneak off the screen and see if they notice ;-)

Nick Zakas wrote a script for YUI3 to handle these cases. His writeup has a great description of the architecture approach he took to the script.

In my jQuery adaptation, I did a few different things:

   1. Leveraged event namespaces for easy unbinding
   2. Considered mousewheel as activity, in addition to keyboard and mouse movement.
   3. Gave it a bit more jQuery-ish of an API
]]></description>
<dc:subject>jquery javascript idle idletimer settimeout timeout page keyboard mouse event plugin timer activity</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:1d1c266b434c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:idle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:idletimer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:settimeout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timeout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:keyboard"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mouse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:event"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:timer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:activity"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.tuttoaster.com/create-an-iphone-optimised-website-using-jqtouch/">
    <title>Create an iPhone optimised website using jQTouch | TutToaster</title>
    <dc:date>2010-06-16T09:19:00+00:00</dc:date>
    <link>http://www.tuttoaster.com/create-an-iphone-optimised-website-using-jqtouch/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Recently I have been digging deeper into the world of web development for mobile devices. In particular for mobile Safari which is the browser that the iPhone and iPod Touch uses. I have recently been working on a redesign of my main freelancing website and I’ve decided that I’d like an iPhone-friendly version and so I have chosen to create a tutorial out of developing my own iPhone optimised website.
]]></description>
<dc:subject>jqtouch tutorial site website iphone webdev webdesign jquery mobile</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:6e1093d080bd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jqtouch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:site"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:website"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://brightscape.net/blog/show-hide-content-noscript-css-jquery/">
    <title>Show/Hide Content with Noscript, CSS &amp; jQuery | Brightscape Blog</title>
    <dc:date>2010-06-15T05:53:08+00:00</dc:date>
    <link>http://brightscape.net/blog/show-hide-content-noscript-css-jquery/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Within the CSS you need to set the #hasjs paragraph to display:none. We will then use jQuery to override the CSS if JavaScript is enabled.

<style type="text/css">
#hasjs {
display:none
}
</style>

The jQuery

The following piece of JavaScript tells the browser to hide the #nojs paragraph and show the #js paragraph. This obviously only applies if JavaScript is enabled in the browser.

<script type="text/javascript">
$(document).ready(function(){
$('#nojs').hide();
$('#hasjs').show();
});
</script>
]]></description>
<dc:subject>css javascript jquery accessibility noscript show hide content accessible graceful degradation degrade progressive enhancement</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:b95b58f70382/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:noscript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:show"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:accessible"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graceful"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:degradation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:degrade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:progressive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:enhancement"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jqueryfordesigners.com/">
    <title>jQuery for Designers - Tutorials and screencasts</title>
    <dc:date>2010-05-19T00:42:18+00:00</dc:date>
    <link>http://jqueryfordesigners.com/</link>
    <dc:creator>44sunsets</dc:creator><dc:subject>javascript jquery ajax inspiration tutorials showcase web design webdesign webdev css howto designer interface ui tutorial resources</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:ddeba0e365de/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ajax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorials"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:showcase"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:howto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:designer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:interface"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:resources"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.filamentgroup.com/lab/expand_and_collapse_content_accessibly_with_progressive_enhancement_jquery/#comments">
    <title>Expand and collapse content accessibly with progressive enhancement, jQuery, and ARIA | Filament Group, Inc., Boston, MA</title>
    <dc:date>2010-05-05T05:32:50+00:00</dc:date>
    <link>http://www.filamentgroup.com/lab/expand_and_collapse_content_accessibly_with_progressive_enhancement_jquery/#comments</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Collapsible content areas are frequently presented in web sites and applications as a way to let users to control how content is shown or hidden on the page. Also called collapsibles, spin-downs, toggle panels, twisties, and content disclosures, they're ideal for selectively displaying optional information — like instructional text or additional details, for example — so users can focus on the task at hand and view this content only as needed.

The collapsible content area widget is fairly simple — a couple of HTML elements controlled with minimal CSS and JavaScript — but when we were researching our book, Designing with Progressive Enhancement, we discovered that many common approaches to creating collapsible content fail to incorporate accessibility features. Happily, there is a way to build collapsible content with progressive enhancement so it delivers an optimal accessible experience for sighted and screen reader users alike.
]]></description>
<dc:subject>jquery progressive enhancement JS javascript webdev web development show hide showhide collapse expand script aria accessible accessibility</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:bf84d7c08988/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:progressive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:enhancement"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:JS"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:show"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:hide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:showhide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:collapse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:expand"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:script"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:aria"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:accessible"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:accessibility"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://highcharts.com/">
    <title>Highcharts - Interactive JavaScript charts for your webpage</title>
    <dc:date>2010-01-19T23:05:14+00:00</dc:date>
    <link>http://highcharts.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

It works in all modern browsers including the iPhone and Internet Explorer from version 6. Standard browsers use the Canvas element and in some cases SVG for the graphics rendering. In Internet Explorer graphics are drawn using VML.
]]></description>
<dc:subject>jquery mootools javascript js webdev web development chart charts graphs pie graph graphing library data visualization visualisation svg vml highcharts canvas</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:90341798fabd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mootools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:chart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:charts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graphs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:pie"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graph"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graphing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:data"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:visualization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:visualisation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:vml"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:highcharts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:canvas"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/">
    <title>Toggle Tutorial - jQuery CSS Toggle Effect - javascript toggle tutorial - simple Toggle Effect</title>
    <dc:date>2010-01-14T02:31:15+00:00</dc:date>
    <link>http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the “open” and “close” graphic state.

After reading a few tutorials and mix and matching techniques I was able to achieve this effect, but wanted to share it with those who experienced the same frustration that I had gone through.
]]></description>
<dc:subject>jquery webdev open close toggle active inactive state states graphic graphics expand collapse animated animate showhide web design css javascript tutorial animation</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:bface5730ec0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:open"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:close"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:toggle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:active"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:inactive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:state"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:states"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graphic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:graphics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:expand"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:collapse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:showhide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://snook.ca/archives/javascript/simplest-jquery-slideshow">
    <title>Simplest jQuery Slideshow - Snook.ca</title>
    <dc:date>2009-12-30T02:36:31+00:00</dc:date>
    <link>http://snook.ca/archives/javascript/simplest-jquery-slideshow</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[A friend was looking at doing a simple slideshow. The requirements were very straightforward:

    * No animation controls. eg: play, stop.
    * Images should cross-fade.

Her instinct was to find an existing jQuery plug-in and revise it to work to her needs. That would seem simple enough but if you do a search for jQuery slideshows, you'll find that there are plenty of them and they are filled with plenty of functionality.

Using an existing plug-in wasn't very practical and hard to work with. I had even recommended a script that I, myself, had written but she quickly realized it didn't meet the requirements.

I put my thinking cap on and decided to write a script from scratch. "Under 20 lines," I exclaimed! In the end, it turned out much simpler than even I predicted.
]]></description>
<dc:subject>jquery simple minimalist auto playing slideshow crossfade crossfading fading fade gallery photo tutorial</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:f46a9ab6f78a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:simple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:minimalist"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:auto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:playing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:crossfade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:crossfading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jarodtaylor.com/meerkat/demos/demo1.php">
    <title>Meerkat - A jQuery Plugin</title>
    <dc:date>2009-12-15T23:30:38+00:00</dc:date>
    <link>http://jarodtaylor.com/meerkat/demos/demo1.php</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Meerkat, depending on the options you have set, will slide or fade in from the top or bottom of the browser window and remain in its fixed position while the rest of the page will scroll normally. You have a choice of providing a close option which will simply close Meerkat until the page has been reloaded, or a dontShow option, which will close Meerkat until the browser session has ended, or for a set amount of days, depending on the options you have defined.
]]></description>
<dc:subject>jquery plugin js javascript webdev meerkat sliding top bottom popup message box messagebox fading fade slide slider fixed alert news urgent cookie cookies</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:feb3a8563d5c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:meerkat"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:sliding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:top"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:bottom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:popup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:message"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:box"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:messagebox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fading"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fade"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:fixed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:alert"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:news"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:urgent"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cookie"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:cookies"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://building-iphone-apps.labs.oreilly.com/">
    <title>Building iPhone Apps with HTML, CSS, and JavaScript</title>
    <dc:date>2009-12-11T13:02:10+00:00</dc:date>
    <link>http://building-iphone-apps.labs.oreilly.com/</link>
    <dc:creator>44sunsets</dc:creator><description><![CDATA[Now web designers and developers can join the iPhone app party without having to learn Cocoa's Objective-C programming language. It's true: You can write iPhone apps quickly and efficiently using your existing skills with HTML, CSS, and JavaScript. This book shows you how with lots of detailed examples, step-by-step instructions, and hands-on exercises.
]]></description>
<dc:subject>webdev web design development webapps apps iphone app native guide tutorial book free creativecommons html ebook mobile webapp oreilly css javascript jquery software</dc:subject>
<dc:identifier>https://pinboard.in/u:44sunsets/b:b6e0a94fbfbf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webapps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:apps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:native"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:book"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:free"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:creativecommons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:ebook"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:webapp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:oreilly"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:44sunsets/t:software"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>