<?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>Webegg &#187; Twitter</title>
	<atom:link href="http://www.webegg.co.uk/eggblog/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webegg.co.uk</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Mon, 28 Nov 2011 20:42:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Hooray for Blue Beanie Day</title>
		<link>http://www.webegg.co.uk/hooray-for-blue-beanie-day/</link>
		<comments>http://www.webegg.co.uk/hooray-for-blue-beanie-day/#comments</comments>
		<pubDate>Fri, 26 Nov 2010 10:44:16 +0000</pubDate>
		<dc:creator>Webegg</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[html and css]]></category>
		<category><![CDATA[Inspirational Web]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web Industry]]></category>

		<guid isPermaLink="false">http://www.webegg.co.uk/?p=1029</guid>
		<description><![CDATA[On 30th November 2010 it is the fourth annual Blue Beanie Day. It was founded by Jeffrey Zeldman, who was the lead author of one of my favourite books &#8216;Designing with Web Standards: Third Edition&#8216; and has among many others ...]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1053 alignleft" style="float: left;" title="designing-with-web-standards" src="http://www.webegg.co.uk/wp-content/uploads/2010/11/designing-with-web-standards.jpg" alt="" width="236" height="300" /><br />
On 30th November 2010 it is the fourth annual Blue Beanie Day. It was founded by <a href="http://www.twitter.com/zeldman">Jeffrey Zeldman</a>, who was the lead author  of one of my favourite books &#8216;<a href="http://www.zeldman.com/dwws/">Designing with Web Standards: Third  Edition</a>&#8216; and has among many others been designing, speaking and championing the use of Web Standards since the mid-nineties. <a href="http://tinyurl.com/39h76a9">Blue Beanie Day 2010 is also on facebook</a>.</p>
<p>My involvement in the Web Industry has led me through many a twist and turn over the last 7 years or so. Having your own area on the Infinite Web was the basic phenomenon that draw me to it in early 2000. The idea that you can make your creations appear in Front of anyone in the world still excites me enough to want to be involved full time, over a decade later, in my every day work.</p>
<p>Something I&#8217;ve noticed over that time, as I learn more about it as I&#8217;m sure many of us have, is how this Web beast is growing and changing, with endless new technologies, devices &amp; browsers arriving on the scene at regular intervals. This is also why <a href="http://webstandards.org/">webstandards.org</a> was set up. Thanks mainly to them, browser manufacturers, Development software makers, Web  Standards creators and other influencial Companies  now talk to each other, something that would have  seemed impossible only a few years ago. With all this technology and data (and social networks!) vying for users attention, someone has to make sure it doesn&#8217;t get out of control and that is our job as people who make Web sites.</p>
<blockquote><p>Thanks mainly to <a href="http://webstandards.org">webstandards.org</a> &#8211; software, browser &amp; standards makers now talk to each other much more than they used to.<span></span></p>
</blockquote>
<h3>Get a grip</h3>
<p>It all comes to a head when data is presented to the end user, which is  where we need to direct more attention as all these browsers and devices  become more widely used. By far the most popular way of presenting information on the Web is HTML or XHTML, whether that comes from a CMS template, a file or a database. We layout and style the HTML using CSS to make it look &#8216;pretty&#8217;, that is, in every possible browser and device we can, often with huge demands being placed upon us and having to make adjustments along the way. Even HTML itself is changing and as a Front End Designer who wants to make sites I build look and bahave in a way that engages the user, I also want them to be accessible and standards compliant in equal measure. Trying to add new technologies like HTML5 and CSS3 into this mix as they evolve, keeping everyone happy and adhering to Standards and Accessibility, is definately a challenge. It is also one that the future of the Web depends on and our clients will thank us for it. When their site does well into the future, it will be because it was built by someone with the correct mindset.</p>
<h3>Supporting Web Standards</h3>
<p><img class="alignright size-full wp-image-1058" style="float: right; margin-left: 10px; border: 0;" title="bluebeanie" src="http://www.webegg.co.uk/wp-content/uploads/2010/11/bluebeanie1.jpeg" alt="" width="192" height="119" />Without Web Standards, the Front End layer of the Web could become chaotic, ugly and bloated. Despite this, there are actually few sites that satisfy the standards, even with all the benefits that compliant sites can offer, although they may appear to look fine on the surface. This is why professional Front End Developers, Back end Developers, Usability Specialists, Creative Designers and many more, support Web Standards, doing what they can within their own discapline. Blue Beanie Day is the perfect symbol of that dedication. There is a facebook page to accompany <a href="http://tinyurl.com/39h76a9">this years Blue Beanie Day</a>. If you have a twitter account and can use Photoshop, find a picture of a Blue Beanie, super-impose it onto your twitter avatar (or simply take a picture of yourself with a blue beanie on) and upload it to your account. If you tweet about this years Blue Beanie Day, also remember to use the <a href="http://twitter.com/#!/search?q=%23bbd4">#bbd4</a> hashtag. Its worth bearing in mind, if you keep those brains warm they can do great things.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webegg.co.uk/hooray-for-blue-beanie-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beware the Twitter API</title>
		<link>http://www.webegg.co.uk/beware-the-twitter-api/</link>
		<comments>http://www.webegg.co.uk/beware-the-twitter-api/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 22:00:46 +0000</pubDate>
		<dc:creator>Webegg</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.webegg.co.uk/?p=419</guid>
		<description><![CDATA[I found a bit of a glaring hole in the twitter API the other day. I have a protected Twitter account and all I wanted to do on the Webegg site was to show one Tweet (the latest one) on ...]]></description>
			<content:encoded><![CDATA[<p>I found a bit of a glaring hole in the twitter API the other day. I have a protected Twitter account and all I wanted to do on the Webegg site was to show one Tweet (the latest one) on my site so that anyone visiting had an idea what I was talking about with friends and clients. The way I did it was to use a combination of the twitter API and Javascript.</p>
<p>The Twitter API can be used via the address bar to get hold of a json output of your account. This gives you the relevant information that you can break up and display on your page (I use jQuery to do this &#8211; well I did). The following javascript is part of what I used to use:</p>
<div class="codecolorer-container javascript twitlight" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$.<span style="color: #660066;">getScript</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://Webegg:password@twitter.com/statuses/user_timeline/&quot;</span><span style="color: #339933;">+</span>o.<span style="color: #660066;">userName</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;.json?callback=twitterCallback2&amp;count=&quot;</span><span style="color: #339933;">+</span>o.<span style="color: #660066;">numTweets</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp;<span style="color: #006600; font-style: italic;">// remove preLoader from container element</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span>pl<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">remove</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp;<span style="color: #006600; font-style: italic;">// show twitter list</span><br />
&nbsp;<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>o.<span style="color: #660066;">slideIn</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ul#twitter_update_list&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">slideDown</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><br />
&nbsp;<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ul#twitter_update_list&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">show</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><br />
<br />
&nbsp;<span style="color: #006600; font-style: italic;">// give first list item a special class</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ul#twitter_update_list li:first&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;firstTweet&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<br />
&nbsp;<span style="color: #006600; font-style: italic;">// give last list item a special class</span><br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ul#twitter_update_list li:last&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;lastTweet&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #006600; font-style: italic;">//$(&quot;ul#twitter_update_list li a&quot;).attr(&quot;rel&quot;,&quot;external&quot;);</span><br />
<br />
&nbsp;$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ul#twitter_update_list li a'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp;window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">href</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
&nbsp;<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>To my surprise, whenever anyone visited my site where this script was getting the latest tweet, it automatically logged them into my twitter account, giving them access to all my settings.</p>
<p>It was only thanks to a local small company who hadn&#8217;t realised exactly what had happened and send me a message, that I found out about this security loophole in the Twitter API. I was very lucky and now do it properly with php so it won&#8217;t happen again. Hopefully this little word of wisdom will help any other developers fix this issue on their own sites.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webegg.co.uk/beware-the-twitter-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

