events/2009-07-25-dev-camp: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Specified CSS3 Zen Garden to Sunday)
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(47 intermediate revisions by 14 users not shown)
Line 1: Line 1:
<entry-title>microformatsDevCamp</entry-title>
{{DISPLAYTITLE:microformatsDevCamp}}
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg
http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg


Line 13: Line 13:
:<span class="summary">microformatsDevCamp!</span> <span class="description">The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.</span>
:<span class="summary">microformatsDevCamp!</span> <span class="description">The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.</span>
;How much
;How much
:$20 suggested donation (gets you a t-shirt while supplies last). <em style="display:block">No one turned away for lack of funds.</em>
:$20 suggested donation (gets you a t-shirt in the mail). <em style="display:block">No one turned away for lack of funds.</em>
;URLs
;URLs
:<span class="url">http://microformats.org/wiki/events/2009-07-25-dev-camp</span>
:<span class="url">http://microformats.org/wiki/events/2009-07-25-dev-camp</span>
:http://upcoming.yahoo.com/event/2888376/
:http://upcoming.org/event/2888376/
:http://www.facebook.com/event.php?eid=102571118403
:http://www.facebook.com/event.php?eid=102571118403
;short URL
;short URL
:http://tr.im/ufdevcamp
:http://ufs.cc/w/ufdevcamp




