gordo Goto Github PK

aerosmith

2010 March 17. Aero from Windows Vista and 7 using CSS 3 only for visuals (buttons, windows, menus) (and to be nice to IE, filters for them). Javascript is added in for click interactivity that CSS cannot provide, such as triggering a select all or posting date-timestamps. Progressively enhances as you use Webkit-based (Safari, Chrome) and recent Gecko-based (Firefox) browsers. Looks a tad plainer on browsers without as much CSS support, like Camino, Opera, and Internet Explorer.

beachballing

2010 April 21. Beachballing. 2D transforms to create the spinning beachball cursor from Mac OS X.

bouncer

2011 August 16. Client-side validation with shaking oh-no-you-didn't head motion. More extensive input placeholder attribute implementation for browsers lacking support. 2011 October 9. Fade placeholder text upon form input focus to retain context, then clear upon keystroke.

brandnewbrand

2011 December 1. Eventbrite's logo with pure css + one anchor element.

camiglass

2010 May 14. Camiglass, a Firefox theme.

checkmate

2010 April 14. Multiple checkbox selection through shift + click, Gmail-style.

chromepromograbber

2010 May 24. Google Chrome extension to detect and grab iTunes app promo codes from Twitter pages, and list them with direct links to launch iTunes and redeem with one click.

chromethememacdepth

2011 January 2. Mac Classic Depth theme. Google Chrome theme based heavily on the default theme for the browser on Mac OS X. Uses heavier shadows in contrast to the relatively flat look of the original theme.

collegeruled

2010 May 12. College-ruled paper web form with infinitely expandable textarea and page.

droprockandroll

2010 February 26. Web-based search engine switcher.

earlinterrupted

2011 July 7. Recreating our company mascot Earl the Cat with canvas, and animating using CSS keyframes. Makes shocked face when orientation changes upon device rotation.

flashgordon

2010 April 30. Flash no-plugin blue brick recreated using HTML5 canvas.

gordo.github.com

gordonmei.com

The innards of my site gordonmei.com, built using Jekyll, Sass, and too many cups of coffee.

haystack

2010 April 15. Filter list elements on the page as you type.

lostwebkit

2010 March 19: Recreating the LOST opening scene using WebKit CSS transforms and animations.

monstercyb.org-version-2

2010 May 30. Monstercyb.org 2nd Edition

mycroft-gordo

2005 February 15 - Present. Mycroft Mozdev search plugins for Firefox I created over the years, starting in Sherlock, then OpenSearch. Some of these have disappeared from the Mozdev Mycroft site, so this will be one of the last archives for posterity.

oneforty

2010 March 4. Building a classic countdown character limit textarea.

panzoom

2010 April 7. Ken Burns Effect with CSS3. Uses WebKit keyframes, so this won't work in Gecko, Prestro, or Trident browsers.

radlibs

2010 April 9. RadLibs.

sandbox

scrollerblades

2011 June 22 and July 2. Sticky navigation bar that locks and unlocks when the vertical scroll position reaches that element (i.e. element hits the top of the viewport).

socialgraft

2011 December 2. Facebook share/connect button with pure CSS. Locali[z|s]able, one less HTTP request.

speechless

2011 June 18 and July 3. Speech bubbles triggered upon clicking (using only CSS) styled radio buttons via "checked" attribute.

splines

2010 March 5. SimCity 3000 / Sims-style progress bar messages.

terminal-one

Terminal configurations

tinyweb

This is a basic application that simply uses UIWebView in a view-based application in Xcode, to serve as a shared starting point for any iPhone OS applications that evolve out of this.

webify

2011 December 5. A mobile web UI using interface components with CSS and no images (aside from one tangential JS workaround because of an iOS bug)