Pinned Repositories
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.
panzoom
2010 April 7. Ken Burns Effect with CSS3. Uses WebKit keyframes, so this won't work in Gecko, Prestro, or Trident browsers.
speechless
2011 June 18 and July 3. Speech bubbles triggered upon clicking (using only CSS) styled radio buttons via "checked" attribute.
gordo's Repositories
gordo/beachballing
2010 April 21. Beachballing. 2D transforms to create the spinning beachball cursor from Mac OS X.
gordo/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.
gordo/panzoom
2010 April 7. Ken Burns Effect with CSS3. Uses WebKit keyframes, so this won't work in Gecko, Prestro, or Trident browsers.
gordo/speechless
2011 June 18 and July 3. Speech bubbles triggered upon clicking (using only CSS) styled radio buttons via "checked" attribute.
gordo/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.
gordo/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.
gordo/brandnewbrand
2011 December 1. Eventbrite's logo with pure css + one anchor element.
gordo/camiglass
2010 May 14. Camiglass, a Firefox theme.
gordo/checkmate
2010 April 14. Multiple checkbox selection through shift + click, Gmail-style.
gordo/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.
gordo/collegeruled
2010 May 12. College-ruled paper web form with infinitely expandable textarea and page.
gordo/droprockandroll
2010 February 26. Web-based search engine switcher.
gordo/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.
gordo/flashgordon
2010 April 30. Flash no-plugin blue brick recreated using HTML5 canvas.
gordo/gordo.github.com
gordo/haystack
2010 April 15. Filter list elements on the page as you type.
gordo/lostwebkit
2010 March 19: Recreating the LOST opening scene using WebKit CSS transforms and animations.
gordo/monstercyb.org-version-2
2010 May 30. Monstercyb.org 2nd Edition
gordo/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.
gordo/oneforty
2010 March 4. Building a classic countdown character limit textarea.
gordo/radlibs
2010 April 9. RadLibs.
gordo/sandbox
gordo/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).
gordo/socialgraft
2011 December 2. Facebook share/connect button with pure CSS. Locali[z|s]able, one less HTTP request.
gordo/splines
2010 March 5. SimCity 3000 / Sims-style progress bar messages.
gordo/terminal-one
Terminal configurations
gordo/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.
gordo/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)
gordo/gordonmei.com
The innards of my site gordonmei.com, built using Jekyll, Sass, and too many cups of coffee.