Export to

• Google Calendar
• iCalendar file
• hCalendar markup
  <div class="vevent h-event"> <h1 class="summary p-name">Fluid Design - PDXWeb & Design</h1> <div class='date'><time class="dtstart dt-start" title="2011-05-12T18:45:00" datetime="2011-05-12T18:45:00">Thursday, May 12, 2011 from 6:45</time>–<time class="dtend dt-end" title="2011-05-12T20:30:00" datetime="2011-05-12T20: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>Folks have been talking a lot lately about fluid design... allowing a website to gracefully degrade to very small pixels. Where "min-width" used to be the default, you're now seeing a lot of design starting with "max-width" (friendly for mobile and netbooks). Many tips and tricks around this one, for example: The 100% image trick (for scalable images) Utilizing media queries The 62.5% trick (sets ems to 10px, and use only % and ems) Proper text sizing for both small and large devices using % column widths rather than pixels and much more.</p> <p>Kory has graciously agreed to present this long overdue talk. Anyone who has bits of experience is certainly encouraged to contribute. You don't want to miss this - it's the future of web design!</p> </div> <h3>Links</h3> <ul> <li><a class="url u-url" href="http://www.meetup.com/pdxweb/events/16277597/">Website</a></li> </ul> </div>