<?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>StyleCandy &#187; Web Development</title>
	<atom:link href="http://www.stylecandy.com/category/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.stylecandy.com</link>
	<description>Like taking Style from a baby</description>
	<lastBuildDate>Sun, 06 Dec 2009 23:53:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Tweetie Custom URL shortener hack</title>
		<link>http://www.stylecandy.com/2009/tweetie-url-hack/</link>
		<comments>http://www.stylecandy.com/2009/tweetie-url-hack/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 22:19:19 +0000</pubDate>
		<dc:creator>Gareth Ablett</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[atebits]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[quick2.eu]]></category>
		<category><![CDATA[tweetie]]></category>

		<guid isPermaLink="false">http://www.stylecandy.com/?p=26</guid>
		<description><![CDATA[Recently I put together a PHP class so I could do my own short URLS partly because I saw shaun inman doing in on twitter and partly because it seemed like a fun little side project. So away I went and a few hours later I had my own short URL and quick2.eu was born. [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I put together a PHP class so I could do my own short URLS partly because I saw <a href="http://shauninman.com/">shaun inman</a> doing in on twitter and partly because it seemed like a fun little side project. So away I went and a few hours later I had my own short URL and <a href="http://quick2.eu/">quick2.eu</a> was born. (this is open for public use at the moment but may not be in the future)</p>
<p>I use <a href="http://www.atebits.com/tweetie-mac/">Tweetie</a> as my main client for communicating with people on Twitter, if you have yet to use this I would suggest giving it a go, their is no cost unless you want to have the adverts removed.  Anyway I thought it would be cool if <a href="http://www.atebits.com/tweetie-mac/">Tweetie</a> supported custom URL shorteners, alas it doesn&#8217;t.</p>
<p>First step was to ask <a href="http://www.atebits.com/">atebit</a>s the developers behind <a href="http://www.atebits.com/tweetie-mac/">Tweetie</a> but hearing from <a href="http://www.atebits.com/">atebits</a> after making a feature request gave me some hope as there reply was that it was a heavy suggestion, which to me says that this is not the first time by far that this has been requested.</p>
<p>The only thing was this isn&#8217;t quick enough for me (it some times pays to be inpatient) knowing how the bit.ly API works i set to work with the intent to intersect the transmission and use my own servers.</p>
<p>here are the steps I made to make this possible.</p>
<p>first I updated my /etc/hosts file so that it would point api.bit.ly to the IP address of my web server.</p>
<p>Open up terminal and type;</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">sudo</span> pico <span style="color: #000000; font-weight: bold;">/</span>etc<span style="color: #000000; font-weight: bold;">/</span>hosts</pre></div></div>

<p>You will then be asked to enter your admin password so that you may edit this file. (pico is a simple text editor for mac terminal)</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">123.123.123.123	api.bit.ly</pre></div></div>

<p>I Then needed to setup Apache so that it would accept api.bit.ly as if it was part of its own domain.  To do this I needed to edit the apache config for the virtual host so it included this &#8216;ServerAlias api.bit.ly&#8217;. A simpler way to do if you web hosting solution supports this is to just setup a domain alias of api.bit.ly for the same domain as your short URL.</p>
<p>With all this technical stuff out the way the next step is to impelment the same process that the bit.ly&#8217;s API does.</p>
<p>I Went to my domain created a folder called &#8216;shorten&#8217; then created a file called index.php which look a bit like the following.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// include my Class and run with the URL that requires shortening.</span>
<span style="color: #b1b100;">require_once</span> <span style="color: #0000ff;">&quot;../class.quick2.php&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$quick2</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> quick2<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$newlink</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$quick2</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">addLink</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'longUrl'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// output a simple JSON string that contains the new short URL</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'{&quot;shortUrl&quot;: &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$newlink</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; }'</span><span style="color: #339933;">;</span></pre></div></div>

<p>This is would be a bit different for most as this would only work with my own Class that I have not yet made public but the main idea is to take the variable $_GET['longUrl'] and convert that into a new short URL.</p>
<p>Job Done</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stylecandy.com/2009/tweetie-url-hack/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ember WordPress Plugin</title>
		<link>http://www.stylecandy.com/2009/ember-wordpress-plugin/</link>
		<comments>http://www.stylecandy.com/2009/ember-wordpress-plugin/#comments</comments>
		<pubDate>Sun, 06 Sep 2009 18:17:36 +0000</pubDate>
		<dc:creator>Gareth Ablett</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[ember]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.stylecandy.com/?p=21</guid>
		<description><![CDATA[If you use Ember and WordPress please give this plugin and go and let me know how you get on, I will no doubt make some tweaks and add in docs before I publish it fully, but do please leave me some feedback in the comments. more detail on the plugin can be found here]]></description>
			<content:encoded><![CDATA[<p>If you use Ember and WordPress please give this plugin and go and let me know how you get on, I will no doubt make some tweaks and add in docs before I publish it fully, but do please leave me some feedback in the comments.</p>
<p><a href="/ember/">more detail on the plugin can be found here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.stylecandy.com/2009/ember-wordpress-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A truly Juicy dconstruct 2009 for tomorrow</title>
		<link>http://www.stylecandy.com/2009/a-truly-juicy-dconstruct-2009-for-tomorrow/</link>
		<comments>http://www.stylecandy.com/2009/a-truly-juicy-dconstruct-2009-for-tomorrow/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 15:02:04 +0000</pubDate>
		<dc:creator>Gareth Ablett</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[brighton]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[dconstruct]]></category>

		<guid isPermaLink="false">http://www.stylecandy.com/?p=13</guid>
		<description><![CDATA[Introduction This years dconstruct had the theme of ‘Designing for Tomorrow’ which in all honesty I was expecting new tech HTML5, CSS3 etc. So by about half way through the day I was feeling a bit confused but as the day drew out I started to understand and realise the angle that everyone had taken [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Introduction</strong><br />
This years dconstruct had the theme of ‘Designing for Tomorrow’ which in all honesty I was expecting new tech HTML5, CSS3 etc. So by about half way through the day I was feeling a bit confused but as the day drew out I started to understand and realise the angle that everyone had taken to the subject.</p>
<p>This dconstruct was more about where the current and past designs have come from and who/what influenced these designs. This then really made me think better from the whole conference, ok its not a session of showing off cool and audience capturing graphics and animation, but it should of hopefully made them think of new and unlikely paths to take when gathering inspiration for their next project.</p>
<p><strong>The Talks</strong></p>
<p><strong>Elements of Networked Urbanism &#8211; Adam Greenfield</strong></p>
<p>This talk I wasn’t so interested in but did give a small insight into what the world could be like if everything right down to the kitchen sink had an IPV6 address with an open API to communicate. His thoughts one how car shares could work I didn’t like, I’m reasonably attached to my car and would not want to share it or give it up to share someone else’s car.</p>
<p><strong>Let’s See What We Can See &#8211; Michal Migurski and Ben Cerveny</strong></p>
<p>This was more of a showing session where they looked at some of the projects they had done in the past. These where all to do with ways of display data and how they had taken their ideas from, some of the design came clearly because they needed to the data in such a way that would make it possible and others from other areas.</p>
<p>Links:</p>
<p><a href="http://www.stamen.com/">http://www.stamen.com/</a></p>
<p><strong>What’s Next? &#8211; Brian Fling</strong></p>
<p>Possible one of my favorite talks of the day. One of the main thoughts that he had, is if we create web content today in the right way according to W3C then this will be the content for the mobile future, Mobile phones started off with WAP, different content had to be created for these then more recently it got slightly better, now we have devices like the iPhone which can view websites very similar to what we get on a full screen device.</p>
<p>He was also talking about what he called Generation Z being the generation that are just starting to use technology, actions like touch screen swiping is natural to them and they will come to expect it these features in new designs in the future.</p>
<p><strong>Make It So: Learning From Sci-Fi Interfaces &#8211; Nathan Shedroff and Chris Noessel</strong></p>
<p>This talk had a lot of video clips from films as you might expect from the title but did show how a lot of films influenced design and in the same way technology influenced how Sci-Fi designers made there sets. I won’t go into a lot of detail as a pdf can be downloaded here if your interest and want to read on follow the link. <a href="http://www.nathan.com/thoughts/MakeItSo.pdf">www.nathan.com/thoughts/MakeItSo.pdf</a></p>
<p><strong>Loving Your Player with Juicy Feedback &#8211; Robin Hunicke</strong></p>
<p>Notably one of the most rememberable talks if only for her love of the word Juicy, she had a game designer background and understanding from what works in games and the feedback you get when you complete something or the interface needs to tell you something, if this feedback is how she put it Juicy meaning bright and happy then some dull tasks can be made more fun. One thing she mentioned was maybe if you do an auto-sum in Excel then drag it down columns then it might make a little bring sound and maybe that sound is able to changed to what ever the user wants.</p>
<p>She also made a few enemies in the audience by doing a spoiler for a film called moon.</p>
<p><strong>Experience and the Emotion Commotion &#8211; August de los Reyes</strong></p>
<p>This is the guy that designed the windows Key, he also works on the Microsoft Surface team <a href="http://www.microsoft.com/surface/">http://www.microsoft.com/surface/</a> you would of expected a 45min session of showing off how cool the Microsoft Surface is from an MS employee but it was completely different. He talked about about what influenced his work over the years, how ideas come from different domains of thinking and technology. he finished off with a very interesting video of what the future could hold for interface design.</p>
<p><strong>Dematerialising A Web of Data &#8211; Russell Davies</strong></p>
<p>One of the big things I remember about this guy is how he made newspaper from peoples blog posts and gave them to the writers with a few spare, but then in making a video of making the newspaper using different music for different target audiences.</p>
<p>He also threw kinda eggs into the audience and then got one back which probably made the biggest laugh of the day.</p>
<p><strong>Conclusion</strong></p>
<p>A good day worth going to, I believe that I’ve been to better dconstucts, ideal audience would be people that in the business of developing online services but still gave me a lot to think about when I’m next designing a new system or website.</p>
<p>Special mention to <a href="https://powertraveller.com/iwantsome/primatepower/powergorilla/">powertraveller’s PowerGorilla</a> to which I would not have any notes, it pretty much kept my MacBook Pro alive throughout the day even though my battery says it needs replacing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stylecandy.com/2009/a-truly-juicy-dconstruct-2009-for-tomorrow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Forget cufon and sIFR, Typekit is the new web font</title>
		<link>http://www.stylecandy.com/2009/forget-cufon-and-sifr-typekit-is-the-new-web-font/</link>
		<comments>http://www.stylecandy.com/2009/forget-cufon-and-sifr-typekit-is-the-new-web-font/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 10:30:29 +0000</pubDate>
		<dc:creator>Gareth Ablett</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[cufon]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[sifr]]></category>
		<category><![CDATA[typekit]]></category>
		<category><![CDATA[webfonts]]></category>

		<guid isPermaLink="false">http://www.stylecandy.com/?p=5</guid>
		<description><![CDATA[!update (6th December 2009) example 2 has been removed I&#8217;m working on a site revision and a new post about typekit as I&#8217;ve upgraded my package to include more fonts. Type kit isn&#8217;t available to the public yet but I&#8217;ve been one of the lucky few that have been given early access to use Typekit [...]]]></description>
			<content:encoded><![CDATA[<p>!update (6th December 2009) example 2 has been removed I&#8217;m working on a site revision and a new post about typekit as I&#8217;ve upgraded my package to include more fonts.</p>
<p><a href="http://www.typekit.com">Type kit</a> isn&#8217;t available to the public yet but I&#8217;ve been one of the lucky few that have been given early access to use <a href="http://www.typekit.com/">Typekit</a> before its released to the world.</p>
<p>Its comes in different packages, I&#8217;m using the trial account at the moment, this only gives me access to the trial fonts which consists of about 60 fonts from various font houses.<br />
Their is a trial, personal and full access font level which gives you access to more fonts, but the latter 2 is where you will need to part with a small amount of cash.</p>
<p>To implement Typekit on a website you just need to put 2 lines of code into the header so it can include the Javascript files needed to load the fonts.</p>
<p>Example 1</p>
<p><span class="test1" style="font-size:1.3em;">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p>
<p>Example 2 &#8211; XXX</p>
<p>The big advantages over Cufon and sIFR is that the fonts get used in a native way which means that its selectable and will work in thw same way as any normal font on your page, they just look better.</p>
<p>The bad news is compatibility, I&#8217;ve not full tested but it should work in Firefox 3.5+, Internet Explorer 5+, Safari 3.1+ Opera 10 looks a little odd but may be fixed with fully released and it should work in Google chrome.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stylecandy.com/2009/forget-cufon-and-sifr-typekit-is-the-new-web-font/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
