I’ve been watching the pull down to refresh paradigm grow traction the last few months, and now it’s incredibly easy to implement with Leah Culver’s PullToRefresh.
It’s been achievable with Three20 for a while, but this just requires you to subclass it after including two files in your project.
Auto installs your selection of useful programs after that inevitable Windows install.. It’s even clever enough to prevent it installing those nasty bundled toolbars! (via @fry15)
From fontshop, this tool lets you preview a selection of their fonts on any webpage of your choice. Try Bencollier.net in FF Duper Web.
Enables sharing via Delicious, Email, Facebook, Google Reader, Instapaper, Pinboard, Read It Later, Tumblr, Twitter and more! Just simply copy the files into your iOS app. The whole UI can be customised and it’s open source!
The Google Maps API overrides the scroll functionality of the scrollwheel so it zooms the map, this often causes problems when you have a large map spanning the page.
To prevent this in V3 of the Maps API add:
scrollwheel: false
To your mapOptions when initialising the map.
For example:
var mapOptions = {
zoom: 14,
center: point,
mapTypeId: google.maps.MapTypeId.SATELLITE,
scrollwheel: false
}
map = new google.maps.Map(document.getElementById("map"), mapOptions);
Update: Feb 2016
A few people have emailed asking about disabling the scrolling on mobile / touch devices. The API lets you disable dragging by setting the option draggable to true / false. You can do a quick test for touch and disable scrolling using this snipped via Frankey on Stack Overflow:
{draggable: !("ontouchend" in document)};
If you still want to allow scrolling on mobile, you can leave a gutter around the map to aid moving the rest of the page (gross) or put an overlap on the map which disappears on tap to bring focus to the map.
Bit late to the party with this one, but the Google Font Directory has some great open source fonts that can be included in your webpages incredibly easily. They host the whole solution and it’s a few basic lines of CSS to get some fancy fonts on your site. My personal favourites include Inconsolata and Lobster.
http://www.likecool.com/Experimental_Gummy_Bear_Surgeries–Other–Gear.html
Some great gummy bear transpants!
Experimental Gummy Bear Surgeries
Think the photo says it all, check out Spud Comics for more.
by Lonnie Easterling
In Safari 5 HTML5 videos played in the <video> tag can now be made fullscreen, if you’re using the default controls then a button is available, but if you’re overriding them with a custom control you can use:
webkitEnterFullScreen();
This needs to be called on the video tag element, for example, to fullscreen the first video tag on the page use:
document.getElementsByTagName('video')[0].webkitEnterFullscreen();