<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Bright Lines &#187; plugins</title>
	<atom:link href="http://www.thebrightlines.com/tag/plugins/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thebrightlines.com</link>
	<description>HTML, CSS, Javascript and more</description>
	<lastBuildDate>Tue, 17 Jan 2012 22:00:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Preview Of A New jQuery List Pager Plugin</title>
		<link>http://www.thebrightlines.com/2011/05/20/preview-of-a-new-jquery-list-pager-plugin/</link>
		<comments>http://www.thebrightlines.com/2011/05/20/preview-of-a-new-jquery-list-pager-plugin/#comments</comments>
		<pubDate>Fri, 20 May 2011 20:49:07 +0000</pubDate>
		<dc:creator>Wouter Bos</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[OnoPager]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://www.thebrightlines.com/?p=817</guid>
		<description><![CDATA[For some time now I've been busy writing a jQuery plugin called the Ono List Pager that creates pageable widgets of standard unordered lists. I think the code is now stable enough to publish a preview.]]></description>
			<content:encoded><![CDATA[<p><a class="button demo" href="/onopager/website/"><span> </span>Demo</a></p>
<div class="clear"></div>
<p>The Ono list Pager aims to provide standard code for the paging logic, while the transitions are customizable and extendable. That way the plugin can adapt to a particular design without you having to rewrite the basic stuff. But that&#8217;s already the advanced stuff. The Ono List Pager already has a few built-in, configurable transition types, so you&#8217;ll most likely just pick some example code from the <a href="http://www.thebrightlines.com/onopager/website/">demo page</a> and go on with your life.</p>
<h2>Extending the Ono List Pager</h2>
<p>For the more adventurous types: creating your own transition shouldn&#8217;t be that hard. It is done by writing a piece of code called an animation object. You can start with a template of the animation object, or you just rewrite an existing one. I do not recommend to write your own animation object though, because the interface of those object can still change during development. In case you do write an animation object I&#8217;d like to hear it from you. maybe it can be become part of the plugin.</p>
<h2>Open source and available on GitHub</h2>
<p>The Ono List Pager is free and its project is available on <a href="https://github.com/WouterBos/Ono-List-Pager">Github</a>, so go right ahead and make it your own.</p>
<h2>Browser compatibility</h2>
<p>My aim is to make the library run on all major browsers: IE7+, Firefox, Safari, Chrome and most likely Opera.</p>


<p>Related posts:<ol><li><a href='http://www.thebrightlines.com/2011/09/10/the-jquery-plugin-ono-list-pager-reached-version-1-0/' rel='bookmark' title='Permanent Link: The jQuery plugin Ono List Pager reached version 1.0!'>The jQuery plugin Ono List Pager reached version 1.0!</a></li>
<li><a href='http://www.thebrightlines.com/2011/06/09/new-release-ono-list-pager-0-5/' rel='bookmark' title='Permanent Link: New release: Ono List Pager 0.5'>New release: Ono List Pager 0.5</a></li>
<li><a href='http://www.thebrightlines.com/2011/08/11/ono-list-pager-0-8-is-out/' rel='bookmark' title='Permanent Link: Ono List Pager 0.8 is out'>Ono List Pager 0.8 is out</a></li>
<li><a href='http://www.thebrightlines.com/2011/12/14/new-download-location-for-ono-list-pager/' rel='bookmark' title='Permanent Link: New download location for Ono List Pager'>New download location for Ono List Pager</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.thebrightlines.com/2011/05/20/preview-of-a-new-jquery-list-pager-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Taking back the control</title>
		<link>http://www.thebrightlines.com/2010/03/15/taking-back-the-control/</link>
		<comments>http://www.thebrightlines.com/2010/03/15/taking-back-the-control/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 20:04:41 +0000</pubDate>
		<dc:creator>Wouter Bos</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web development in general]]></category>
		<category><![CDATA[cooliris]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[stylish]]></category>

		<guid isPermaLink="false">http://www.thebrightlines.com/?p=506</guid>
		<description><![CDATA[As a user, you have more control than you think over what your browser does with websites.]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignright" style="width: 225px"><img title="The Bright Lines, seen through readability" src="/article-data/images/readability.png" alt="The Bright Lines, seen through readability" width="215" height="198" /><p class="wp-caption-text">The Bright Lines, as seen through &#39;readability&#39;</p></div>
<p>Lately I came across <a href="http://lab.arc90.com/experiments/readability/">Readability</a>. It&#8217;s a bookmarklet (works only in FF, Safari and Chrome) that alters any website into a more readable one. It does so by presenting it in a book form. At a first glance I thought it as a nice  tool, but I wasn&#8217;t sure I was going to use it. Then I thought that it was a real good example that you as a user have more to say than you think.</p>
<p>We always accept the usability of the websites for what it is. If it&#8217;&#8217;s good, it&#8217;s good. If it&#8217;s bad it&#8217;s bad. But the frontend of the website is built on <em>your</em> computer, in <em>your</em> browser. You have a certain level of control over the HTML, CSS and Javascript.</p>
<p>The most common way to make a website better is by using ad blockers. Yes, some people do live of advertising, but I don&#8217;t think that means you should be obliged to see them if you don&#8217;t want to. Especially when they distract. The best thing about ad blockers is that it doesn&#8217;t require any knowledge of web development at all.</p>
<p>Another example is <a href="https://addons.mozilla.org/en-US/firefox/addon/5579">CoolIris</a> that convert image pages of popular websites like Google Images or Flickr into a 3D wall of images.</p>
<p>A more techie Firefox plugin that I use is <a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a>. I use it to add my own CSS to websites I regularly visit. Most of the time I use it to remove section that I regard useless with a simple <code>display: none</code>. A more powerful variation of Stylish is the plugin <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a>. With Greasemonkey you can alter the websites with Javascript. And just like Stylish, you can publish your customization of the website through the plugin.</p>
<p>So that&#8217;s a reminder for me to see that websites are not cast in stone. Popular websites will on the client side be hacked by a small minority of users to cater their own needs. And if a site is really in need of improvement, plugins that help non-technical users would spread like wildfire.</p>


<p>Related posts:<ol><li><a href='http://www.thebrightlines.com/2009/10/29/popups-dodging-popup-blockers/' rel='bookmark' title='Permanent Link: Popups dodging popup blockers'>Popups dodging popup blockers</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.thebrightlines.com/2010/03/15/taking-back-the-control/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

