tantek.com

t

  1. Now to a cross-city SF house party adventure. Happy New Year, and in case I don't see ya, good evening and good night!

  2. 2010 was a tear/break down and (re)build. Still, 1st book: @HTML5Now, deployed @Falcon, @CSS3color to PR, and restarted the blog. Met some wonderful people both personally and professionally. Ending the year on a solid uptick and already excited about next year's potential and possibilities. Like the dude says, now for some real user power.

  3. Footsoldiers of the capitalist counter-revolution, we salute you. Starbucks in WARSAW http://flic.kr/p/96fkSj http://farm6.static.flickr.com/5044/5310235026_d92151c254_b.jpg

  4. compared iflyswa.com kayak.com which sent me to jetblue.com for best direct SFO-AUS #SXSW flights now booked. JetBlue also flies out of the International Terminal at SFO which is *much* more convenient (than United, American, Southwest). Book quickly, prices will go up, and if you're an independent, you can deduct it from 2010 income.

  5. also finished TRON:Betrayal graphic novel, more backstory. Good, but see http://ttk.me/w/TRON-Betrayal-errata documentation of where TRON:Betrayal contradicts or is otherwise inconsistent with the earliest backstory of TRON:Legacy, the original TRON movie: http://tantek.com/asin/B00005OCMR. Full TRON timeline to date so far, with some overlaps: TRON, TRON:Betrayal, TRON:Evolution, TRON:Legacy. That was a fun distraction. Now back to work.

  6. finished TRON:Evolution last night. Highly recommended, gives TRON:Legacy backstory: http://ttk.me/i/a/8SpXJq trailers: http://ttk.me/t4982

  7. Very good overview article: "Microformats: Digging Deeper into the Web" by @BenWard http://j.mp/ufdeep. Minor errata: I was @Microsoft (not yet @Technorati) in early 2004 when I coined the term "microformats" and @KevinMarks (then of @Technorati) and I invented/presented it at O'Reilly's Etech conference: http://tantek.com/presentations/2004etech/realworldsemanticspres.html. Later that year I left Microsoft about a month after the "Great Web Schism" W3C meeting at Adobe, and joined Technorati. longlink to @BenWard's article: http://web.fumsi.com/go/article/share/62328

  8. Flattered! Thanks @kevinpotts, via @francisrupert: Four Most Genius, Paradigm-Shifting, Industry-Altering Web Development Articles of the Entire Decade by @Zeldman @Tantek @JJG @Beep. http://www.graphicpush.com/the-four-most-genius-paradigm-shifting-industry-altering-web-development-articles-of-the-entire-decade

  9. In the future our solid state 24 hour battery laptops will never sleep and will rarely if ever leave the grid.

  10. Tip: Want to keep down(up)loading/processing while walking with your closed MacBook Air? Check out InsomniaX, recommended by Stephan at the Apple Store SF: http://www.macupdate.com/app/mac/22211/insomniax Warning: don't use with internal moving/spinning *disk* drives. SSD only, for reliability and heat reasons.

  11. In other news: with online orders and today's Apple store visit, Port Zero will be startup ready by year end. success = preparation + opportunity + initiative. Not a pre-announcement of anything other than barrier/friction reduction and battle-readiness. Still focusing on open web standards for Mozilla for the foreseeable future.

  12. Congratulations @poshy on her beautiful baby! Already online with video http://flic.kr/p/95NfCx and Twitter @rubyharlow.

  13. Mute feature request aside, I love Flickr. Using it makes me feel calmly happy, not anxious/twitchy as others do.

  14. The thing when you wake up minutes before the alarm despite going to bed late. focus? productivity? anticipation?

  15. Making plans for 2011 @SXSW and @OSBridge. Housing booked. Flights next. Who's flying when from SFO?

  16. #independent Tip 2: buy hardware you've been meaning to before year end [#taxes]. also, ears burning [#nyc <3]

  17. Tip: If you're an #independent, renew domain names in advance (before year end) to reduce net income. #taxes

  18. enticed by a giraffe doll nearly her height, my ten month old niece just stood up by herself for the first time.

  19. I really need to build "in reply to" support into @Falcon. But first coffee, thanks to @Starbucks being open. Building Star Wars LEGOs with aforementioned nephew (he got quite a few today) comes next. Then coding.

  20. OH: "Boxer shorts! Now all I need are boxer gloves!" #stuffmynephewsays

  21. @maryspecht @asadotzler I tend to agree, prose is easier to remember than punctuation. And now bed, expecting nephews will awake quite early to open their ritual gifts. Sleep well all, and happy holidays, whatever your practices.

  22. Dear UX/content folks: which is easier to say/repeat? Go firefox.com/beta or google Firefox beta? Try FF4 b8, compare to Chrome, Safari, etc. in terms of rendering/scripting performance/fidelity, and let me know what you think!

  23. Never Mind TIME/Zuck, Here's @VioletBlue's 2011 Top 10 Sexy Geeks http://j.mp/sxyg via @edrabbit @karaemurphy Congratulations to all the hotties who made the list and fellow runner-ups (honored!). longlink: tinynibbles.com/blogarchives/2010/12/top-ten-sexy-geeks-2011.html and previous years: 2010: tinynibbles.com/blogarchives/2009/12/top-ten-sexy-geeks-2010.html, 2009: tinynibbles.com/blogarchives/2008/12/top-ten-sexy-geeks-2009.html, 2007-2008: tinynibbles.com/blogarchives/2007/12/top-ten-sexy-geeks-2007.html, 2006: tinynibbles.com/blogarchives/2006/12/top-ten-sexiest-geeks-of-2006.html, 2005: tinynibbles.com/blogarchives/2005/12/top-ten-sexiest-geeks-of-2005.html. Oh and some of the images at those URLs may not be appropriate for little ones, in case you're reading this in the company of family.

  24. Congrats @aprilini @ceedub! Some early photos: flickr.com/photosof/aprilini+ymbiont/page5/ (may need login or reloading due to Flickr's search result caching oddities - bugs that make search results blank or say "There are no photos ..."). Aside: I wish I could point to a date-based permalink, e.g. instead of /page5/ I want /taken-on/2007-03-14/. Here's the first photo I took of Cameron and April at SXSW 2007: flickr.com/photos/tantek/457115431/ http://farm1.static.flickr.com/176/457115431_a49b052602.jpg

  25. Photos are memory/emotion recall indexes. Dear Flickr please implement "mute" to regain social relevance. See examples of "mute" previously noted: http://ttk.me/t49F4. Why it matters, problem statement: you end up following too many people on Flickr (social conventions, inevitable) and then your flickr.com/photos/friends/ becomes too noisy with photos you don't care about - you grow weary and miss the photos you do care about, and then give up. Coping mechanism: it's too emotionally wrenching to drop connections and instead people either: switch to sharing via *new* networks that work because they quickly let you start small/focused, adding only those you care to see currently (rather than years ago), e.g. Instagram, Path. OR people instead share more photos on a service that does support mute: Facebook. Solution: "mute" works because it's the simplest of user tuned filters that increases the signal to noise ratio of what users see from their friends, thus they see more of what they want to see and interact more, commenting, favoriting, tagging, and adding notes. All of which is the whole point of using a social photo sharing site in the first place - the people to people interactions. #needspost

  26. innerspace leading lady pattern: Fantastic Voyage 1966 Raquel Welch: Cora TRON:Legacy 2010 @OliviaWilde: Quorra

  27. Obama signs #DADT repeal http://j.mp/oktell. Dear Haters: Your culture is obsolete. Yours truly, The Future. http://www.latimes.com/news/nationworld/nation/la-na-dont-ask-20101223,0,2691628.story

  28. cutest thing I saw today: Little TRON Girl http://www.funnyordie.com/videos/c7a4a1de40/little-tron-girl #TRON

  29. @LaserdiscClub player setup/test complete. forgot how awesome the 1960s vision of the future was #fantasticvoyage

  30. SF @LaserdiscClub screening 8pm Port Zero. theme:innerspace: Fantastic Voyage 1966, TRON Archive CAV. covers: http://www.laserdiscunderground.com/images/Fantastic%20Voyage%20Special%20Widescreen%20Ed..jpg dadons-laserdiscs.com/TRON-DSS-WS-CAV-LaserDisc-Disney-Archive-Collection-Box http://d12.laserdiscs.biz/large/LaserDisc-Tron-Box-Front800_01.jpg

  31. scheming with @flaneur. We are a go for the first SF chapter @LaserdiscClub screening tonight. details to follow.

  32. tonight's late night movie in honor of once in 100s of years eclipse event: Fifth Element http://ttk.me/i/a/WAqef

  33. longest darkest night of our lives, once in generations event. what are you doing/thinking/feeling? #eclipse #wintersolstice #lunareclipse

  34. the rain paused and the clouds parted to reveal a red moon in totality directly overhead. #eclipse #lunareclipse

  35. read "The Lorax" http://ttk.me/i/a/~32nJx to nephew 2 while the cat sat in my lap. now foods and personal to-dos.

  36. lunar eclipse tonight: PST start ~2130, totality ~2340-2453, end ~2600. rain might stop, who wants to go out? http://www.weather.com/weather/hourbyhour/graph/USCA0987

  37. oh hello. my twitter just showed up in a Fennec (Firefox mobile) demo on screen in meeting @MozHQ with a BigCorp.

  38. translation: things to rant about = 386 = xkcd.com/386. except be paid to do it in daytime not neglect someone at night.

  39. OH: “It's actually a very good strategy: ‘You're making me cross, I'm going to be more reasonable!’”

  40. Way too many things to rant about today. Going to try focusing on and recognizing the positive aspects instead.

  41. packing up climbing gear, heading to Mission Cliffs to boulder. Who's up for brunch afterwards in the Mission?

  42. quick bite at Blue Front Cafe then @TheHotToddies Holiday Food Drive at The Uptown in Oakland plancast.com/p/39vc

  43. #TRONLegacy was visually stunning, enjoyed the characters. It's time to bring back the LYTCYCL. But first, sleep.

  44. sharp dressed folks @MozHQ ready to party. looking forward to my 1st org holiday party in years. thanks @Mozilla.

  45. from the archives: nicely done TRON vs Depeche Mode "Suffer Well" video mashup: http://j.mp/tronvdm longlink: http://www.spike.com/video/tron-vs-depeche-mode/2689069

  46. in NYC or Jersey for holidays/NYE? Go see "Charlotte's Web" @ trtc.org with Aysan! review http://j.mp/charweb longlink: http://www.redbankgreen.com/2010/12/a-wondrous-web-designer-at-work.html

  47. @TRONlegacy @Disneyland REQUEST elecTRONica ENTRY ON 12-18 @cindyli @themattharris @t http://flic.kr/p/92hyCp PROGRAMS INCLUDING @stubbornella @andicandy BEING COMPILED. READY FOR GRID ENTRY. http://farm6.static.flickr.com/5128/5265402191_d2f0592902.jpg

  48. finally finished reviewing vCard 4 draft 13 to 15 diffs: j.mp/vc4d14 j.mp/vc4d15. many very good fixes and improvements. now to read draft 15 thoroughly, and write up more suggested fixes and iterations on fixes from my review of draft 13. longlinks: diffs from 15 over 14: tools.ietf.org/rfcdiff?url2=draft-ietf-vcarddav-vcardrev-15. diffs from 14 over 13: tools.ietf.org/rfcdiff?url2=draft-ietf-vcarddav-vcardrev-14. previous review of vCard4 draft 13: https://wiki.mozilla.org/VCard4-draft-13-review. my vCard4 review page (in progress): https://wiki.mozilla.org/VCard4.

  49. ORIGINAL PROGRAM WRITTEN BY K. FLYNN THIS INFORMATION PRIORITY ONE END OF LINE #textfromTRON #TRON

  50. ENCOM MX 16-923 USER # 0176825 06:00 VIDEO GAME PROGRAM: SPACE PARANOIDS ANNEXED 9/22 BY E. DILLINGER #textfromTRON #TRON

  51. MAG 10X MODE: LOCK MCP CNTRL ACTIVE INPT TARGET SERVO CNTR LOCK ON GRID MATRIX LOG DATA GDNCE INPT STRGE CLRD FRG MNTR KZW CNTRL ACTIVATE THERMO TRGT #textfromTRON #TRON

  52. MAG 10X MODE: SCAN MCP CNTRL TARGETING ACTIVE INPT SERVO PWR SERVO CNTR PWR CPLING GRID MATRIX LOGIC BYPS LOG DATA FRG MNTR GDNCE INPT KZW CNTRL STRGE CLRD THERMO TRGT #textfromTRON #TRON

  53. THAT ISN'T GOING TO DO YOU ANY GOOD, FLYNN. I'M AFRAID YOU... #textfromTRON #TRON #MCP

  54. CODE SERIES LSU-123... ACTIVATE█ #textfromTRON #TRON

  55. YOU SHOULDN'T HAVE COME BACK FLYNN █ #textfromTRON #TRON #MCP

  56. REQUEST: ACCESS CODE 6 PASSWORD SERIES PS 17 REINDEER FLOTILLA█ #textfromTRON #TRON

  57. YOU WOULDN'T WANT ME TO DIG UP FLYNN'S FILE AND READ IT UP ON A VDT AT THE TIMES. WOULD YOU? #textfromTRON #TRON #MCP

  58. THE SAME THING I WANT WITH THE KREMLIN. I'M BORED WITH CORPORATIONS. WITH THE INFORMATION I CAN ACCESS, I CAN RUN THINGS 900 TO 1200 TIMES BETTER THAN ANY HUMAN. #textfromTRON #TRON #MCP

  59. I'VE GOTTEN 2,415 TIMES SMARTER SINCE THEN. #textfromTRON #TRON #MCP

  60. IT SHOULDN'T BE ANY HARDER THAN ANY OTHER BIG COMPANY. BUT NOW... THIS IS WHAT I GET FOR USING HUMANS. #textfromTRON #TRON #MCP

  61. MAG 10X MODE: RUN MCP CNTRL SERVO CNTR PROGRAM: GRID MATRIX ORANGE READ DATA MEM RECALL STRGE HOLD ROM YORI KEY YORI RUNNING PRIME #textfromTRON #TRON

  62. MAG 10X MODE: LOCK MCP CNTRL ACTIVE INPT TARGET SERVO CNTR LOCK ON GRID MATRIX LOG DATA GDNCE INPT STRGE CLRD GRID PROJ KZW CNTRL ACTIVATE LSR RTRVL #textfromTRON #TRON

  63. ALIGNMENT LASER SHUTTER OPEN OSCILLATOR SHUTTER OPEN PREAMPLIFIER 20 KV ON MAIN AMPLIFIER 20 KV ON BEAM LINE SHUTTER OPEN ENCOM #textfromTRON #TRON

  64. MAG 10X MODE: SCAN MCP CNTRL TARGETING ACTIVE INPT SERVO PWR SERVO CNTR PWR CPLING GRID MATRIX LOGIC BYPS LOG DATA GRID PROJ GDNCE INPT KZW CNTRL STRGE CLRD LS #textfromTRON #TRON

  65. SYSDAT. 1039 MATTER TRANSFORM SEQUENCE #textfromTRON #TRON

  66. SEPT 22, 18:32:21 PM YOUR ACCESS SUSPENDED PLEASE REPORT TO DILLINGER IMMEDIATELY AUTHORIZATION: MASTER CONTROL PROGRAM END OF LINE #textfromTRON #TRON

  67. REQUEST: MASTER CONTROL PROGRAM RELEASE TRON JA 307020 I HAVE PRIORITY ACCESS 7 █ #textfromTRON #TRON

  68. ADDRESS FILE EMPTY... TRON PROGRAM UNAVAILABLE █ #textfromTRON #TRON

  69. IT'S YOUR FRIEND THE BOY DETECTIVE. HE'S NOSING AROUND AGAIN. YES. IT FELT LIKE FLYNN. #textfromTRON #TRON #MCP

  70. HELLO, MR. DILLINGER. THANKS FOR COMING BACK EARLY. #textfromTRON #TRON #MCP

  71. REQUEST: ACCESS TO MASTER CONTROL PROGRAM. USER CODE 00-DILLINGER. PASSWORD: MASTER #textfromTRON #TRON #pwfail

  72. REQUEST...ACCESS TO CLU PROGRAM LAST LOCATION: HIGH CLEARANCE MEMORY #textfromTRON #TRON

  73. ILLEGAL CODE... CLU PROGRAM DETACHED FROM SYSTEM #textfromTRON #TRON

  74. . . П . П . . П . . . . <⏜=>— . . /⟗\

  75. REQUEST STATUS REPORT ON MISSING DATA #textfromTRON #TRON

  76. Meanwhile in the real world... REQUEST ACCESS TO CLU PROGRAM CODE 6 PASSWORD TO MEMORY 0222 #textfromTRON #TRON

  77. █████████████████████◣❂⏜❂

  78. ran into @cdespinosa (2nd longest serving Apple employee) @Starbucks. my one request: @HyperCard for iPad/iOS.

  79. awesome Star Wars headphones (especially the R2D2 ones) coloud.com/category/star_wars via @cindyli. photo: http://www.coloud.com/client/zound/dynamic/images/1936_b18f2cc96c.jpg They're missing the obvious Star Wars headphone design though: Lobot's Borg Construct Aj^6 starwars.wikia.com/wiki/Borg_Construct_Aj%5E6 http://images2.wikia.nocookie.net/__cb20080722200429/starwars/images/thumb/f/fe/Cyborg-headgear_negwt.jpg/514px-Cyborg-headgear_negwt.jpg

  80. awaiting a Fedex delivery (originally expected Saturday) and missing morning large-group meetings. Hello, Monday.

  81. Greetings Programs. Do you have your identity disc? #TRON #TronLegacy #ElWire http://flic.kr/p/91tL24 photo: http://farm6.static.flickr.com/5208/5256270245_3ae1260b0c.jpg Update: and in the dark: http://flic.kr/p/91y4of http://farm6.static.flickr.com/5001/5257109110_dde026279a.jpg

  82. every social content sharing service needs a "mute" UI per following (@Dopplr has it, @Facebook "Hide all by...")

  83. converses are problematic: follow requests for private info are awkward, reverse sharing for public info is spam.

  84. UX add-friend patterns: asymmetric follow for public info (@Twitter), reverse sharing for private info (@Dopplr).

  85. ♥ Tantek is single. Now, how to mark up such an update in HTML5 + hAtom + Activity Streams, and syndicate it.

  86. "...identity disc. Everything you do ... will be imprinted on this disc." TRON (1982) predicted Activity Streams.

  87. mailing bills, grocery shopping for TRON viewing potluck, TRON:Evolution unboxing http://youtu.be/BYifLKyXVXs tonight. Might have room for one or two more http://plancast.com/p/36qu - dm/txt/im me. Previous post on TRON: Evolution: http://ttk.me/t4982

  88. a couple walks up to the cafe entrance holding hands, and in one swift motion he pulls the door open for her, without letting go of her hand. she smiles, thanks him and walks through, he after her, without pause or any loss of momentum.

  89. Today's prescience award goes to @simplebits, for moving off Tumblr a week ago: http://j.mp/sbtwp. 2nd place: @paulrobertlloyd warned that Tumblr would experience a Geocities like outage: twitter.com/paulrobertlloyd/statuses/20054411663. LongURL to @simplebits' "U-Turn" post, in Google's Cache, because of course, it was posted on Tumblr: http://webcache.googleusercontent.com/search?q=cache:CsKoUKhTKpMJ:stream.simplebits.com/post/1730072743/uturn

  90. after watching trailer^1 and E3 demo^2, ordering TRON Evolution for XBOX 360 http://ttk.me/i/a/B9EFnW videos: 1^http://youtu.be/rxIR9wlQS_w 2^http://youtu.be/M3dHhPmfSpw

  91. "Let me hear you make decisions, without your television..." ... "Let me show you the world in my eyes..."

  92. crafted 3 perfect solids. still sore neck down to calves, trying to dance it off @DNALounge's newwavecity.com Depeche Mode Tribute dance party. Walked in to "Got to move on sometime, and it's about time." Yes it is. plancast.com/p/339h

  93. Most Common Break Up Times / According to Facebook status updates http://flic.kr/p/8Ykh54 #dconstruct. graph: http://farm6.static.flickr.com/5048/5231982339_ca37d533a8.jpg from @mccandelish "Information Is Beautiful" presentation @dConstruct 2010.

  94. 4.5hrs last night: V5+2V4s+2V3s = 20,940 pts, 60th/142 men's intermediate at MC TBS6 (down from TBS5). today: very sore.

  95. packing up climbing shoes and heading over to Mission Cliffs for TBS6 bouldering competition! plancast.com/p/34tl

  96. Of Dating Preferences, Public Profiles, and Formats For Federating It All

    In the past week a couple of smart friends posted on dating and preferences, and publicly at that. A lot of what they said resonated, and it was more impressive that they did so on their own site (or at least subdomain) instead of (or in addition to) a (semi-)walled garden like Facebook or a nerdy dating site like OkCupid.

    It was both inspirational and made me wonder about what could be done to further empower independents to share, discover, and federate such preferences and profile information, in order to find like-minded or compatible individuals in a decentralized and open manner, rather than depending on any one particular centralized site.

    Existing open web standards such as microformats (hCard, XFN), ActivityStreams, and Portable Contacts either lack dating-specific details, or are backend/programmer-centric JSON (nevermind slowly dying XML variants), too high a barrier for the long tail of indie web publishers (not to mention saddled with the disadvantages of DRY violations and invisible sidefiles/APIs). If you want to scale to billions of diverse pages, simple additions to HTML that markup visible content are what is necessary.

    That being said, the best way to start exploring the creation of (or extensions to) formats and schema is to research previous efforts (sites, user interfaces, and other formats, no matter the syntax), and start experimenting, with real data, on the public web. Here are a few aspects to get started, based on some of the settings in Facebook's Edit Profile pages.

    • gender. This one's a recent hot topic, and Sarah's excellent post provides a good summary. Suffice it to say I'm optimistic that based on extensive research we have a solution (likely to be incorporated into vCard4 and an update to hCard) for representing "gender" in ways people prefer to express it, rather than oversimplifying for programmer convenience.
    • interested in. This is the counterpart to declaring your own gender, that of indicating the gender(s) that you may be interested in. Current sites seem to restrict this to a pair of checkboxes at best (for indicating male and/or female interest). However, this property, like "gender", seems a bit more humanly complex than a pair of binary checkboxes for all the same reasons. More research of real-world examples and sites is needed.
    • looking for. People are looking for different kinds of relationships, and this is also an area of human complexity that requires additional research.
    • relationship status. Facebook has a whole separate page for editing relationship status. While XFN has been quite a success in terms of expressing relationships with others on the web (mostly through numerous sites supporting XFN friends lists), it's got a few holes in terms of expressing relationship status, including perhaps most importantly (in terms of dating), explicitly self-labeling as single. In any case, ways of expressing and describing relationship status also deserves more research.

    The flip side of such editing interfaces is how the information is displayed. Facebook has an "Info" tab, as well as an "Information" box on profiles that displays, among other things, the following:

    • Networks - organizational affiliations
    • Relationship Status - needs research, as noted
    • Children - XFN handles this
    • Siblings - XFN handles this as well
    • Birthday - hCard has a "bday" property
    • Current City - hCard's "locality" is sufficient
    • Political Views - people seem to use this as a free-form field
    • Religious Views - also treated as free-form
    • Website - XFN's rel="me" handles this

    I know numerous people who have their own sites, blogs, etc. typically with a brief description of themselves. Some even include information like their current city. I recently added a brief "Hello" box to the top of my sidebar, as well as rearranged my "Elsewhere" box to be right below it. Perhaps it's time to start experimenting with adding something similar to Facebook's "Information" box as well to see how that fits-in on a personal site.

    The elephant in the room is of course privacy. There are far more people who prefer to keep a lot (most?) of this information private, or at least apparently private either through preferences on social network sites, or through the use of aliases and pseudonyms. In practice I would expect that any formats we figure out for sharing this information would need to be paired with some sort of privacy / limited access to work for most people.

    However, given that there are some, like Tara and Jessica, that are ok with publishing preferences publicly, perhaps if more of us do decide to experiment with publishing this information publicly we can learn enough to make progress.

    And with that, here is my encouragement: check out the research I've linked to above, add more real-world examples (social network sites, dating sites, personal sites), and consider publishing an "Information" box on your own site with whatever aspects of the above that you feel comfortable with. I'm working on doing the same.

  97. bought 4 tickets Metreon IMAX 3D TRON Legacy 2010-12-17 3:15am (date of show: Thursday, Dec 16). Fandango URL https://www.fandango.com/Transaction/Ticketing/ticketboxoffice.aspx?tid=AANEM&mid=130106&refreshdate=12/17/2010&row_count=425890070

  98. goodbye October and November. risks taken brought good times and a couple of key painful lessons. ready for more.

  99. Despite covered outlets, @thesummitsf is open after 10pm, has good coffee, wifi. cc: @lauraglu @verbiee. p.s. outlets behind the couch are still open, for now.

  100. bought ticket to svrocks.com, 2010-12-01 benefit concert @GAMH for Bay Area music in schools. you should too: advance tickets available until noon tomorrow, use this URL for a discount: http://svrocks2010.eventbrite.com/?discount=hottoddies5off

  101. #scihack day SF rocked! "We have lift-off! Science Hack Day SF 2010" by @arielwaldman: http://sf.sciencehackday.org/2010/11/30/we-have-liftoff/

  102. first use of Photo Booth: my annual Blue Beanie photo. I support web standards for humans first, machines second.

  103. There is availability and there is intent, and I think those are orthogonal.

  104. Bugzilla tip: "Match Failed" "CC: ... did not match anything" means CC'd email address is not a Bugzilla account.

  105. sometimes moving forward requires moving on. working on technology to do so, openly, independently. #userprofiles

  106. was apparently distracted when CSS Style Attributes made it to Candidate Recommendation! w3.org/TR/css-style-attr

  107. The BlackBerry delete key is my favorite. Essential for email/txting devices. iPhone swipe+confirm is slower. Devices like the Virgin Mobile LG Rumor 2 that require three actions (options+Erase+confirm), are even worse. Never mind that on a BlackBerry you can easily shift-scroll-select multiple messages to delete as well (instead of having to swipe-confirm for *each* message). How do users of non-BlackBerry mobile-email-devices put up with all the extra swiping, clicking, various menus, confirmation boxes and cheesy animations that unnecessarily slow down their mobile experiences? Or is it just a matter of not having compared/contrasted them to/with more efficient interfaces? Update: For multiple messages on iOS (iPhone/iPodTouch/iPad), you can click the Edit button in the upper-right and tick off each message to select it, then click Delete (or Move) at the bottom (via @khit on Buzz^1). 1^http://www.google.com/buzz/109182513536739786206/8RzqVhxHmXP/The-BlackBerry-delete-key-is-my-favorite-Essential#1290979964894000

  108. #HTML5 validator.nu vs w3.org/html/check update: recency depends on @hsivonen @sideshowbarker checkins. use both. Update: @jmullan had asked^1 me at my YUIConf HTML5 talk^2 about whether validator.nu and the W3C's validator were different at all (someone in the audience claimed that W3C's validator just called validator.nu) - the answer is that they both pull from the same source code repository, but not necessarily at the same time, and thus are different enough, often enough, to potentially (and in my experience, sometimes) give different validation results. In addition, w3.org/html/check may also include code from @sideshowbarker's workspace that has not yet been contributed to the repository^3. 1^http://twitter.com/jmullan/status/8988393828524032 2^http://ttk.me/b/48t1 3^http://twitter.com/sideshowbarker/status/9049501381693440

  109. #YUIConf #HTML5 follow-up: w3.org, validator.nu are different. Use w3.org/html/check for latest HTML5 validation. Examples (as of 2010-331 18:32 PST) of where w3.org/html/check is more up to date: 1. <s> element recently added back to HTML5, and 2. datetime attribute of <ins> and <del> now permits date-only syntax. E.g. compare: http://www.w3.org/html/check?doc=http%3A%2F%2Ftantek.com%2F2010%2F309%2Fb1%2Fembed-html5-videojs-open-video-conference-nyc and http://validator.nu/?doc=http%3A%2F%2Ftantek.com%2F2010%2F309%2Fb1%2Fembed-html5-videojs-open-video-conference-nyc

  110. Can you tell the difference/similarity between blue and green? http://9gag.com/gag/53132 via @JJenZz. images: http://9gag.com/photo/53132_700.jpg http://img3.fotos-hochladen.net/uploads/without2h1qxlijt.png

  111. Don't serial tweet. Unless you're @tomcoates. He wins this round. #gamification

  112. @GreatDismal I read Neuromancer in HyperCard on a PowerBook170. Still have the Voyager 3.5" floppy disk, LE IMHO.

  113. 5 player Evo^1 with 4 Brits and now Carcassonne^2 #gamesnight 1^http://ttk.me/i/a/2wvJbL 2^http://ttk.me/i/a/kVzM

  114. Keep in mind the Temporal Prime Directive: "Be a Time Traveler Day 2010." plancast.com/p/1f50 via @repeatpenguin.

  115. 6 year old plays Star Wars Main Theme on violin. (AKA my nephew kicks all your butts :) http://vimeo.com/17205090

  116. starting Thanksgiving dinner, thankful for family and friends. hug your loved ones and tell them you love them.

  117. predicted this to friends just days ago! US to Drop Color-Coded Terror Alerts j.mp/lolrange via @chrismessina longurl: http://www.nytimes.com/2010/11/25/us/25colors.html

  118. OH: "Hey! Who smacked my bootie?!?" [since when do 3 year olds talk like that?]

  119. last time you typed a non-http(s) URL into a web form? like never? re: @anwajler "URL's are not limited to http".

  120. wow I'm on the #YUI blog! http://www.yuiblog.com/blog/2010/11/24/video-yuiconf2010-tantek/ #HTML5. brunch time!

  121. How to make HTML5 input type="url" allow user entry/submission of http-less URLs like "tantek.com": onblur or onkeydown with keyCode 13: fix up the value by prepending "http://" if necessary. e.g. call webaddresstouri() function in cassis.js. Must use input type="text" in the page markup for HTML5 browsers with javascript turned off, and dynamically set the input element's type="url" in script on the page. Now implemented in @Falcon's @RelMeAuth login UI. Might want to do this with all uses of <input type="url"> for better usability (don't require user to type "http://"). Perhaps worth writing up in a blog post.

  122. awoke way too early (530am PST. East coast empathy?) so I'm drinking coffee, hacking. Happy Thanksgiving friends!

  123. Finished @Falcon post/undo/edit/delete interaction flow diagram and interface sketches. Now to family dinner. Afterwards, late night coding once the nephews are asleep.

  124. *minimized*, *background*, *not-playing* Flash Player (Safari Internet plug-in) eats CPU+battery #flashsucks. Amazingly, this "backgrounded" Flash Player process chewed thru battery on my MacBook Air 11" in less than 3 hours (I used "Activity Monitor" to see what processes were using CPU), while normally I get 5+ hours. The site was video.forbes.com running in Safari 5.0.2, and it was the only page open with Flash (I use ClickToFlash to make sure). Power-saving and laptop-speed-up tips: Install ClickToFlash.com to block Flash by default, and use the built-in MacOSX Utility "Activity Monitor" to find the "Flash Player (Safari Internet plug-in)" process and explicitly (Quit) it after you're done watching any Flash video etc.

  125. trying joindiaspora.com considering @Falcon interop. want invite? what have you done for the open web lately? @joindiaspora profile URL: https://joindiaspora.com/people/4ceda6922c174338d7000417

  126. that's just what scientists do, we form universal hypotheses to model local data, rippling in concentric circles.

  127. met nice @Klout folks @ashleyjacober @jedshearer @meganberry co-working @EpicenterCafe. @Klout the new TR authority? #SF

  128. The air attack warning sounds like. When you hear the air attack warning, you must take cover #sftuenoon #frankie

  129. it's a good morning for bluntness and Band of Horses.

  130. 2 years ago: "How to be a superhero" @BarCampSeattle. Now superheroes patrol Seattle j.mp/seash. Coincidence? longlinks: article: http://www.seattlepi.com/local/430430_super19.html http://www.seattlepi.com/dayart/20101119/web-phoenix-0.jpg presentation slides: http://tantek.com/presentations/2008/06/how-to-be-a-superhero/ and session photos: http://flickr.com/photos/tantek/tags/howtobeasuperhero http://farm4.static.flickr.com/3271/2661656506_b5d995c661.jpg

  131. finished uploading photos from my old Canon SD1100is. flickr.com/tantek - next: S90 (http://ttk.me/i/a/7GLTGq incredible photo quality) photos. Down to being "only" about 3 months and 2265 photos behind. My last SD1100is photo: http://flic.kr/p/8VuWb3 http://farm5.static.flickr.com/4125/5199917038_2e121593df.jpg

  132. I find the "Report phishing" option in Gmail quite satisfying, even w/o FPS UI. Needs moar lasers cc @paul_irish.

  133. Gmail Mail Goggles set on level 5 (max) is making sending late night emails much more enjoyable (tonight: 30sec).

  134. replaced broken shower knob with a new one. now off to dinner. #fixandfilter

  135. woman strips to see-through underwear for TSA, records it: http://vimeo.com/17057322 (mild nudity) blog post: http://www.feminisnt.com/2010/my-experience-mocking-tsa-security-theater-at-seatac-as-a-nearly-naked-enfant-terrible/ (also has mild nudity, may be NSFW depending on where you W) via @stubbornella @davidisen. Update: her blog went down due to traffic. Google Cache: http://webcache.googleusercontent.com/search?q=cache:http://www.feminisnt.com/2010/my-experience-mocking-tsa-security-theater-at-seatac-as-a-nearly-naked-enfant-terrible/&hl=en&strip=1

  136. SF + NYC top in degree density j.mp/sfsmrt, but more to being smart than degrees (despite having 2). longurl: http://www.good.is/post/where-the-smart-people-at/

  137. The New York Times on "The Attention-Span Myth". TLDR. Maybe you can do better: http://j.mp/nytattn longlink: http://www.nytimes.com/2010/11/21/magazine/21FOB-medium-t.html

  138. awake way too early for a Sunday morning. and that was an hour ago.

  139. #YUIConf "HTML5: Right Here, Right Now" HD video posted

    Yahoo! has posted the full 56 minute HD video of the talk I recently gave at YUIConf 2010, HTML5: Right Here, Right Now (hat-tip: @miraglia). The video is a nice composition of my on-screen slides/demos/code samples, and picture-in-picture (bottom right corner) video of me presenting, hand-waving etc. You'll have to download it though, as it's too big to embed inline here.

    Update: Yahoo has embedded the video of the session on the YUI blog as well.

    I conversationally engaged the audience about practical HTML5 - what you can use now - and learned some tips and tools myself in the process as well. If you like my YUIConf HTML5 talk, please check out my HTML5 book and longer video:

    HTML5 Now: A step-by-step tutorial for getting started with HTML5 today.

  140. while @TheSummitSF, just got asked by @aracena (never met) if I'd heard of @BarCamp :) he's making virtual ones.

  141. sunny blue skies outside despite weather reports. yoga, then risking rain and biking to Mission Cliffs.

  142. Amélie http://ttk.me/i/a/nXX0 makes for a good bedtime movie.

  143. back to our regularly scheduled SF fall/winter weather, or as Morrissey would say, every day is silent and gray.

  144. using iTunes 10 with Airport Express broke iTunes 9 AirTunes: "An unknown error occurred (-15000)." detailed description: I used iTunes 10 on my MacBook Air 11" to stream radio via AirTunes to my Airport Express - worked fine. When I then disconnected it and tried using iTunes 9 on my white MacBook to play AirTunes, it said "Connecting ..." and eventually gave me an error alert: "An error occurred while connecting to the remote speaker 'library'. An unknown error occurred (-15000)." (Not a terribly useful error message for trouble-shooting - even a web search turns up scant clues, mentions of firewall configuration - wasn't running one). Thus it appears that using iTunes 10 with AirTunes breaks iTunes 9 compatibility on that Airport Express. Feels like another (perhaps unintentional) forced software upgrade path. Here is why this is a problem: if you visit a friend's house and play music through their Airport Express, you might then break your friend's ability to use same Airport Express to play music (they might not be able to upgrade their iTunes etc.).

  145. How do you turn off Paste+Match Style on a Mac? via @fixpert. [I paste/select-all/cut inside browser URL bar -@t]

  146. Speaking of which, if a NORTEL asks you for your name, tell it vendor, and if it asks for a word, tell it vendor.

  147. "Social Steganography" not new. see Lakoff, rightwing, code words for base, innocuous to others. cc @zephoria @kevinmarks @debs.

  148. "HTML5" Web SQL Database w3.org/TR/webdatabase deprecated by @W3C via @plhw3org [dead API, update web apps. -@t]

  149. @meyerweb 'orange' has always been in CSS3 Color sec 4.3, has never been in sec 4.1 (prev named "HTML4 color keywords").

  150. Tip: today's groupon.com $25 for $50 of American Apparel. be patient, appears their site is getting hammered. longurls: signup http://www.groupon.com/r/uu783818 and coupon https://www.groupon.com/deals/american-apparel-san-francisco/

  151. How To Talk To Your Kids About Star Wars: http://youtu.be/pCjMGOvMghY

  152. analogue hip: Lomo Sprocket Rocket has super-panoramic winding sprockets multi-exposure. j.mp/sprock longurl: http://sites.lomography.com/sprocket-rocket/

  153. seasonal guilty pleasure: peppermint soy mocha @Starbucks - holiday switch flipped yesterday with red menus, aprons etc.

  154. "On 17th November 2010, Last.fm discontinued a few subscriber-only radio stations." e.g. loved tracks. sad panda.

  155. #scihack Fancy Pigeons team, plz mash it up with Twitter to help evolve followings list: select, breed, and CULL!

  156. just got 2 tickets for @TheHotToddies Friday 2010-11-19 @SlimsSF. have not heard of the other bands. tickets: http://www.slims-sf.com/slims-bin/showcal?date=2010-11-19

  157. Four Barrel, Pancho Villa, then saw @adactio @wordridden off @ 16th st BART. superb guests. missing them already.

  158. new washer and dryer installed/tested; they're oh so quiet! focus for November: fix/replace, simplify, minimize.

  159. Setting up an auto-delete rule for bugzilla@jessica.w3.org - robots should not send email to human lists. #HTMLWG

  160. "Error (503) / We're sorry but your Gmail account is temporarily unavailable." Time to try a new email service?

  161. waiting for new washer dryer delivery, home cooked brunch with @adactio @wordridden, high 70s in SF. nice monday.

  162. Interfaces should always be at least a little forgiving. Allow undo post/edit/delete even if just for 30 seconds.

  163. inspired by great ideas designs hacks demos @sciencehackday. exhausted but making just 1 more flowchart. #scihack

  164. last night I had to kick out an unregistered "Doctor Who" clone, this morning I woke up under a towel. #scihack

  165. Ever delete a tweet and then regret deleting it? If so, when, why, and how soon after you posted it? #scihack #ux

  166. don't assume you need code(rs) to begin. start with: user scenario(s), content, IA, collaboration, wiki. #scihack

  167. The Star Wars trilogy rendered entirely in paper: http://vimeo.com/15607283 via @chelkano, cc: @adactio @cindyli.

  168. once again waking up to a need to code and coding the first simple thing that came to mind: Vimeo autoembeds in @Falcon.

  169. Yahoo! posted #YUIConf Evening Panel HD video (80 min. 580MB .mov) http://j.mp/bnkKB7 via @miraglia. longurl: http://yui.zenfs.com/theater/yuiconf2010-panel-hd.mov - had a great time with @dalmaer @bgalbs @joehewitt @pudding25 Crockford.com Thomas Sha @ryah, except why am I so fidgety? Or how do the rest of you sit so still?

  170. happy actual pi day! today is the 314th day of the year and 159265 = 15:92:65 with carrying rollovers = 16:33:05.

  171. at #YUIConf, encouraging @stubbornella and anyone else with CSS3 proposals to join www-style at w3.org and email submissions, links, etc. to help advance CSS. See searchable archive and subscribe link: http://lists.w3.org/Archives/Public/www-style/

  172. enjoyed @stubbornella #YUIConf CSS3 talk, sat next to Crockford.com who's wearing Y! Nike shoes purple with yellow trim.

  173. Dear Seattle: @adactio @wordridden are on their way, another traveling friend is already there. Take good care of them.

  174. final TRON: Legacy (@tronlegacy) trailer released! http://youtu.be/d4RiUy23e9s END OF LINE.

  175. posted #YUIConf 2010 talk slides: HTML5 Right Here, Right Now: http://tantek.com/presentations/2010/11/html5-now/

  176. having fun on #YUIConf 2010 Evening Panel with @bgalbs @dalmaer @joehewitt @pudding25 @ryah Crockford.com and Thomas Sha

  177. unstoppable grapefruit trisection technique.

  178. woke up unusually optimistic. clear blue sky, bright sunny day. planning positive disruptions near and far.

  179. last minute: SF @microformats dinner with @adactio 6pm tonight plancast.com/p/2w2d drinks 8pm plancast.com/p/2w2e

  180. here comes the rain again. http://youtu.be/TzFnYcIqj6I #sf

  181. dinner served, speeches delivered (phew!), champagne downed. @cindyli @themattharris time to dance! #cindymattwed

  182. congratulations @cindyli+@themattharris! seated for dinner at table AUS and enjoying a Chardonnay. #cindymattwed

  183. best man speech written and practiced. cranes are being hung up. time to put on our tuxes for photographs. #cindymattwed

  184. two words: frontier markets. now to La Boulange de Cole to weave a narrative. hope Zazie brunchers stop by after.

  185. going to my accountant's annual breakfast at a golf club to review tax law changes, year-end tax tips. #thisisnotmylife!

  186. two bottles of 2006 Kendall Jackson Cabernet-Sauvignon for later, holding onto memories. chilled Bulleit for now.

  187. Damn. That B in AP Literature just ruined my 4.0. Wait, what happens if I retake a class? #tweetyour16yearoldself

  188. How To Embed HTML5 Video With VideoJS And Other Notes From The Open Video Conference 2010 NYC

    Last month I attended the Open Video Conference (OVC) at the Fashion Institute of Technology in New York City. I was quite impressed with the breadth and depth of the two day program that the organizers put together, covering topics ranging from deeply technical to content creation to rights, politics, and ethics.

    HTML5 Flight of The Navigator

    I found the "HTML5 player showcase/How to Build an HTML5 player" session organized and moderated by Chris Blizzard particularly useful. Blizzard showed the awesome Flight of The Navigator (video) demo (which I'd seen before at the recent Mozilla Summit) running in Firefox 4 which demonstrated realtime WebGL 3D rendering, HTML5 Video mapped onto said 3D surfaces, HTML5 Audio (with realtime synchronized FFT music visualizations), and even live tweets/photos from Twitter/Flickr tagged #ovc10. Looks like the actual demo source has been posted as well. (Update: demo files are in a bit of flux).

    It reminded me of some of the early audio/video multimedia demonstrations that people built with HyperCard (which eventually turned into full-fledged experiences like Myst) and gave me that same feeling of wow this platform has a lot of potential just waiting to be explored. The games of the future will be built with HTML5 + CSS3 + Javascript.

    Relating on HTML5 video problems and solutions

    Steve Heffernan gave perhaps the most brutally practical mini-tech-talk of the entire conference on the cross-browser/device VideoJS HTML5 video player.

    I'm a little familiar with building HTML5 players, having had the honor of building Revision3's HTML5 player this past May which is served to iPads in particular. It is relatively easy to combine <video controls> with existing <object> <embed> to embed a simple cross-browser/device HTML5 video player.

    However, once you get into custom controls, or Media API calls for things like progress/playback indicators, segment jumps, and multi-resolution switches (all of which we built into Revision3's HTML5 video player), it gets a lot more complicated and you start discovering browser or device-specific quirks or bugs. Case in point: the iPad runs a very out-of-date fork of WebKit that doesn't at all reflect the implementation level of HTML5 video that's in desktop Safari.

    Watching Steve's step-by-step explanation of what problems VideoJS handles, it was like a rewind playback of my own HTML5 video coding forensics and problem-solving experiences during those days at Revision3. But where my work was for a specific client and had a finish/ship date, VideoJS is an open source project constantly evolving. In fact, it was kind of eerie how many different things we both discovered/fixed in the same order, so much so that once he started going beyond that, I was quite willing to accept his answers based on the assumption that he had continued with consistent problem solving rigor.

    One might think that I would have a feeling of regret, like if I'd only open sourced my work. Quite the opposite. Every web authoring/coding problem I solve is accompanied by a feeling of responsibility to share what I've learned. But there simply aren't enough hours in the day. I've already got a queue of fixes/solutions for numerous things that I try to go thru and wikitize etc. from time to time.

    Thus frankly I was relieved. Steve has done such a great job with VideoJS that I don't have to worry about documenting any of the work I did and solutions I came up with - he's got it covered and then some. There are so many problems to solve, that I'm more than happy to point to others work and say, use this, it rocks, and move onto other problems/solutions of interest.

    VideoJS Player

    VideoJS is a fully scriptable HTML5 video controller that does its best to work around browser/device-specific quirks and bugs, abstracting that away from the developer.

    Start with the embed builder which smartly creates code that encourages good accessibility and declarative fallbacks that work reasonably well even in the absence of Javascript (something that other Javascript HTML5 video players fail to do).

    Now all you have to do is include the video.js javascript file on your page, either directly, or incorporate it into one of your existing scripts (reducing server requests). I'm oversimplifying just a bit but those are the important parts to remember. You can also use the nice video-js.css CSS skins for consistent presentation.

    Here's just a few of the things that VideoJS takes care of (from Steve's presentation):

    • browser & device fixes (e.g. iPad poster image bug)
    • Android type attribute bug
    • autobuffer vs preload attribute (different browsers support different attributes)
    • missing poster in some Safari versions
    • ... and many more cross-device/browser compatibility problems.

    There are also several features the VideoJS APIs make easier, like:

    • custom controls
    • added features (volume, full-window mode, subtitles)
    • cross-browser load progress tracking

    For more details on what VideoJS does for you and how easy it is to get started with it, check out the simple straight-forward documentation on the home page:

    Why use an HTML5 Video Player?

  189. get this: "Gimme Sympathy" by @Metric - free Amazon MP3 download of day: http://ttk.me/i/a/Am7M6q via @veganstraightedge

  190. Nadia's Vegetarian Scramble: good post-shenanigans-night breakfast. But Pork Store coffee was lacking. Need a CTTP quad.

  191. and so the evening begins. off to grab a cab with @adactio to give @themattharris a proper send-off. Twitter off.

  192. badly underestimated how much stuff I have to get rid of. no more books CDs DVDs clothes, until I give some away.

  193. Ok #newtwitter enough with "Whoops, we couldn't favorite that Tweet" Flickr, Facebook, FF never had this problem.

  194. awesome. "XHTML Is Dead" blog post http://ttk.me/b/48X1 made front page of w3.org/html/planet via Planet Mozilla.

  195. ordered new high-efficiency matching washer and dryer ETA 2010-319. now preparing Port Zero for @adactio arrival.

  196. agreed to be on a @SXSW 2011 panel and made SF Embassy reservations March 11-20. Looking forward to my 10th SXSW!

  197. I see how this works. If you go to sleep at 10pm, you wake up at 6, in the dark. Good morning East Coast friends!

  198. then I fixed a timezone edge-case bug and fixed my math. happy 6th bim. unexpectedly tired, I think I'll crawl into bed.

  199. planned tomorrow nt shenanigans. #ivoted. cooked dinner. plier plucked salmon bones, heated soup, toasted herb focaccia.