Export to

• Google Calendar
• iCalendar file
• hCalendar markup
  <div class="vevent h-event"> <h1 class="summary p-name">MongoHQ Design Walkthough. Real World HTML5/CSS3/Javascript/API/OAuth</h1> <div class='date'><time class="dtstart dt-start" title="2012-03-08T18:45:00" datetime="2012-03-08T18:45:00">Thursday, March 8, 2012 from 6:45</time>–<time class="dtend dt-end" title="2012-03-08T20:30:00" datetime="2012-03-08T20:30:00">8:30pm</time></div> <div class="location vcard p-location h-card"> <a class="url" href='http://calagator.org/venues/202390594'><span class='fn org p-name'>Webtrends</span></a> <div class="adr p-adr h-adr"> <div class="street-address p-street-address">851 SW 6th Ave., Suite 1600</div> <span class="locality p-locality">Portland</span> , <span class="region p-region">OR</span> <span class="postal-code p-postal-code">97204</span> <div class="country-name p-country-name">US</div> (<a href='https://maps.google.com/maps?q=851%20SW%206th%20Ave.,%20Suite%201600,%20Portland%20OR%2097204%20US'>map</a>) </div> </div> <div class="description p-description"> <p>This meetup will feature snacks by Vitamin T, a book giveaway, and everyone who wants one will get a $50 MongoHQ credit.</p> <p>The dream of web services lies in deploying rich web applications without having to render anything on a server first. You don't need Wordpress, Ruby on Rails, or any complex deployments to deliver powerful and sexy interactive experiences. You just need a bit of Javascript, and a lot of CSS.<br> This is walkthrough of a real production app composed entirely of static resources (html pages, css, javascript) with NO SERVER CODE, other than the APIs it talks to.</p> <p>This is a true separation-of-concerns architecture, and we learned a lot by developing this.</p> <ul> <li>How to use Compass/SASS to quickly generate CSS* How we used Middleman to write our HTML using SLIM</li> <li>Using some HTML5 tricks to make layout simple</li> <li>How we render everything on the fly using HTML templates (Handlebars)</li> <li>What is backwards compatible, and what gracefully degrades</li> <li>Really, REALLY sexy page transitions (ala github file browsing) using CSS3 (and a bit of Javascript)</li> <li>How we made everything work on mobile devices with almost no work at all</li> <li>Why we designed everything this way in the first place, and why you should too</li> </ul> </div> <h3>Links</h3> <ul> <li><a class="url u-url" href="http://www.meetup.com/pdxweb/events/51882582/">Website</a></li> </ul> </div>