sydlawrence's playground http://www.syddev.com/ This RSS feed is pimp yo en-gb http://sydlawrence.com/ http://sydlawrence.com/pic.png sydlawrence.com The Most Awesome Site Ever - Your New Homepage <p>I fancied a new homepage that featured the best of the net at any given time.</p><p>This site pulls in content, videos & cat gifs from a range of sites</p> http://themostawesomesiteever.com/ Mon, 27 Aug 2012 23:33:00 +0100 http://themostawesomesiteever.com/ Bat Blocker Plugin <p>A cross browser plugin to stop the dark knight rises spoilers from runing your fun.</p> <p>Someone asked me to create an olympics blocker, <a href='http://syddev.com/olympicsblocker/'>so I did</a>.</p> http://syddev.com/batblocker/ Sat, 21 Jul 2012 19:14:00 +0100 http://syddev.com/batblocker/ Who is reading 50 shades of grey? <p>Find out which ladies have been getting all excited by 50 Shades of Grey.</p> <p>Catch them in the mood and introduce yourself as 'Christian' on Twitter or Facebook..</p> <p>This is a mashup of public facebook posts and tweets of women talking about reading 50 shades of grey.</p> <p>"Half way between genius and creepy"</p> http://whoisreading50shadesofgrey.com Thu, 05 Jul 2012 07:14:00 +0100 http://whoisreading50shadesofgrey.com Tomahklet <p>Scrape the web - save playlists and songs you come across while you browse so they are always easy to find and play.</p> <p>Tomahklet currently supports over 35 sites (and growing).</p> <p><a href='http://www.youtube.com/watch?v=fL3ZFRxyQKA'>Checkout the screencast of the bookmarklet in use.</a></p> http://toma.hk/tools/tomahklet.php Tue, 03 Jul 2012 02:14:00 +0100 http://toma.hk/tools/tomahklet.php Ubelly Kinect Helvetica Game <p><a href='http://ubelly.com'>Ubelly</a> commisioned me to make a Windows Kinect game for Future of Web Design London 2012.</p> <p>The game tests designers on their typeface knowledge and they have to spot helvetica from arial.</p> <p>The hack uses the Kinect for Windows on Windows 8 consumer preview. With the skeletal data being piped to IE10 via WebSockets. This shows off not only the kinect but also IE10's support for HTML5 features such as WebSockets</p> <p><a href='http://www.youtube.com/watch?v=-W1K08FoPo0&feature=youtu.be'>The crowd seemed to enjoy it</a></p> http://www.youtube.com/watch?v=J9MCVB49TaY&feature=youtu.be Tue, 15 May 2012 12:22:00 +0100 http://www.youtube.com/watch?v=J9MCVB49TaY&feature=youtu.be Professor Green - Instagram Tour pics <p>EMI approached <a href='http://wemakeawesomesh.it'>We Make Awesome Sh</a> to provide a custom skin of <a href='http://searchinstagram.com'>Search Instagram</a> to enable Professor Green's fans to interact with your pictures on his site. His fans just need to share a tour photo on instagram using #professorgreen. These photos then are displayed on Professor Green's site.</p> http://professorgreen.co.uk/instagreen/ Mon, 07 May 2012 14:09:00 +0100 http://professorgreen.co.uk/instagreen/ Share My Playlists iOS app <p>I was commissioned by <a href='http://sharemyplaylists.com/' target='_blank'>ShareMyPlaylists</a> to create their new iOS app for both iPhone and iPad.</p><p>This is a phonegap app using a custom plugin to use libspotify to allow the user to play songs from spotify directly in the app itself.</p> http://thenextweb.com/apps/2012/05/05/sharemyplaylists-new-ios-app-is-a-whole-new-way-to-experience-spotify-on-the-go/ Fri, 04 May 2012 17:09:00 +0100 http://thenextweb.com/apps/2012/05/05/sharemyplaylists-new-ios-app-is-a-whole-new-way-to-experience-spotify-on-the-go/ May 4th Be With You - Search Instagram <p>We created a simple search instagram hack to celebrate May 4th, Star Wars Day.</p> http://searchinstagram.com/teststarwars Fri, 04 May 2012 00:09:00 +0100 http://searchinstagram.com/teststarwars This Was My Jam <p>A service tracking your 'this is my jam' jams. With a beat matched looping stop frame animation of me eating what was my jam. 'Hilarious'. Uses Toma.hk to play the tracks.</p> http://syddev.com/thiswasmyjam Sun, 29 Apr 2012 17:09:00 +0100 http://syddev.com/thiswasmyjam Facebook Hipster <p>A klout style ranking on your musical tastes</p> http://syddev.com/fbhipster Sun, 29 Apr 2012 17:09:00 +0100 http://syddev.com/fbhipster Toma.hk Embeddable Player <p>A simple embeddable music player, to embed any song to any website, using a range of sources for the songs.</p> http://www.tomahawk-player.org/blog/embeddable-tomahk-widget Thu, 12 Apr 2012 17:09:00 +0100 http://www.tomahawk-player.org/blog/embeddable-tomahk-widget Zeebox Trending <p>A simple service to show what people are currently watching on tv (powered by zeebox)</p> http://syddev.com/zeebox Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/zeebox VOD Do You Vant To Vatch A simple service to show what people are currently watching on tv (powered by zeebox) http://syddev.com/vodsearch Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/vodsearch Rcmmndr 2.0 Beta <p>A film recommendation site. You enter a film, it recommends other films.</p> http://syddev.com/filmrecs Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/filmrecs Catcha - The only Captcha you will ever need <p>Can you spot the cat among the pigeons. Stop bots from spamming your site... Ladies and gents, I introduce to you, <a href="http://syddev.com/catcha">Catcha</a></p> http://syddev.com/catcha Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/catcha Toma.hk - Music Without Borders <p>With some help from some of the guys at <a href="http://gettomahawk.com">Tomahawk</a>, I created Toma.hk, a music service for people to share music worldwide. Hooking into the desktop tomahawk client when available.</p> http://toma.hk Thu, 12 Apr 2012 12:00:00 +0100 http://toma.hk Kylie Minogue - Tweet To Unlock <p>EMI approached me to build a website to release to the public an online video of a rehearsal to celebrate K25.</p><p>Within 40 minutes the campaign had been completed, and the site generated a lot of buzz including #1 trending on Twitter worldwide.</p> http://kylie.com/tweettounlock Thu, 12 Apr 2012 12:00:00 +0100 http://kylie.com/tweettounlock Arduino Tweet & Matrix Hack <p>At Barcamp Bournemouth, <a href="http://skattyadz.com">Adam Howard</a> and I made an arduino hack that displayed tweets on an 8 by 8 LED matrix. It displayed tweets containing a specific hashtag is a custom typeface that I created, "Lawrence Sans". Once this was completed we then connected it up to a real time website. Where people could turn each LED on and off.</p><p>This made that people could draw on our LED board from their website all around the world. This got people from all over the place drawing, you guessed it, penises.</p><p>We won the hack competition :)</p><p>The typeface I created "Lawrence Sans" is available on <a href="https://github.com/skattyadz/Lawrence-Sans">github</a> and some kind gentleman, <a href="http://twitter.com/brandonhawkes">Brandon Hawkes</a>, created an actual <a href="http://fontstruct.com/fontstructions/show/lawrence_sans">downloadable font (ttf)</a> of it. I definitely need to use this font on this site.</p> https://path.com/p/2OL9ce Thu, 12 Apr 2012 12:00:00 +0100 https://path.com/p/2OL9ce KFC Finder UK - iPhone app <p>True (WPP) approached me to build a KFC store locator app for iPhone & Android.</p><p>I have to admit, I do love my kentucky fried chicken...</p> http://itunes.apple.com/gb/app/kfc-finder-uk/id497713500?mt=8 Thu, 12 Apr 2012 12:00:00 +0100 http://itunes.apple.com/gb/app/kfc-finder-uk/id497713500?mt=8 Suggestify - Spotify app <p>I have created an app for Spotify called Suggestify.</p><p>Suggestify recommends songs based on the current song being played and creates a custom radio.</p> http://www.youtube.com/watch?v=XFqv5AkND4k Thu, 12 Apr 2012 12:00:00 +0100 http://www.youtube.com/watch?v=XFqv5AkND4k WorriedNow - iPhone app <p>I was commissioned to build a mobile app for nervous parents. This involved building a backend admin system with a full API and an iPhone app for consumers.</p><p>The iPhone app uses PhoneGap, iAds and in app payments.</p> http://worriednow.com Thu, 12 Apr 2012 12:00:00 +0100 http://worriednow.com ArtSpotter - iPhone app <p>I created the mobile app for ArtSpotter, an interactive art map.</p><p>Read about the app here:</p><ul><li><a href="http://www.readwriteweb.com/archives/artspotter_aims_to_become_largest_arts_venue_database_in_the_world.php">ArtSpotter Aims To Become Largest Arts Venue Database In The World - Read Write Web</a></li><li><a href="http://thenextweb.com/apps/2011/12/07/artspotter-this-iphone-app-lets-you-discover-local-art-around-the-world/">ArtSpotter: This iPhone app lets you discover local art around the world - The Next Web</a></li><li><a href="http://www.guardian.co.uk/technology/appsblog/2011/dec/06/apps-rush?CMP=twt_gu">Apps Rush - The Guardian</a></li><li><a href="http://eu.techcrunch.com/2011/12/02/follow-galleries-and-art-events-with-the-artspotter-iphone-app/">Follow galleries and art events with the artspotter iphone app - TechCrunch</a></li></ul> http://artspotter.com Thu, 12 Apr 2012 12:00:00 +0100 http://artspotter.com Kinect Virtual Disco Deathmatch <p>At Music Hack Day London, <a href="http://nrocy.com">Paul King</a> &amp; I created a browser based HTML5 canvas multiplayer kinect 'dance' game. Two players can play at the same time. They dance to score points.</p> http://www.youtube.com/watch?v=Xr8pi0knapY Thu, 12 Apr 2012 12:00:00 +0100 http://www.youtube.com/watch?v=Xr8pi0knapY HTML5 Canvas Geolocated Weather <p>Playing around with HTML5 canvas. Created a site that takes your current location and gathers weather information, then displays it in an animated HTML5 canvas.</p> http://syddev.com/weather/ Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/weather/ Videojug responsive site <p>A mobile friendly, flash free, html5 compatible, responsively designed site. Buzzword bingo full house! *only when browser doesn't support flash</p> http://m.videojug.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://m.videojug.com/ SeeAustralia Instagram Facebook Tab <p>A facebook tab showing the latest photos shared on Instagram for the Australian Tourism board.</p> https://www.facebook.com/SeeAustralia?sk=app_286339878066364 Thu, 12 Apr 2012 12:00:00 +0100 https://www.facebook.com/SeeAustralia?sk=app_286339878066364 Awesome css buttons <p>Some super simple customisable buttons using only css.</p> http://bit.ly/awesomebuttonsdemo Thu, 12 Apr 2012 12:00:00 +0100 http://bit.ly/awesomebuttonsdemo What accounts are linked online? <p>Here I use various services online to pair up user accounts across multiple systems. Do you find it spooky?</p> http://syddev.com/publiceye Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/publiceye Mario Theme using the Audio API <p>Playing around with the Audio API</p> http://syddev.com/MarioTheme Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/MarioTheme London Riots Facial Recognition <p>Together with a few other people we looked into facial recognition technology in regards to the London riots. It would appear that it caused a stir amongst the media (within the first 24 hours)</p><p>Using Face.com's API and Facebook I was able to obtain a percentage accuracy for facial matches for friends of facebook users and cross reference them against the photos released by the police.</p><p>It didn't work accurately, it wasn't really meant to. It was more about looking into the possibilities of facial recognition and services such as Face.com</p><ul><li><a href="http://news.bbc.co.uk/today/hi/today/newsid_9561000/9561682.stm">Can technology identify looters? - BBC Radio 4 Today Programme</a></li><li><a href="http://www.forbes.com/sites/kashmirhill/2011/08/09/will-london-riots-be-the-turning-point-for-facial-recognition-as-crime-fighting-tool/">Will The London Riots Be The Turning Point For Facial Recognition As A Crime-Fighting Tool? - Forbes</a></li><li><a href="http://www.forbes.com/sites/kashmirhill/2011/08/11/london-riots-facial-recognition-vigilantes-abandon-their-project/">'London Riots Facial Recognition' Vigilantes Abandon Their Project - Forbes</li><li><a href="http://www.newscientist.com/article/mg21128266.000-face-recognition-technology-fails-to-find-uk-rioters.html">Face recognition technology fails to find UK rioters - New Scientist</a></li><li><a href="http://www.businessinsider.com/google-group-to-use-facial-recognition-technology-to-out-looters-2011-8">A New Google Group Uses Facial Recognition Technology To Out Looters - Business Insider</a></li><li><a href="http://techcrunch.com/2011/08/09/google-group-members-to-use-facial-recognition-to-identify-london-rioter/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Techcrunch+%28TechCrunch%29&utm_content=Google+UK">Google Group Members to Use Facial Recognition to Identify London Rioters - TechCrunch</a></li><li><a href="http://www.geek.com/articles/news/london-riots-google-group-created-to-use-facial-recognition-software-for-identifying-rioters-2011089/">London Riots: Google Group created to use facial recognition software for identifying rioters - geek.com</a></li><li><a href="http://www.google.co.uk/search?gcx=c&sourceid=chrome&ie=UTF-8&q=cnn+london++riots+facial+recognition#sclient=psy-ab&hl=en&source=hp&q=google+group+london+riots+facial+recognition&pbx=1&oq=google+group+london+riots+facial+recognition&aq=f&aqi=g1&aql=1&gs_sm=e&gs_upl=19584l22748l0l23095l23l13l0l4l4l2l295l3008l0.4.9l16l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=8648a9f5255ebaee&biw=1284&bih=674">And many more...</li></ul> http://sydlawrence.com/facerecog Thu, 12 Apr 2012 12:00:00 +0100 http://sydlawrence.com/facerecog Diesel Black Gold <p>An instagram slideshow for the Diesel Black Gold fashion show.</p> http://www.dieselblackgold.com/# Thu, 12 Apr 2012 12:00:00 +0100 http://www.dieselblackgold.com/# QuickView for Google Plus <p>A Chrome extension to add quick view functionality to Google+</p> https://chrome.google.com/webstore/detail/ccbhfckmgoabdiehdodaljhihaomaeaj Thu, 12 Apr 2012 12:00:00 +0100 https://chrome.google.com/webstore/detail/ccbhfckmgoabdiehdodaljhihaomaeaj Search Instagram <p>A cool instagram viewer</p> http://searchinstagram.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://searchinstagram.com/ Instant domain check <p>Instant whois for simple domain availability checker.</p> http://syddev.com/whois Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/whois Instagram & Cannes Lions <p><a href="http://creativesocial.com">Creative Social</a> approached me to go into collaboration with them for a simple Instagram visualization for the World's Biggest Advertising Awards, Cannes Lions.</p> http://www.instacanneslions.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://www.instacanneslions.com/ Vet Help Direct - iPhone app <p>An animal symptom checker for vet advice and clear guidelines.</p> http://itunes.apple.com/gb/app/vet-help-direct-pet-symptoms/id453456773?mt=8 Thu, 12 Apr 2012 12:00:00 +0100 http://itunes.apple.com/gb/app/vet-help-direct-pet-symptoms/id453456773?mt=8 View Full Screen - JavaScript <p>Using the new fullscreen api with javascript</p> http://syddev.com/fullscreen Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/fullscreen The world's least exclusive website <p>A quick reminder about Twitter app authentication. Don't get me wrong. I love what the guys have done with the World's Most Exclusive Website. And to be totally honest, I am jealous that they got their first. But they didn't need to do an auto tweet...</p> http://theworldsleastexclusivewebsite.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://theworldsleastexclusivewebsite.com/ Obama's message to America <p>You really need to see it.!</p> http://obamasmessagetoamerica.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://obamasmessagetoamerica.com/ Safari Full Screen Bookmarklet <p>Safari 5.1 introduced a new full screen API. Use this bookmarklet to make any site go full screen</p> http://sydlawrence.me/post/6287475440/safari-full-screen-bookmarklet Thu, 12 Apr 2012 12:00:00 +0100 http://sydlawrence.me/post/6287475440/safari-full-screen-bookmarklet Royal Wedding Bunting <p>Everyone loves bunting! I created a bunting bookmarklet in commemoration of the Royal Wedding</p> http://sydlawrence.me/post/5016132764 Thu, 12 Apr 2012 12:00:00 +0100 http://sydlawrence.me/post/5016132764 Is it the Rapture? <p>A countdown app for the rapture 21/05/2011 - The End of The World!</p> http://isittherapture.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://isittherapture.com/ Local Eyes - iPhone App <p>A mobile app enabling of sharing photos around you.</p> <p>See and show what is going on around you.</p> http://mylocaleyes.com/ Thu, 12 Apr 2012 12:00:00 +0100 http://mylocaleyes.com/ Ask Alec - Location based Q&A Service <p>This is simply a prototype for an idea of people asking questions to other people around them.</p> http://syddev.com/alec/public_html Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/alec/public_html instacat <p>Instagram + Cats = The very nexus of the internet.</p> http://instac.at/ Thu, 12 Apr 2012 12:00:00 +0100 http://instac.at/ Firefox Labyrinth game <p>Firefox 3.6 introduced an accelerometer to the web. I created a game to showcase this new feature.</p> http://syddev.com/labyrinth Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/labyrinth cheatsheet.js <p>A javascript cheatsheet for mobile web app development</p> http://syddev.com/cheatsheet.js Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/cheatsheet.js cheatsheet.css <p>A css cheatsheet for mobile web app development</p> http://syddev.com/cheatsheet.css Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/cheatsheet.css jquery.videoBG <p>A jQuery plugin to add a background video to any page.</p> http://syddev.com/jquery.videoBG Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/jquery.videoBG jquery.shadow <p>A jQuery plugin to add various types of shadows to elements.</p> http://syddev.com/jquery.shadow Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/jquery.shadow js-html5.com <p>I set up a blog to showcase all the new javascript APIs available in the HTML5 specification.</p><p>Here are links to the demos:</p><nav><li><a href="http://syddev.com/js-html5/geolocation">Geolocation</a></li><li><a href="http://syddev.com/js-html5/history">History</a></li><li><a href="http://syddev.com/js-html5/localStorage">localStorage</a></li><li><a href="http://syddev.com/js-html5/offline">offline events</a></li><li><a href="http://syddev.com/js-html5/newSelectors">new selectors</a></li></nav> http://js-html5.com Thu, 12 Apr 2012 12:00:00 +0100 http://js-html5.com jquery.centaur <p>Turn the text inside any element to generate a centaur</p> http://syddev.com/jquery.centaur/ Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/jquery.centaur/ jHover <p>A jQuery plugin to replace click events with hover events. More a proof of concept.</p> http://syddev.com/jHover Thu, 12 Apr 2012 12:00:00 +0100 http://syddev.com/jHover The Orange Grove <p>A localised micro site for Marmalade on Toast. Taking your current location, it calculates the position of the sun / moon in the sky based on sunrise and sunset time and the current wind speed.</p><p>Can you find the Easter Egg?</p> http://www.the-orange-grove.com Thu, 12 Apr 2012 12:00:00 +0100 http://www.the-orange-grove.com Marmalade on Toast <p>From 2009 until the first half of 2011 I was lead developer at Marmalade on Toast a digital marketing agency in Winchester, UK.</p> http://www.marmaladeontoast.co.uk Wed, 01 Jun 2011 12:00:00 +0100 http://www.marmaladeontoast.co.uk