Line 54: Line 54:
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Stickers - sponsored by [http://objectadjective.com Object Adjective]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Buttons - sponsored by [http://cindyli.com Cindy Li]
** Coffee
** Snacks
** ______?


For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...
For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or <del>indian delivery</del> ([http://www.mydeedees.com/ Deedees Indian Food!]). We'll arrange for sponsors to pay vendors directly...


== attendees ==
== attendees ==
microformatsDevCamp, like any BarCamp, needs you - Sign up to volunteer, attend, design, code, and build with microformats!
Like all [http://barcamp.org BarCamps], microformatsDevCamp is what it is because of what everyone put into it. It ran smoothly because of all of you <span id="volunteers">volunteers</span>, attendees, designers, coders, and builders.


=== volunteers ===
[http://www.flickr.com/photos/kurafire/3756770573 http://farm3.static.flickr.com/2665/3756770573_e2d1fee886.jpg]
Like all [http://barcamp.org BarCamps], this event is what it is because of what everyone puts into it. Volunteer to help setup, check people in, get them setup with a name badge, clean up, and help people in general have a good time and get things done.
* <span class="vcard"><span class="fn">Cindy Li</span> - <span class="role">designer</span>, <span class="note">helping with microformatsDevCamp logo design</span></span>. done!
** full resolution logo: <span class="attach"><nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki></span>
** on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
** <span class="note">designed and ordered buttons for event.</span>Done!


* <span class="vcard"><span class="fn">[[User:BeauLebens|Beau Lebens]]</span> - <span class="role">developer</span>, Automattic, [[http://dentedreality.com.au/ Dented Reality]]. <span class=
Click on yourself and add a note with a link to your web address!
note">I know my way around the venue, so can help sort out power strips, projectors etc</span></span>
* ...


=== participants ===
=== participants ===
Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.  Feel free to add your twitter, or other method of contact.


Please register with this [http://spreadsheets.google.com/viewform?formkey=dERvcnQ4SlFsX0ZLQi1KOE8wbk5obUE6MA.. online form].
# <span class="vcard"><span class="fn">Cindy Li</span> - <span class="role">designer</span>. <span class="url">http://cindyli.com</span>, <span class="url">http://twitter.com/cindyli</span>. <span class="note">helping with microformatsDevCamp logo design</span></span>. done!
 
#* full resolution logo: <span class="attach"><nowiki>http://farm3.static.flickr.com/2460/3726302070_7b834b9443_o.jpg</nowiki></span>
Want to design interfaces or build stuff with microformats and want help doing it? Sign up! Add yourself. Note your site (with [[hCard]] if you have it), interests/projects, and tag yourself as a web '''author''', '''designer''', '''<abbr title="information architect">IA</abbr>''', '''publisher''', '''developer''', '''UI-tester''' - pick at least one.
#* on Flickr: http://www.flickr.com/photos/cindyli/3726302070/
# <span class="vcard"><span class="fn">[http://tantek.com Tantek Çelik]</span> - <strong class="category">developer</strong>, <span class="category">designer</span> (user interface interaction)</span>
#* <span class="note">designed and ordered buttons for event.</span>Done!
# <span class="vcard"><span class="fn">[http://yury.name Yury Lifshits]</span></span>
# <span class="vcard"><span class="fn">[[User:BeauLebens|Beau Lebens]]</span> - <span class="role">developer</span>, Automattic, [http://dentedreality.com.au/ Dented Reality], <span class="url">http://twitter.com/beaulebens</span>. <span class="note">I know my way around the venue, so can help sort out power strips, projectors etc</span></span>
# <span class="vcard"><span class="fn">[http://www.markng.co.uk Mark Ng]</span></span>
# <span class="vcard attendee"><span class="fn">[http://tantek.com Tantek Çelik]</span> - <strong class="category">developer</strong>, <span class="category">designer</span> (<span class="category">user interface</span> <span class="category">interaction design</span>) <span class="url">http://tantek.com/</span>, <span class="url">http://twitter.com/t</span></span>
# <span class="vcard"><span class="fn">[http://www.ics.uci.edu/~rohit Rohit Khare]</span> - <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://yury.name Yury Lifshits]</span> - <span class="url">http://yury.name</span></span>
# <span class="vcard"><span class="fn">[http://www.jasonbolton.com Jason Bolton]</span> - <span class="category">front-end designer</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.markng.co.uk Mark Ng]</span> - <span class="url">http://www.markng.co.uk</span>, <span class="url">http://twitter.com/markng</span></span>
# <span class="vcard"><span class="fn">[http://alpern.org Micah Alpern]</span> - <span class="category">designer</span> (user interface interaction)</span> (will be there Sunday).
# <span class="vcard attendee"><span class="fn">[http://www.ics.uci.edu/~rohit Rohit Khare]</span> - <span class="category">developer</span>. <span class="url">http://www.ics.uci.edu/~rohit</span>, <span class="url">http://twitter.com/rohitkhare</span></span>
# <span class="vcard"><span class="fn">[[User:EdwardOConnor |Edward O'Connor]]</span> (<span class="nickname">Ted</span>) - <span class="category">author, designer, developer, publisher</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.jasonbolton.com Jason Bolton]</span> - <span class="category">front-end designer</span>. <span class="url">http://www.jasonbolton.com</span>, <span class="url">http://twitter.com/jbolt</span></span>
# <span class="vcard"><span class="fn">[http://singpolyma.net Stephen Paul Weber]</span> - <strong class="category">developer</strong>, <span class="category">publisher</span></span>
# <span class="vcard attendee"><span class="fn">[http://alpern.org Micah Alpern]</span> - <span class="category">designer</span> (user interface interaction) (will be there Sunday). <span class="url">http://alpern.org</span>, <span class="url">http://twitter.com/malpern</span></span>
# <span class="vcard"><span class="fn">[http://feedblog.org Kevin Burton]</span> - <strong class="category">developer</strong></span>
# <span class="vcard attendee"><span class="fn">Theresa O'Connor</span> (<span class="nickname">Ted</span>) - <span class="category">author</span>, <span class="category">designer</span>, <span class="category">developer</span>, <span class="category">publisher</span>. <span class="url">http://twitter.com/hober</span></span>
# <span class="vcard"><span class="fn">[http://jobspice.com Dane Hurtubise]</span> - <strong class="category">developer</strong></span>
# <span class="vcard attendee"><span class="fn">[http://singpolyma.net Stephen Paul Weber]</span> - <strong class="category">developer</strong>, <span class="category">publisher</span>. <span class="url">http://singpolyma.net</span>, <span class="url">http://twitter.com/singpolyma</span></span>
# <span class="vcard"><span class="fn">[http://developer.netflix.com JR Conlin]</span> - <strong class="category">developer, publisher</strong></span>
# <span class="vcard attendee"><span class="fn">[http://feedblog.org Kevin Burton]</span> - <strong class="category">developer</strong>. <span class="url">http://feedblog.org</span>, <span class="url">http://twitter.com/burtonator</span> </span>
# <span class="vcard"><span class="fn">Chirag Shah</span> - <strong class="category">developer</strong></span>
# <span class="vcard attendee"><span class="fn">[http://jobspice.com Dane Hurtubise]</span> - <strong class="category">developer</strong></span>
# <span class="vcard"><span class="fn">[http://www.wezaggle.com Jesse Hammons]</span> - <strong class="category">developer</strong> [http://www.wezaggle.com Zaggle Social Calendar]</span>
# <span class="vcard attendee"><span class="fn">[http://developer.netflix.com JR Conlin]</span> - <strong class="category">developer, publisher</strong></span>
# <span class="vcard"><span class="fn">[http://matthewlevine.com Matthew Levine]</span> - <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://chiarg.com Chirag Shah]</span> - <strong class="category">developer</strong></span>
# <span class="vcard"><span class="fn">[http://farukat.es/ Faruk Ateş]</span> - <span class="category">UX Designer</span>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://www.wezaggle.com Jesse Hammons]</span> - <strong class="category">developer</strong> [http://www.wezaggle.com Zaggle Social Calendar]</span>
# <span class="vcard"><span class="fn">[http://fourkitchens.com/ David Strauss]</span> - <span class="category">Drupal</span>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn url">[http://matthewlevine.com Matthew Levine]</span> - <span class="category">developer</span></span>
# <span class="vcard"><span class="fn">[http://huyhong.com/ Huy Hong]</span> - Frontend Developer, UI/UX/UE, UGC nut</span>
# <span class="vcard attendee"><span class="fn">[http://farukat.es/ Faruk Ateş]</span> - <span class="category">UX Designer</span>, <span class="category">developer</span></span>
# <span class="vcard"><span class="fn">[http://objectadjective.com Jeremy Anderson]</span> - <strong class="category">UX/UI/ID Designer</strong>, <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://fourkitchens.com/ David Strauss]</span> - <span class="category">Drupal</span>, <span class="category">developer</span></span>
# <span class="vcard"><span class="fn">[http://objectadjective.com Lauren Scime]</span> - front end designer / developer</span>
# <span class="vcard attendee"><span class="fn">[http://huyhong.com/ Huy Hong]</span> - Frontend Developer, UI/UX/UE, UGC nut</span>
# <span class="vcard"><span class="fn">[http://blog.oofn.net Chad Weider]</span> <span class="category">developer</span>, <span class="category">designer</span>, <span class="category">front-end</span>, <span class="category">back-end</span>, etc.
# <span class="vcard attendee"><span class="fn">[http://objectadjective.com Jeremy Anderson]</span> - <strong class="category">UX/UI/ID Designer</strong>, <span class="category">developer</span></span>
# (and about 35 more folks,  according to [http://upcoming.yahoo.com/event/2888376/ Upcoming] as of noon Thursday 2009-7-23)
# <span class="vcard attendee"><span class="fn">[http://objectadjective.com Lauren Scime]</span> - front end designer / developer</span>
# ...
# <span class="vcard attendee"><span class="fn">[http://blog.oofn.net Chad Weider]</span> <span class="category">developer</span>, <span class="category">designer</span>, <span class="category">front-end</span>, <span class="category">back-end</span>, etc.</span>
# <span class="vcard attendee"><span class="fn">[http://dustinwhittle.com Dustin Whittle]</span> <span class="category">developer</span></span>
# <span class="vcard attendee"><span class="fn">[http://reidburke.com Reid Burke]</span> <span class="category">developer</span></span>
#<span class="vcard attendee"><span class="fn">[http://www.myspace.com/ciberch Monica Keller]</span> - <strong class="category">developer</strong></span>
# ... please add yourself if you participated in microformatsDevCamp!


==schedule==
==schedule==
Outline of schedule for the weekend - more details at the DevCamp!
Outline of schedule for the weekend - more details at the DevCamp!
* Saturday July 25th
* Saturday July 25th
** 11:00am - planners+volunteers onsite for setup
** 11:00 - planners+volunteers onsite for setup
** 12:00pm - registration, lunch
** 12:00 - registration
** 13:00 -  lunch - Indian Food from Deedees
** intro session, what is a devcamp, introductions
** intro session, what is a devcamp, introductions
** hack/project brainstorming and proposals
** 13:30 - hack/project brainstorming and proposals
** day 1 building sessions  
** day 1 building sessions  
** dinner
** coffee!
** day 1 demos and social hour
** 18:10 - [http://www.flickr.com/photos/kurafire/3756770573 group photo]
** evening open hacking session (like DevHouse) / iteration on hacks/projects
** 19:00 - dinner - pizza from Amicis
** 20:30 - dinner 2.0 - more pizza from Amicis
** beer, wine, and cupcakes!
** day 1 [[#projects|projects]] demos and social hour
** evening open hacking session (DevHouse style) / iteration on hacks/projects
** day 1 clean up
** ~midnight+ - day 1 wrap up.


* Sunday July 26th
* Sunday July 26th
** 10:00am - breakfast
** 09:30am - planners+volunteers onsite for setup
** 10:00am - coffee, breakfast, more demos from day 1
** day 2 hack/project brainstorming, proposals, signups
** day 2 working sessions on hacks/projects
** day 2 working sessions on hacks/projects
** 12:30pm lunch
** 13:30pm lunch
** day 2 working sessions continued
** day 2 working sessions continued
** second day demos and wrap-up
** second day demos and wrap-up
** venue clean-up
** 18:00 venue clean-up
** 5pm venue exit
** 18:30 venue exit


==venue==
==venue==
Line 139: Line 143:
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.
* <span class="vcard"><span class="fn org">Bayside Market</span> - fresh <span class="category">fruit</span> and <span class="category">vegetables</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/bayside-market-san-francisco-2</span></span>
* <span class="vcard"><span class="fn org">Bayside Market</span> - fresh <span class="category">fruit</span> and <span class="category">vegetables</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/bayside-market-san-francisco-2</span></span>
* <span class="vcard"><span class="fn org">Crossroads Cafe</span> - <span class="category">coffee</span>, <span class="category">espresso</span> drinks, <span class="category">shakes</span>, <span class="category">smoothies</span>, <span class="category">bagels</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/crossroads-cafe-san-francisco-3</span></span>
* <span class="vcard"><span class="fn org">Crossroads Café</span> - <span class="category">coffee</span>, <span class="category">espresso</span> drinks, <span class="category">shakes</span>, <span class="category">smoothies</span>, <span class="category">bagels</span>, <span class="category">sandwiches</span>. <span style="display:block" class="url">http://www.yelp.com/biz/crossroads-cafe-san-francisco-3</span></span>
* ...
* ...


Line 164: Line 168:
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://search.twitter.com/search?q=ufdevcamp #ufdevcamp on Twitter Search].
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.
* [http://identi.ca/tag/ufdevcamp #ufdevcamp] tagspace on identi.ca.
* [http://www.flickr.com/photos/tags/ufdevcamp/ ufdevcamp tag on flickr]


<span id="group">Groups</span>:
<span id="group">Groups</span>:
Line 175: Line 180:
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
Have an idea for a hack/project session? Please read <cite>[http://factoryjoe.com/blog/2007/07/13/what-is-a-devcamp/ What is a DevCamp?]</cite> and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with <nowiki>~~~</nowiki>
<div class="discussion">
<div class="discussion">
* '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? [[User:Tantek|Tantek]]
* '''using hCard to build a self-updating address book''' - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
** +1 [[User:Tantek|Tantek]]
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
* '''microWall''' - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... [[User:Rohit|Rohit]]
** +1 [[User:Tantek|Tantek]]
** +1 [[User:Tantek|Tantek]]
* '''(Sunday)''' '''CSS3, HTML5 and microformats "Zen Garden"''' - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. [[User:KuraFire|Faruk Ateş]]
* '''(Sunday)''' '''CSS3, HTML5 and microformats "Zen Garden"''' - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. [[User:KuraFire|Faruk Ateş]]
* '''hCard to Google Address Book''' bookmarlet. [[User:Singpolyma|Singpolyma]]
* '''CheatSheet Translation''' [[User:Brian|Brian Suda]] This is a request to anyone who is speaks another language. I created the PDF cheatsheet awhile ago http://suda.co.uk/projects/microformats/cheatsheet/ if someone wants to translate it into Spanish, or another language, please let me know. I can send the source InDesign file, or if they send me the translations, I'd be happy to update it myself.
* ...
* '''twitter bus card exchange/display''' by [[User:perivision|Christopher]]
* Not related to microformats per-se, but came up at µfdevcamp.  '''git-mediawiki''' [http://en.wikipedia.org/wiki/User:Singpolyma/git-mediawiki Singpolyma's brainstorming page] [http://github.com/singpolyma/git-mediawiki Github] [[User:Singpolyma|Singpolyma]]
* ... and many more on cards at the event (please add from photos taken)
</div>
</div>


== projects ==
== projects ==
;short URL for this section
:http://ufs.cc/w/ufps
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
Please create a wiki page for any hack/project session you lead or attend and link to it from here.
* [[hCardInputInterface]] for easy input of user data (creating hCards).
# [[hcard-input-interface]] for easy input of user data (creating hCards) by Chad. combined project/session with '''microformats and user sign-up user interface''' - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? by [[User:Tantek|Tantek]]
* [[hcard-contact-autocompletion]]
# [[self-updating-address-book]] - in the search for an address book/contact list that actually stays up to date, hCard may be the key. [[User:Beaulebens|Beau Lebens]]
* [[Micro Format Services]]
# [[hcard-contact-autocompletion]] (a/k/a “CallerID 2.0”) by [[User:Rohit|rohit]], hober, chirags, lou, lauren, & jesse
# [[unified-rsvp]] by [http://www.myspace.com/ciberch Aramys], [http://dustinwhittle.com/ Dustin], [http://matthewlevine.com/ Matthew], [http://www.myspace.com/ciberch Monica], and [http://reidburke.com/ Reid]
# [[hcard-google-bookmarklet]] [[bookmarklet]]. [[User:Singpolyma|Singpolyma]]
# [[microformat-aggregation]] by [[User:jessehammons|Jesse Hammons]], [[User:yurylifshits|Yury Lifshits]], Andrew McCollum, Dane Hurtibuse, Randy Kerber
# [[hcard-creator-redesign|hCard Creator redesign]] by Cindy Li


== photographs ==
== photographs ==
* ...
* [http://www.flickr.com/photos/kurafire/sets/72157621834778724/ Flickr photo set by Faruk Ateş]
See all [http://flickr.com/photos/tags/ufdevcamp photos on Flickr tagged ufdevcamp].


== blog posts ==
== blog posts ==
Blog posts about the devCamp. Newest first.
Blog posts about the devCamp. Newest first.
* [http://github.com/blog/468-microformats-on-github 2009-07-29 Microformats on GitHub]
* [http://dentedreality.com.au/2009/07/microformatsdevcamp/ 2009-07-27 Beau Lebens: microformatsDevCamp]
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://microformats.org/blog/2009/07/20/microformatsdevcamp-this-weekend/ 2009-07-21 microformats.org: microformatsDevCamp this weekend!]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* [http://radar.oreilly.com/2009/07/four-short-links-17-july-2009.html O'Reilly Radar: Four short links]
* ...


== see also ==
== see also ==
Line 217: Line 229:
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Tantek|Tantek Çelik]] - '''organizing, venue acquisition, intro and kickoff'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:Rohit|Rohit Khare]] - '''venue acquisition, sponsor wrangler, food'''
* [[User:EdwardOConnor |Edward O'Connor]] (Ted) - '''volunteer coordinator, setup, welcome desk'''
* Theresa O'Connor (Tess) - '''volunteer coordinator, setup, welcome desk'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* [[User:Pseudowish|Lauren Scime]] - '''t-shirts, other coordination needs tbd'''
* <span class="vcard"><span class="fn">[[User:Chris Messina|Chris Messina]]</span> - '''connector and advisor'''</span>
* <span class="vcard"><span class="fn">[[User:Chris Messina|Chris Messina]]</span> - '''connector and advisor'''</span>

Latest revision as of 16:22, 18 July 2020

3726302070_7b834b9443_o.jpg

When
2009-07-25 from 12:00 to 2009-07-26 at 17:00
Where
Automattic, Pier 38, The Embarcadero between Brannan and Townsend, San Francisco, CA, 94107. View location at latitude:37.782769, longitude:-122.387837
MUNI: Brannan (N,T)
BART: Embarcadero station, then take MUNI N-Judah inbound or T-Third inbound to Brannan stop.
Caltrain: 4th & King st., then take MUNI N-Judah outbound or T-Third outbound to Brannan stop.
What
microformatsDevCamp! The first ever microformatsDevCamp, for authors, designers, publishers, developers, engineers building pages, sites, and tools with microformats.
How much
$20 suggested donation (gets you a t-shirt in the mail). No one turned away for lack of funds.
URLs
http://microformats.org/wiki/events/2009-07-25-dev-camp
http://upcoming.org/event/2888376/
http://www.facebook.com/event.php?eid=102571118403
short URL
http://ufs.cc/w/ufdevcamp


Add this event to your calendar microformat_hcalendar.png

Sponsors

microformatsDevCamp is made possible thanks to the generosity of our corporate and individual sponsors!

Sponsorships

Help sponsor microformatsDevCamp:

For meals, we're planning on something simple like bagels+coffee for breakfast (note: Tantek will purchase supplies for Sunday morning); or pizza or indian delivery (Deedees Indian Food!). We'll arrange for sponsors to pay vendors directly...

attendees

Like all BarCamps, microformatsDevCamp is what it is because of what everyone put into it. It ran smoothly because of all of you volunteers, attendees, designers, coders, and builders.

3756770573_e2d1fee886.jpg

Click on yourself and add a note with a link to your web address!

participants

Note your site (with hCard if you have it), interests/projects, and tag yourself as a web author, designer, IA, publisher, developer, UI-tester - pick at least one. Feel free to add your twitter, or other method of contact.

  1. Cindy Li - designer. http://cindyli.com, http://twitter.com/cindyli. helping with microformatsDevCamp logo design. done!
  2. Beau Lebens - developer, Automattic, Dented Reality, http://twitter.com/beaulebens. I know my way around the venue, so can help sort out power strips, projectors etc
  3. Tantek Çelik - developer, designer (user interface interaction design) http://tantek.com/, http://twitter.com/t
  4. Yury Lifshits - http://yury.name
  5. Mark Ng - http://www.markng.co.uk, http://twitter.com/markng
  6. Rohit Khare - developer. http://www.ics.uci.edu/~rohit, http://twitter.com/rohitkhare
  7. Jason Bolton - front-end designer. http://www.jasonbolton.com, http://twitter.com/jbolt
  8. Micah Alpern - designer (user interface interaction) (will be there Sunday). http://alpern.org, http://twitter.com/malpern
  9. Theresa O'Connor (Ted) - author, designer, developer, publisher. http://twitter.com/hober
  10. Stephen Paul Weber - developer, publisher. http://singpolyma.net, http://twitter.com/singpolyma
  11. Kevin Burton - developer. http://feedblog.org, http://twitter.com/burtonator
  12. Dane Hurtubise - developer
  13. JR Conlin - developer, publisher
  14. Chirag Shah - developer
  15. Jesse Hammons - developer Zaggle Social Calendar
  16. Matthew Levine - developer
  17. Faruk Ateş - UX Designer, developer
  18. David Strauss - Drupal, developer
  19. Huy Hong - Frontend Developer, UI/UX/UE, UGC nut
  20. Jeremy Anderson - UX/UI/ID Designer, developer
  21. Lauren Scime - front end designer / developer
  22. Chad Weider developer, designer, front-end, back-end, etc.
  23. Dustin Whittle developer
  24. Reid Burke developer
  25. Monica Keller - developer
  26. ... please add yourself if you participated in microformatsDevCamp!

schedule

Outline of schedule for the weekend - more details at the DevCamp!

  • Saturday July 25th
    • 11:00 - planners+volunteers onsite for setup
    • 12:00 - registration
    • 13:00 - lunch - Indian Food from Deedees
    • intro session, what is a devcamp, introductions
    • 13:30 - hack/project brainstorming and proposals
    • day 1 building sessions
    • coffee!
    • 18:10 - group photo
    • 19:00 - dinner - pizza from Amicis
    • 20:30 - dinner 2.0 - more pizza from Amicis
    • beer, wine, and cupcakes!
    • day 1 projects demos and social hour
    • evening open hacking session (DevHouse style) / iteration on hacks/projects
    • day 1 clean up
    • ~midnight+ - day 1 wrap up.
  • Sunday July 26th
    • 09:30am - planners+volunteers onsite for setup
    • 10:00am - coffee, breakfast, more demos from day 1
    • day 2 hack/project brainstorming, proposals, signups
    • day 2 working sessions on hacks/projects
    • 13:30pm lunch
    • day 2 working sessions continued
    • second day demos and wrap-up
    • 18:00 venue clean-up
    • 18:30 venue exit

venue

Automattic has very graciously agreed to host microformatsDevCamp. The venue has:

  • wifi
  • power. power outlets, extension cords, power strips
  • 4-5 rooms/meeting areas.
  • 3 projectors
  • 1 whiteboard.
  • sink, water.

As Automattic is donating the venue, as participants it is our responsibility to take excellent care of the venue, leaving it as good or better than we found it.

Some amount of camping overnight at the venue will be possible.

nearby food

Suggestions for nearby (easy/quick walking distance) drinks, snacks, food.

tags

Please use the following tags when tagging related content (blog posts, photos, videos):

tags: #ufdevcamp ufdevcampsf microformats microformatsDevCamp microformatsDevCampSF microformats-meetup BarCamp BarCamp2009 Automattic The-Embarcadero san-francisco upcoming:event=2888376

Track:

Groups:

notes

topics discussed:

  • ...

hack ideas

Have an idea for a hack/project session? Please read What is a DevCamp? and then suggest something or add a "+1" to existing suggestions, and sign your suggestion or opinion with your Username with ~~~

  • microWall - make sure to print a screen-shot of every microformat-savvy tool that comes up during the camp, and stick them on the wall. It will be an amazing backdrop for a group photo... Rohit
  • (Sunday) CSS3, HTML5 and microformats "Zen Garden" - same premise as the CSS Zen Garden of yore, but with a strong emphasis on CSS3 advancements, microformats enrichment and done in HTML5. Faruk Ateş
  • CheatSheet Translation Brian Suda This is a request to anyone who is speaks another language. I created the PDF cheatsheet awhile ago http://suda.co.uk/projects/microformats/cheatsheet/ if someone wants to translate it into Spanish, or another language, please let me know. I can send the source InDesign file, or if they send me the translations, I'd be happy to update it myself.
  • twitter bus card exchange/display by Christopher
  • Not related to microformats per-se, but came up at µfdevcamp. git-mediawiki Singpolyma's brainstorming page Github Singpolyma
  • ... and many more on cards at the event (please add from photos taken)

projects

short URL for this section
http://ufs.cc/w/ufps

Please create a wiki page for any hack/project session you lead or attend and link to it from here.

  1. hcard-input-interface for easy input of user data (creating hCards) by Chad. combined project/session with microformats and user sign-up user interface - how can importing and subscribing to hCards help make user sign-up easier and thus get more users signed up quicker? by Tantek
  2. self-updating-address-book - in the search for an address book/contact list that actually stays up to date, hCard may be the key. Beau Lebens
  3. hcard-contact-autocompletion (a/k/a “CallerID 2.0”) by rohit, hober, chirags, lou, lauren, & jesse
  4. unified-rsvp by Aramys, Dustin, Matthew, Monica, and Reid
  5. hcard-google-bookmarklet bookmarklet. Singpolyma
  6. microformat-aggregation by Jesse Hammons, Yury Lifshits, Andrew McCollum, Dane Hurtibuse, Randy Kerber
  7. hCard Creator redesign by Cindy Li

photographs

See all photos on Flickr tagged ufdevcamp.

blog posts

Blog posts about the devCamp. Newest first.

see also

Related Pages

microformatsDevCamp is one of several microformats events.

planner to-do

planners

Want to help organize and plan the first microformatsDevCamp? Sign up and be sure to pick up a planner role (see below).

  • Tantek Çelik - organizing, venue acquisition, intro and kickoff
  • Rohit Khare - venue acquisition, sponsor wrangler, food
  • Theresa O'Connor (Tess) - volunteer coordinator, setup, welcome desk
  • Lauren Scime - t-shirts, other coordination needs tbd
  • Chris Messina - connector and advisor

planner roles

Role info / details:

  • intro and kickoff - run the introductory session and help start the microformatsDevCamp with traditional BarCamp intros/3tags and explanation of the BarCamp format.
  • food - coordinate / match up sponsors with meals and make sure the meals arrive and are setup for event participants during the event.
  • sponsor wrangler - for food, t-shirts. per definition given in: http://www.cleverclevergirl.com/?p=10 :

    Drafts a message to send to potential sponsors, follows up leads from others for potential sponsors, collects info, logos (in vector format), and money from sponsors and also sees that receipts (if necessary) are issued at the end.

  • t-shirts - get estimate, make sure to order in time for the event. Ben Ward has done some work on this - check with him.
  • volunteer coordinator - recruit and organize volunteers the day of the event to help out with food, setup
  • cleanup - enlist help of volunteers and all devCamp participants to help with cleanup
  • setup - be in charge of setup the day of, coordinate with venue on setup plenty of time *before* the start of the camp! setup: power cords, power strips, calendar grid for sessions, tables and chairs in rooms/meeting areas, projectors
  • welcome desk - welcome microformatsDevCamp attendees at the entrance of the venue, make sure they get a name tag and instruct them to tag themselves as primarily/secondarily being a web author, designer, publisher, developer, pick at least one. (as they should also do when the sign up on the wiki in the attendees section above!)

T-shirts

  • get estimates from vendor(s) for different quantities
    • get vendor contact info from Ben Ward who has already looked into this and found a reliable vendor that can deliver high quality t-shirts in a week or less time.
    • Suggestion: 100 shirts, provide them to individuals who sponsor microformatsDevCamp with a $20 or more donation to help pay for t-shirts and snacks/food (if any funds from covering t-shirts are remaining). Tantek 17:40, 17 July 2009 (UTC)
  • make/reuse design (get original t-shirt design details from Dan Cederholm)
  • order/print - make sure folks who donated at the 4th bday party get their shirts
  • T-shirts are ordered! Printer is The Screen Print Guy located out on 23rd Ave. Will be available for pickup by Friday July 24th. (This is great! Tantek 01:03, 21 July 2009 (UTC))
    • Total # of shirts ordered: 100. Size breakdown: Men's: 10 small, 30 medium, 25 large. Women's: 10 small, 15 medium, 10 large.
    • Total cost: $918.00 (would have been cheaper but they had a surcharge for the rush order). I have charged 50% of the cost already to place the order. Other 50% due at time of pickup.

Note that, including cash donations from the 4th birthday party, we have pledges for ~$1850 to budget with as of 2009-7-24 Rohit