Category: Technology

Want to send someone a message on facebook? Set up your FB JS SDk window.fbAsyncInit = function() { FB.init({“appId”:”xxxxxxxxxxx”,”channelUrl”:”http://corbdesign.com/?sfc-channel-file=1″,”status”:true,”cookie”:true,”xfbml”:true,”oauth”:true}); }; (function(d){ var js, id = ‘facebook-jssdk’; if (d.getElementById(id)) {return;} js = d.createElement(‘script’); js.id = id; js.async = true; js.src = “//connect.facebook.net/en_US/all.js”; d.getElementsByTagName(‘head’)[0].appendChild(js); }(document)); Then just populate the following how’ere you wish FB.ui({ method: ‘send’, name: […]

Ever run into the issue where dynamic content loads on a page and occasionally contains a broken image icon (and a 404 on the get request for the image)? Well, I have… So here’s my plan: function isImageOk(img) { if (!img.complete) { return false; } if (typeof img.naturalWidth != “undefined” && img.naturalWidth == 0) { […]

W3C Spec for main layout elements Here is a list of the common html5 tags with links to their definitions 4.4.1 The body element 4.4.2 The article element 4.4.3 The section element 4.4.4 The nav element 4.4.5 The aside element 4.4.6 The h1, h2, h3, h4, h5, and h6 elements 4.4.7 The header element 4.4.8 […]

Bam. This site, http://codecanyon.net/item/interactive-3d-globe/1172366, helped me win an argument that Antarctica was not actually gigantic!

Ever want to use fancy emoticons beyond the simple 🙂 smiley face? With gmail, you can by using these combinations. They animate! Emoticon Key Combination <3 It’s a monkey! :(|) Rock out. m/ 😮 😀 🙁 x-( B-) :'( =D 😉 😐 =) 😀 ;^) 😉 🙂 :-/ 😛

This is a handy tool to convert stuff: But wait, there’s more! Hexadecimal to Decimal This example converts a number in hexadecimal notation (e.g. FF) to decimal (e.g. 255). Hexadecimal Value Decimal Value

This is an html5 canvas drawing application. you can color in the watermellon duck! (from http://www.williammalone.com)

Ever have the issue where your iOS devices occasionally zooms in on orientation change, regardless of your viewport settings? Well, I’ve seen it, and I’ve had enough! Fix it:   $(document).ready(function (e) { ‘use strict’;var mobile_timer = false;if(navigator.userAgent.match(/iPad/i)) {$(‘#viewport’).attr(‘content’,’width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0′); $(window).bind(‘gesturestart’,function () { clearTimeout(mobile_timer);$(‘#viewport’).attr(‘content’,’width=device-width,minimum-scale=1.0,maximum-scale=10.0′);}).bind(‘touchend’,function () {clearTimeout(mobile_timer);mobile_timer = setTimeout(function () {$(‘#viewport’).attr(‘content’,’width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0′);},1000);});}});

Google maps and HTML5 geolocation – see where you’re at! Hello , I can see you! Word

Facebook Graph API — getting access tokens completely “borrowed” from this site Assume an application with an id 116122545078207, and using the URL of the blog (http://benbiddington.wordpress.com) to collect request tokens. Following the instructions as specified in section 3.5.1.1., Client Requests Authorization, of the specification, this is a one-step process: Open this in a browser: https://graph.facebook.com/oauth/authorize? type=user_agent& client_id=116122545078207& redirect_uri=http%3A%2F%2Fbenbiddington.wordpress.com& scope=user_photos,email,user_birthday,user_online_presence Note: there […]