Export to

• Google Calendar
• iCalendar file
• hCalendar markup
  <div class="vevent h-event"> <h1 class="summary p-name">Creative CSS: Animations, Transitions UX Workshop</h1> <div class='date'><time class="dtstart dt-start" title="2014-06-09T09:30:00" datetime="2014-06-09T09:30:00">Monday, June 9, 2014 from 9:30am</time>–<time class="dtend dt-end" title="2014-06-09T17:00:00" datetime="2014-06-09T17:00:00">5pm</time></div> <div class="location vcard p-location h-card"> <a class="url" href='http://calagator.org/venues/202393127'><span class='fn org p-name'>ISITE Design </span></a> <div class="adr p-adr h-adr"> <div class="street-address p-street-address">2030 NW Pettygrove Street</div> <span class="locality p-locality">Portland</span> , <span class="region p-region">OR</span> <span class="postal-code p-postal-code">97209</span> <div class="country-name p-country-name">US</div> (<a href='https://maps.google.com/maps?q=2030%20NW%20Pettygrove%20Street,%20Portland%20OR%2097209%20US'>map</a>) </div> </div> <div class="description p-description"> <p><a href="http://rfrshpdx.org/">Refresh Portland</a> presents... Creative CSS: Animations, Transitions & UX Workshop!</p> <p>Start thinking of CSS in a whole new light using animations, transitions, and transforms. Plus, learn how to make great UI animations while you’re at it!</p> <p>In this workshop we’ll cover the basics of CSS animations, transitions and transforms; techniques for writing them efficiently; combining them with JavaScript and SVG; and specifically look at where motion can be used effectively in our work -- both as classy details and as useful UI animations. It’s going to be a fun day full of web animation!</p> <h3>What We'll Cover</h3> <ol> <li>Timing, offsets, arcs, and other key animation principles for UI work</li> <li>Where and how animation can improve UX</li> <li>Capturing CSS animation events with JavaScript</li> <li>Animating SVG with CSS </li> <li>Performance considerations and progressive enhancement</li> </ol> <h3>Who Should Attend</h3> <p>This workshop is for web designers and developers who want to add more sophisticated interactions and motion to their work.</p> <h3>What You Should Know</h3> <p>Experience with HTML and CSS is needed to take full advantage of the workshop's content. Some familiarity with JavaScript or jQuery is helpful, but not required.</p> <h3>What to Bring</h3> <p>A laptop with your favourite text editor and modern browser(s) is all you need.</p> <h3>What to Expect</h3> <p>A full day of learning! Snacks and lunch are provided and ISITE's guest wifi is plentiful and fast!</p> <h3>About Val Head</h3> <p>Val Head is a Designer and Consultant based in Philadelphia. Her work ranges from projects on the web to interactive installations to print. She is the author of The Pocket Guide to CSS Animations, teaches CSS animations on Lynda.com, and hosts the All the Right Moves tutorial screencast.</p> <p>You can find her on stage speaking at events like An Event Apart and encouraging others to do the same as the co-host of the Ladies In Tech podcast. She’s on the Future Insights advisory board, founded the popular Web Design Day conference, and leads workshops around the world on Animation for the Web and Creative Coding.</p> <p>-------</p> <p>Contact <a href="mailto:val@valhead.com">val@valhead.com</a> with any questions about the workshop.</p> <p>Tickets can be refunded up until 2 weeks before the event. Tickets are always transferrable. Contact <a href="mailto:info@viewsourceworkshops.com">info@viewsourceworkshops.com</a> with any ticket refund or transfer questions.</p> </div> <h3>Links</h3> <ul> <li><a class="url u-url" href="http://www.eventbrite.com/e/creative-css-animations-transitions-ux-workshop-tickets-11296350689">Website</a></li> </ul> </div>