tag:calagator.org,2005:/events/searchCalagator: Events tagged with: fluid2013-06-04T15:20:56-07:00tag:calagator.org,2005:Calagator::Event/12504605272011-04-27T12:46:27-07:002011-04-27T12:46:27-07:00Fluid Design - PDXWeb & DesignThursday, May 12, 2011 from 6:45-8:30pm at Webtrendshttp://calagator.org/events/12504605272011-05-12T18:45:00-07:002011-05-12T20:30:00-07:00<div class="vevent">
<h1 class="summary">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">
<a href='/venues/202390594' class='url'>
<span class='fn org'>Webtrends</span>
</a>
<div class="adr">
<div class="street-address">851 SW 6th Ave., Suite 1600</div>
<span class="locality">Portland</span>
, <span class="region">OR</span>
<span class="postal-code">97204</span>
<div class='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>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" href="http://www.meetup.com/pdxweb/events/16277597/">Website</a></li>
</ul>
<div class="tags">
<h3>Tags</h3>
<p><a class="p-category" href="/events/tag/design">design</a>, <a class="p-category" href="/events/tag/fluid">fluid</a>, <a class="p-category" href="/events/tag/talks">talks</a>, <a class="p-category" href="/events/tag/web">web</a></p>
</div>
<div class='single_view_right'>
<a href='http://calagator.org/events/1250460527.ics'>Download to iCal</a>
<div id='edit_link'>
<p>You can <a href="http://calagator.org/events/1250460527/edit">edit this event</a>.</p>
</div>
<div id='metadata'>
This item was added directly to Calagator <br /><strong>Wednesday, April 27, 2011 at 12:46pm</strong>.
</div>
</div>
</div>
45.518 -122.6793tag:calagator.org,2005:Calagator::Event/12504643502013-06-04T15:20:56-07:002013-06-04T15:20:56-07:00Fluid images for responsive web design (Adobe User Group)Wednesday, June 12, 2013 from 6-9pm at Taborspacehttp://calagator.org/events/12504643502013-06-12T18:00:00-07:002013-06-12T21:00:00-07:00<div class="vevent">
<h1 class="summary">Fluid images for responsive web design (Adobe User Group)</h1>
<div class='date'><time class="dtstart dt-start" title="2013-06-12T18:00:00" datetime="2013-06-12T18:00:00">Wednesday, June 12, 2013 from 6</time>–<time class="dtend dt-end" title="2013-06-12T21:00:00" datetime="2013-06-12T21:00:00">9pm</time></div>
<div class="location vcard">
<a href='/venues/202393719' class='url'>
<span class='fn org'>Taborspace</span>
</a>
<div class="adr">
<div class="street-address">5441 SE Belmont St</div>
<span class="locality">Portland,</span>
, <span class="region">Oregon</span>
<span class="postal-code">97215</span>
<div class='country-name'>US<div>
(<a href='https://maps.google.com/maps?q=5441%20SE%20Belmont%20St,%20Portland,%20Oregon%2097215%20US'>map</a>)
</div>
</div>
<div class="description">
<p>Photoshop & Illustrator User Group meeting.</p>
<p>Presentation and discussion about images in web sites — especially those with <strong>responsive design and Wordpress sites.</strong></p>
<p>NO fee to attend. No RSVP required.</p>
<p>For location and time details, visit <a href="https://groups.google.com/forum/#!topic/pdx-adobe/AkDlJBqafFI">https://groups.google.com/forum/#!topic/pdx-adobe/AkDlJBqafFI</a></p>
<p><strong>SAVE THE DATES. <br></strong>Meetings are on second Wednesday of each month. You can sign up to get announcements at the above web site.</p>
<p><strong>Giveaways</strong><br>We'll be giving away a book donated by Peachpit Press (everyone at this meeting is eligible for the drawing!)<br>Be sure to plan for <strong>our November giveaway: Adobe Creative Cloud.</strong> To be eligible, attend in November AND at least one meeting June - October. </p>
</div>
<h3>Links</h3>
<ul>
<li><a class="url" href="https://groups.google.com/forum/#!topic/pdx-adobe/AkDlJBqafFI">Website</a></li>
</ul>
<div class="tags">
<h3>Tags</h3>
<p><a class="p-category" href="/events/tag/adaptive">adaptive</a>, <a class="p-category" href="/events/tag/adobe">adobe</a>, <a class="p-category" href="/events/tag/design">design</a>, <a class="p-category" href="/events/tag/fluid">fluid</a>, <a class="p-category" href="/events/tag/graphics">graphics</a>, <a class="p-category" href="/events/tag/images">images</a>, <a class="p-category" href="/events/tag/photoshop">photoshop</a>, <a class="p-category" href="/events/tag/responsive">responsive</a>, <a class="p-category" href="/events/tag/web design">web design</a></p>
</div>
<div class='single_view_right'>
<a href='http://calagator.org/events/1250464350.ics'>Download to iCal</a>
<div id='edit_link'>
<p>You can <a href="http://calagator.org/events/1250464350/edit">edit this event</a>.</p>
</div>
<div id='metadata'>
This item was added directly to Calagator <br /><strong>Tuesday, June 4, 2013 at 3:20pm</strong>.
</div>
</div>
</div>
45.5167 -122.607