Perhaps you'd like to have a look at these links while you wait for the above Flash to load:
- Let's connect on LinkedIn, Twitter or Identi.ca?
- I've released two Greasemonkey scripts: Google Cache Continue Redux and Show Short Link. I've got another one that I might share one of these days. (If your company uses Juniper Networks Instant Virtual Extranet software and you're on an unsupported platform, let me know.)
- I'm the author of two gedit plugins: Control Your Tabs and Newline Madness. Hopefully I'll find time to update these for gedit 3 "soon".
- I also have a few user styles (for Stylish), Firefox search add-ons and add-on collections, and Yahoo! Pipes.
- I've contributed a few small features and bug fixes to StatusNet (formerly Laconica) as I run an internal microblogging service at my company.
- I'm the winner of MozHunt 2009. Finding real pandas that have gone missing is also an interest of mine.
- My bookmarks at Delicious, mostly for things I want to read later.
- My Wikipedia contributions, mostly for articles on films that I admire or enjoy.
Sites for which I supervised the HTML/CSS/JS coding:
- AIA Group - I also wrote a jQuery clone and a swfobject clone for the site.
- Disney's Wide World of Sports - The site has since been revamped and are no longer using our code.
- Emirates Holidays
- Emirates Hotels & Resorts Wolgan Valley Resort & Spa - I wrote the online booking system JavaScript many moons ago.
- The Miramar Group Hong Kong
- New York Life Hong Kong - Now ACE Life Hong Kong, but still using our code.
- Pacific Place Hong Kong
Slides for my Introduction to Web Performance Best Practices talk at BarCamp Hong Kong 2011:
Links I mentioned at my BarCamp Hong Kong 2009 session on the Open Web:
- Open Web Foundation - Dedicated to developing open specifications for web technologies.
- Open Web Definition - A concise definition. See also What Is the Open Web and Why Is It Important?
- What makes the web better? - Blog post by Mark Surman on the qualities that we want in an Open Web: transparent, participatory, distributed, hackable.
- One Web Day - Celebrate the web on this year's One Web Day (2009-09-22).
- Mozilla Drumbeat - Project at Mozilla to encourage people to protect the Internet as a public asset. See also Mark Surman's keynote at OSCON 2009 "Where Next for Openness?"
- The Future of the Internet: And How to Stop It - Book (CC by-nc-sa) by Jonathan Zittrain.
My iPhone / iPod touch Safari bookmarklets:
- Make bookmarklets bookmarkable - Inspired by the bookmarklet by The CSS Ninja, this adds a "[iPhone]" link after every bookmarklet that you can then click and bookmark. Be sure to edit the URL after bookmarking to remove everything before "javascript:". (source)
- Find in page - This should cause less problems for website functionality / JavaScript, compared to other versions of this bookmarklet that I've seen. Leave the search field blank to clear the previous find results. (source)
-
Read Links Later
- After activating this bookmarklet, any links you tap on will be saved to Read It Later (you will need to be logged in beforehand). Tap on a saved link to edit the Read It Later item. Activate the bookmarklet a second time to exit save mode.
(source)
Note: You will need to edit this bookmarklet after bookmarking, replacing the value of the "H" variable with the value of "ISRIL_H" from the official Read It Later bookmarklet. - Toggle alt and title text - Show alt and title text for all images. Activate the bookmarklet a second time to hide. (source)
- Toggle href - Show hrefs for all links. Activate the bookmarklet a second time to hide. (source)
- View page source (no word wrap) and View page source (with word wrap) - Inspired by the view source bookmarklet from iPhoneWebDev, these show the source code for the current page, with clickable links for all images and links. (source)
- eval - Run arbitrary JavaScript. This calls eval(), then alerts the return value and return value type. Also useful for other browsers that don't have a usable JavaScript console. (source)
- Use in full-screen mode - Open any web app (or site) in full-screen mode. Open the web app, activate the bookmarklet, then add the web app to your home screen. When you open the web app through the home screen icon, the browser URL field and button bar will be hidden. (source)
- Internet Explorer 6 - Add the browser that just won't die (at least its icon) to your home screen. Open a web page, activate the bookmarklet, then add the web page to your home screen. This bookmarklet will stop and show a message if the current page already has a home screen icon defined; this is because that icon will replace the IE6 icon the next time this page is opened. (The Internet Explorer icon is a trademark of Microsoft.) (source)
- Various search bookmarklets; results open in the current tab if it is blank, otherwise a new tab is opened. (source)
—Jeff To (jeffery dot to at gmail dot com)
{var H='0',W=window,D=W.document,P='__rll',R='readitlaterlist.com',S='backgroundColor',V='#ffff99',RLL=D[P];if(!RLL){RLL=D[P]={enabled:false,links:[],toggle:function(){var s,a,l,i;if(!RLL.enabled){D.addEventListener('click',RLL.click,true);}else{D.removeEventListener('click',RLL.click,true);s=RLL.links;l=s.length;for(i=0;i<l;i++){a=s[i];RLL.img(a);RLL.msg(a);if(a[P].d!=null){W.clearTimeout(a[P].d);}a[P]=null;}RLL.links=[];}RLL.enabled=!RLL.enabled;},click:function(e){var a=e.target;if(a.nodeType==3){a=a.parentNode;}if(a.nodeType!=1||a.nodeName.toUpperCase()!='A'){return;}e.preventDefault();e.stopPropagation();RLL.init(a);switch(a[P].s){case 'new':a[P].s='saving';RLL.msg(a,'saving');RLL.img(a,'http://'+R+'/v2/r.gif?v=1&h='+H+'&u='+a[P].u+'&t='+a[P].t+'&rand='+Math.random());break;case 'saved':W.open('https://'+R+'/edit?BL=1&url='+a[P].u+'&title='+a[P].t,'','');break;}},load:function(e){var a,err,v;switch(this.width){case 2:err='You need to be logged into Read It Later before you can save links';break;case 3:err='ISRIL_H does not match logged-in user';break;}if(!err){a=this.a;RLL.img(a);RLL.msg(a,'saved');a[P].s='saved';v=a.style[S];a.style[S]=V;a[P].d=W.setTimeout(function(){a[P].d=null;if(a.style[S]==V){a.style[S]=v;}RLL.msg(a,'edit');},5000);}else{RLL.cancelSaving();W.alert(err);}},cancelSaving:function(){var s=RLL.links,l=s.length,a,i;for(i=0;i<l;i++){a=s[i];if(a[P].s=='saving'){RLL.img(a);RLL.msg(a);a[P].s='new';}}},init:function(a){if(!a[P]){a[P]={id:(new Date()).getTime()+'-'+Math.random(),s:'new',u:W.encodeURIComponent(a.href),t:W.encodeURIComponent(a.textContent).replace(/^\s\s*/,'').replace(/\s\s*$/,''),i:null,m:null,d:null};RLL.links.push(a);}},img:function(a,s){var d=a[P],i=d.i;if(i){d.i=i.a=i.onload=null;}if(s){d.i=i=D.createElement('img');i.a=a;i.onload=RLL.load;i.src=s;}},msg:function(a,s){var d=a[P];if(d.m){a.removeChild(d.m);d.m=null;}if(s){d.m=D.createTextNode(' ['+s+']');a.appendChild(d.m);}}};}RLL.toggle();})()){kind=link}
{var d=document,h=d.getElementsByTagName('head')[0],ls,l,i;if(!h){return;}ls=h.getElementsByTagName('link');for(i=ls.length-1;i>=0;i--){l=ls[i];if(l.rel=='apple-touch-icon'||l.rel=='apple-touch-icon-precomposed'){alert('This page already has a home screen icon that will override our custom icon');return;}}l=d.createElement('link');l.rel='apple-touch-icon-precomposed';l.href='http://www.thingsthemselves.com/iphone/ie6.png';h.appendChild(l);document.title='IE';})()){kind=link}