<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/tags/ui</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Sat, 25 May 2013 20:45:42 GMT</pubDate>
<item>
<title>(jQuery) Detect jquery ui popup is closed - darvein</title>
<link>http://snipplr.com/view/68638/detect-jquery-ui-popup-is-closed/</link>
<description><![CDATA[ <p>mi comment</p> ]]></description>
<pubDate>Mon, 19 Nov 2012 03:42:12 GMT</pubDate>
<guid>http://snipplr.com/view/68638/detect-jquery-ui-popup-is-closed/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - cphoover</title>
<link>http://snipplr.com/view/66495/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 03 Aug 2012 10:43:55 GMT</pubDate>
<guid>http://snipplr.com/view/66495/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - munrobaggers</title>
<link>http://snipplr.com/view/65448/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 07 Jun 2012 02:52:35 GMT</pubDate>
<guid>http://snipplr.com/view/65448/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(jQuery) Speed up jQuery UI Autocomplete Combobox with very large select lists - Huskie</title>
<link>http://snipplr.com/view/64623/speed-up-jquery-ui-autocomplete-combobox-with-very-large-select-lists/</link>
<description><![CDATA[ <p>With the current combobox implementation, the full list is emptied and re-rendered every time you expand the dropdown. Also you are stuck with setting the minLength to 0, because it has to do an empty search to get the full list.

Here is my own implementation extending the autocomplete widget. It renders the full list just once, and reuses it whenever the dropdown button is clicked. This also removes the dependence of the option minLength = 0. It also works with arrays, and ajax as list source. Also if you have multiple large list, the widget initialization is added to a queue so it can run in the background, and not freeze the browser.</p> ]]></description>
<pubDate>Tue, 17 Apr 2012 19:56:43 GMT</pubDate>
<guid>http://snipplr.com/view/64623/speed-up-jquery-ui-autocomplete-combobox-with-very-large-select-lists/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - inky76</title>
<link>http://snipplr.com/view/63754/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 07 Mar 2012 11:35:01 GMT</pubDate>
<guid>http://snipplr.com/view/63754/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - tilakapash</title>
<link>http://snipplr.com/view/62279/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 04 Jan 2012 01:00:02 GMT</pubDate>
<guid>http://snipplr.com/view/62279/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - tilakapash</title>
<link>http://snipplr.com/view/62257/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 04 Jan 2012 00:56:58 GMT</pubDate>
<guid>http://snipplr.com/view/62257/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(jQuery) Animated numbers update - claudiowebdesign</title>
<link>http://snipplr.com/view/61273/animated-numbers-update/</link>
<description><![CDATA[ <p>How to make numbers update with a smooth animation with jQuery</p> ]]></description>
<pubDate>Tue, 29 Nov 2011 03:54:46 GMT</pubDate>
<guid>http://snipplr.com/view/61273/animated-numbers-update/</guid>
</item>
<item>
<title>(jQuery) metro.js: recreating Windows 8 UI as a web interface - claudiowebdesign</title>
<link>http://snipplr.com/view/59777/metrojs-recreating-windows-8-ui-as-a-web-interface/</link>
<description><![CDATA[ <p>Hi everyone, a while ago i posted a little script that reproduced a little animation effect seen in Windows 8 Developer Preview. I thought about expanding it some more, and in the end i started actually recreating the whole Metro interface in HTML5/CSS3/jQuery. if anyone gets interested in it and desires to give a hand i'll soon upload everything on a public github repository

THE RESULT: http://claudiobonifazi.com/snippets/metro

THE SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.js

THE MINIFIED SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.min.js

hope you enjoy</p> ]]></description>
<pubDate>Fri, 14 Oct 2011 22:53:35 GMT</pubDate>
<guid>http://snipplr.com/view/59777/metrojs-recreating-windows-8-ui-as-a-web-interface/</guid>
</item>
<item>
<title>(PHP) WordPress Swap jQuery for jQTools UI - scottnix</title>
<link>http://snipplr.com/view/59448/wordpress-swap-jquery-for-jqtools-ui/</link>
<description><![CDATA[ <p>Swap Wordpress jQuery for http://flowplayer.org/tools/ UI library combined (and minified) with latest jQuery. 
(http://flowplayer.org/tools/download/index.html#cdn)</p> ]]></description>
<pubDate>Thu, 06 Oct 2011 03:43:41 GMT</pubDate>
<guid>http://snipplr.com/view/59448/wordpress-swap-jquery-for-jqtools-ui/</guid>
</item>
<item>
<title>(jQuery) Facebook like notifications with jQuery - claudiowebdesign</title>
<link>http://snipplr.com/view/59327/facebook-like-notifications-with-jquery/</link>
<description><![CDATA[ <p>I tried to create a little jQuery method to notify events to the user just as in facebook.

EXAMPLE: http://claudiobonifazi.com/snippets/fb_like_notifications/

1- Link this little plugin to your page (or paste it into your files as you wish)

2- add to your page an empty element (a div or similar) and on page load call $('thatdiv').setPopup()

3- Set that element to position:fixed and position it where you like (in this page it has left:50px and bottom:50px)

4- Whenever an event requires the appearing of one of those little popups, do $('thatdiv').callPopup('html content to place inside it')

5- For styling read the demo page's source as a guideline</p> ]]></description>
<pubDate>Sun, 02 Oct 2011 05:20:34 GMT</pubDate>
<guid>http://snipplr.com/view/59327/facebook-like-notifications-with-jquery/</guid>
</item>
<item>
<title>(jQuery) metro.js : a windows8 like onclick effect - claudiowebdesign</title>
<link>http://snipplr.com/view/59326/metrojs--a-windows8-like-onclick-effect/</link>
<description><![CDATA[ <p>After giving a try with the Windows 8 Developer Preview i asked myself if i could reproduce the on click effect of the metro UI in a webpage.

Sadly, for what i know at this time CSS3 3d transformations works only on webkit browsers, so this is nothing more than a code exercise with no real job usefulness. Anyway, here it is: if you click on one of the big squared link they tilt in the direction of the nearest border and if you click exactly in the center they perform a reducing effect. If you try it in firefox or opera only the reducing effect works.

EXAMPLE: http://claudiobonifazi.com/snippets/metro_click/</p> ]]></description>
<pubDate>Sun, 02 Oct 2011 05:18:14 GMT</pubDate>
<guid>http://snipplr.com/view/59326/metrojs--a-windows8-like-onclick-effect/</guid>
</item>
<item>
<title>(HTML) Sample Webpage consuming the mouseover events firehose jQuery UI widget - RichardCustance</title>
<link>http://snipplr.com/view/58626/sample-webpage-consuming-the-mouseover-events-firehose-jquery-ui-widget/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 13 Sep 2011 05:00:50 GMT</pubDate>
<guid>http://snipplr.com/view/58626/sample-webpage-consuming-the-mouseover-events-firehose-jquery-ui-widget/</guid>
</item>
<item>
<title>(ActionScript 3) Embed font in air for android - GunnarHKarlsson</title>
<link>http://snipplr.com/view/58368/embed-font-in-air-for-android/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 01 Sep 2011 16:32:53 GMT</pubDate>
<guid>http://snipplr.com/view/58368/embed-font-in-air-for-android/</guid>
</item>
<item>
<title>(jQuery) jQuery Ui Autocomplete, Custom ajax data - Cwerther</title>
<link>http://snipplr.com/view/55406/jquery-ui-autocomplete-custom-ajax-data/</link>
<description><![CDATA[ <p>This is made for a webservice that outputs varaiable data according to user input, ajax is called each time there is a change on the input.</p> ]]></description>
<pubDate>Fri, 17 Jun 2011 18:15:02 GMT</pubDate>
<guid>http://snipplr.com/view/55406/jquery-ui-autocomplete-custom-ajax-data/</guid>
</item>
<item>
<title>(JavaScript) Create a transparent TabbedBar for Titanium Mobile - chlab</title>
<link>http://snipplr.com/view/54338/create-a-transparent-tabbedbar-for-titanium-mobile/</link>
<description><![CDATA[ <p>We create a View with a background color, put a semi-transparent TabbedBar with empty button names on top of it, then add another layer of fully visible labels spaced to fit the TabbedBar beneath it. Everything is then wrapped in one View, which you can add to another View or Window.</p> ]]></description>
<pubDate>Tue, 24 May 2011 22:23:51 GMT</pubDate>
<guid>http://snipplr.com/view/54338/create-a-transparent-tabbedbar-for-titanium-mobile/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - oppey</title>
<link>http://snipplr.com/view/54243/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 23 May 2011 11:40:20 GMT</pubDate>
<guid>http://snipplr.com/view/54243/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - oppey</title>
<link>http://snipplr.com/view/53369/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 11 May 2011 22:48:45 GMT</pubDate>
<guid>http://snipplr.com/view/53369/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - mrAlexGray</title>
<link>http://snipplr.com/view/51867/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 10 Apr 2011 02:23:50 GMT</pubDate>
<guid>http://snipplr.com/view/51867/how-to-make-an-image-with-rounded-corners/</guid>
</item>
<item>
<title>(Objective C) How to make an image with rounded corners - krustyflakes</title>
<link>http://snipplr.com/view/50266/how-to-make-an-image-with-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 08 Mar 2011 07:04:18 GMT</pubDate>
<guid>http://snipplr.com/view/50266/how-to-make-an-image-with-rounded-corners/</guid>
</item>
</channel>
</rss>