<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>zomigi.com &#187; speaking</title>
	<atom:link href="http://zomigi.com/tags/speaking/feed/" rel="self" type="application/rss+xml" />
	<link>http://zomigi.com</link>
	<description>The professional blog of Zoe Mickley Gillenwater</description>
	<lastBuildDate>Thu, 10 May 2012 16:30:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Where I&#8217;ve been, where I&#8217;m going</title>
		<link>http://zomigi.com/blog/where-ive-been-where-im-going/</link>
		<comments>http://zomigi.com/blog/where-ive-been-where-im-going/#comments</comments>
		<pubDate>Thu, 10 May 2012 16:30:37 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=631</guid>
		<description><![CDATA[Why I had to cancel my appearance at the Future Insights Live conference, and where I'll be speaking at in the future.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been very quiet on <a href="https://twitter.com/#!/zomigi">Twitter</a> and email lately because I had <a href="http://www.wral.com/news/local/story/11077556/">jury duty</a> from April 3 to May 8. (It was a murder and kidnapping trial. Not fun!) I was supposed to speak at <a href="http://futureinsightslive.com/">Future Insights Live</a> (FILive) the first week of May but was forced to cancel due to my jury service, and since you&#8217;re not supposed to talk about being on a jury while you&#8217;re on it, I couldn&#8217;t even let people know this to apologize in advance! (Other than the conference organizers—I did notify them and tell them how sorry and disappointed I was.) So now that I can talk about it, let me apologize after the fact: If you were expecting to see me at FILive, I&#8217;m very sorry I couldn&#8217;t be there. I&#8217;ve never had to cancel a speaking engagement before and wouldn&#8217;t have done so this time if I weren&#8217;t forced to.</p>
<p>Hopefully, you&#8217;ll be able to come see me speak at Future of Web Design (FOWD) this fall instead. I don&#8217;t have many details right now, but the plan is to give the same presentation on &#8220;The Future of CSS Layout&#8221; at FOWD, since the Carsonified folks graciously agreed to let me switch from FILive to FOWD. I&#8217;ll share more details when I have them!</p>
<p>In the meantime, I&#8217;ll be speaking in just a couple weeks (May 23, to be exact) at the <a href="http://summit.stc.org/">Society for Technical Communication Summit</a> in my home city of Chicago. The presentation is on one of my favorite topics: <a href="http://www.softconference.com/stc/sessionDetail.asp?SID=288886">media queries and responsive design</a>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/css3-book-launch-event/' title='CSS3 book launch event'>CSS3 book launch event</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/where-ive-been-where-im-going/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Media queries presentation at indieconf</title>
		<link>http://zomigi.com/blog/media-queries-presentation/</link>
		<comments>http://zomigi.com/blog/media-queries-presentation/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 16:30:40 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[flexible]]></category>
		<category><![CDATA[Flexible Web Design]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[liquid]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[responsive web design]]></category>
		<category><![CDATA[speaking]]></category>
		<category><![CDATA[Stunning CSS3]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=621</guid>
		<description><![CDATA[Download the slides for my presentation on CSS3: Using Media Queries to Improve the Web Site Experience for indieconf, as well as get links to related resources on media query techniques, tools, and inspiration.]]></description>
			<content:encoded><![CDATA[<p>Today I had the pleasure of speaking at <a href="http://www.indieconf.com/">indieconf</a>, a conference for independent web developers and designers, right here in my backyard of Raleigh, NC. I talked about the basics of CSS3 media query syntax but focused on the challenges and considerations that go into building a site from scratch with media queries to power the layout. I used the fictional <a href="http://stunningcss3.com/code/bakery/index.html">Little Pea Bakery</a> site from my book <a href="http://stunningcss3.com/"><em>Stunning CSS3</em></a> as a demo for how to adapt the CSS to make better use of the space at different viewport widths. I covered some tips for making your design work on mobile devices and even old versions of IE.</p>
<p>You can view the slides on <a href="http://www.slideshare.net/zomigi/css3-using-media-queries-to-improve-the-web-site-experience">SlideShare</a>, or download the slides here:</p>
<p><a href="/downloads/CSS3-Media-Queries_indieconf_111119.pdf">CSS3: Using media queries to improve the web site experience (PDF, 2.4 mb)</a></p>
<p>Here are several links to related resources, some of which are in the  slides plus many that were not but which I recommend and think you&#8217;ll  find useful.</p>
<h3>Media query articles, tutorials, and tools</h3>
<ul>
<li>&#8220;<a href="http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/">Essential considerations for crafting quality media queries</a>&#8221; by me</li>
<li><a href="http://stunningcss3.com/samples/index.html">Excerpt of Chapter 6 of Stunning CSS3 on media queries</a> by me</li>
<li>&#8220;<a href="http://artequalswork.com/posts/target-first.php">Design for a Target Experience First</a>&#8221; by Nathan C. Ford</li>
<li><a href="http://www.goldilocksapproach.com/">The Goldilocks Approach</a> by Front design agency</li>
<li>&#8220;<a href="http://www.netmagazine.com/features/21-top-tools-responsive-web-design">21 top tools for  responsive web design</a>&#8221; by Denise Jacobs for .net Magazine</li>
<li>&#8220;<a href="http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/">Responsive Web Design Guidelines and Tutorials</a>&#8221; by Smashing Magazine</li>
<li>&#8220;<a href="http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/">An introduction to meta viewport and @viewport</a>&#8221; by Andrea Bovens for Dev.Opera</li>
<li>&#8220;<a href="http://www.alaress.com.au/2011/04/developing-for-high-dpi-devices/">Why images appear blurry on mobile devices</a>&#8221; by Christopher Cohen</li>
</ul>
<p><span id="more-621"></span></p>
<h3>Dealing with IE 6-8 support</h3>
<ul>
<li><a href="https://github.com/scottjehl/Respond">Respond</a> script by Scott  Jehl</li>
<li><a href="http://code.google.com/p/css3-mediaqueries-js/">css3-mediaqueries.js</a> script by Wouter van der Graaf</li>
<li>“<a href="http://adactio.com/journal/4494/">Windows mobile media queries</a>” by Jeremy Keith</li>
<li>&#8220;<a href="http://blogs.msdn.com/b/iemobile/archive/2010/12/08/targeting-mobile-optimized-css-at-windows-phone-7.aspx">Targeting mobile-optimized CSS at Windows Phone 7</a>&#8221; by IE Mobile Team</li>
</ul>
<h3>Fluid/liquid layout</h3>
<ul>
<li><a href="http://flexiblewebbook.com/"><em>Flexible Web Design: Creating Liquid and Elastic Layouts with CSS</em></a> book by me</li>
<li>&#8220;<a href="../blog/essential-resources-for-creating-liquid-and-elastic-layouts/">70+ essential resources for creating liquid and elastic layouts</a>&#8221; by me</li>
</ul>
<h3>Media query inspiration</h3>
<ul>
<li><a href="http://mediaqueri.es/">Mediaqueri.es</a> gallery</li>
<li>My media query inspiration bookmarks on <a href="http://delicious.com/pixelsurge/mediaqueries+nicedesign">delicious</a> and <a href="https://gimmebar.com/loves/zomigi/tag/mediaqueries">Gimmebar</a></li>
<li>My liquid layout inspiration bookmarks on <a href="http://delicious.com/pixelsurge/liquid+nicedesign">delicious</a> and <a href="https://gimmebar.com/loves/zomigi/tag/liquid">Gimmebar</a></li>
<li>&#8220;<a href="http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/">Examples of flexible layouts with CSS3 media queries</a>&#8221; by me</li>
</ul>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/' title='Essential considerations for crafting quality media queries'>Essential considerations for crafting quality media queries</a></li>
<li><a href='http://zomigi.com/blog/theres-already-a-book-on-responsive-web-design-want-to-win-it/' title='There&#8217;s already a book on responsive web design. Want to win it?'>There&#8217;s already a book on responsive web design. Want to win it?</a></li>
<li><a href='http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/' title='Examples of flexible layouts with CSS3 media queries'>Examples of flexible layouts with CSS3 media queries</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/media-queries-presentation/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web accessibility presentation and resources</title>
		<link>http://zomigi.com/blog/web-accessibility-presentation-resources/</link>
		<comments>http://zomigi.com/blog/web-accessibility-presentation-resources/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 17:15:03 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[screen readers]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=607</guid>
		<description><![CDATA[Download the slides for my presentation on Web Accessibility for the Charlotte User Experience group, as well as get links to related resources on accessibility techniques and tools.]]></description>
			<content:encoded><![CDATA[<p>Yesterday I had the pleasure of speaking at a meeting of the Charlotte User Experience group. I talked about the basics of web accessibility: what it is, who it affects, why it matters, and some of the fundamental things you ought to be doing in your pages to make them more accessible.</p>
<p>You can view the slides on <a href="http://www.slideshare.net/zomigi/web-accessibility-10172549">SlideShare</a>, or download the slides here:</p>
<p><a href="/downloads/Web-Accessibility_Charlotte-UX_111114.pdf">Web Accessibility (PDF, 2 mb)</a></p>
<p>Here are several links to related resources, some of which are in the slides plus many that were not but which I recommend and think you&#8217;ll find useful.</p>
<h3>Top sites on accessibility</h3>
<p>These are my favorite sites to read to learn accessibility techniques and news on developments in technology like HTML5 and screen readers. I highly recommend subscribing to the RSS feeds of these.</p>
<ul>
<li><a href="http://webaim.org">WebAIM</a></li>
<li><a href="http://www.accessibleculture.org">Accessible Culture</a></li>
<li><a href="http://www.paciellogroup.com/blog/">The Paciello Group Blog</a></li>
<li><a href="http://yaccessibilityblog.com/library/">Yahoo! Accessibility Lab&#8217;s Library</a></li>
</ul>
<p><span id="more-607"></span></p>
<h3>WCAG 2.0</h3>
<ul>
<li>&#8220;<a href="http://www.w3.org/WAI/WCAG20/quickref/">How to Meet WCAG 2.0</a>&#8221; customizable quick reference from the W3C</li>
<li>&#8220;<a href="http://webaim.org/standards/ wcag/checklist">WebAIM&#8217;s WCAG 2.0 Checklist</a>&#8220;</li>
</ul>
<h3>WAI-ARIA</h3>
<ul>
<li><a href="https://developer.mozilla.org/en/ARIA">ARIA portal on Mozilla Developer Network</a></li>
<li>&#8220;<a  rel="external" href="../blog/videos-of-screen-readers-using-aria-updated/" target="_blank">Videos of Screen Readers Using ARIA, Updated</a>&#8221; by me</li>
</ul>
<h3>HTML5 and accessibility</h3>
<ul>
<li><a href="http://www.html5accessibility.com/">HTML5accessibility.com</a> created by The Paciello Group</li>
<li>&#8220;<a href="http://www.accessibleculture.org/articles/2011/10/jaws-ie-and-headings-in-html5/">JAWS, IE and Headings in HTML5</a>&#8221; by Jason Kiss, Accessible Culture</li>
</ul>
<h3>CSS and accessibility</h3>
<ul>
<li>&#8220;<a href="http://yaccessibilityblog.com/library/css-clip-hidden-content.html">Clip your hidden content for better accessibility</a>&#8221; by Theirry Koblentz on Yahoo! Accessibility Lab&#8217;s Library</li>
<li>&#8220;<a href="http://webaim.org/techniques/css/invisiblecontent/">CSS in Action: Invisible Content Just for Screen Reader Users</a>&#8221; by WebAIM</li>
<li>&#8220;<a href="http://simplyaccessible.com/article/better-for-accessibility/">Better for Accessibility</a>&#8221; by Derek Featherstone</li>
</ul>
<h3>Creating accessible content</h3>
<ul>
<li>&#8220;<a href="http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/">Text alternatives for images: a decision tree</a>&#8221; by 4Syllables</li>
<li>&#8220;<a href="http://www.4syllables.com.au/2010/09/accessibility-web-writers-part-1/">Accessibility for web writers</a>&#8221; article series by 4Syllables</li>
<li>&#8220;<a href="http://www.paciellogroup.com/blog/2010/11/using-the-html-title-attribute/">Using the HTML title attribute</a>&#8221; by Steve Faulkner, The Paciello Group</li>
<li>&#8220;<a href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-form-control-labeling/">HTML5 Accessibility Chops: form control labeling</a>&#8221; by Steve Faulkner, The Paciello Group</li>
<li>&#8220;<a href="http://www.alistapart.com/articles/makingcompactformsmoreaccessible/">Making Compact Forms More Accessible</a>&#8221; by Mike Brittain on A List Apart</li>
<li>&#8220;<a href="http://webaim.org/techniques/skipnav/">&#8216;Skip Navigation&#8217; Links</a>&#8221; by WebAIM</li>
<li>&#8220;<a href="http://www.paciellogroup.com/blog/2011/10/detecting-if-images-are-disabled-in-browsers/">Detecting if images are disabled in browsers</a>&#8221; by Steve Faulkner, The Paciello Group</li>
<li>&#8220;<a href="http://www.sitepoint.com/accessible-javascript/">Accessible JavaScript: Beyond the Mouse</a>&#8221; by James Edward on Sitepoint</li>
<li><a href="http://blackwidows.co.uk/resources/color-contrast-analyser.php">Black Widow Web Design&#8217;s Color Contrast Analyser</a> tells you if contrast is too high for people with dyslexia</li>
<li><a href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/tools.html#colortools">Color Tools</a> links to a bunch of traditional color contrast analyzer tools</li>
</ul>
<h3>Screen readers</h3>
<ul>
<li><a href="http://www.nvda-project.org">NVDA</a>: free, Windows</li>
<li><a href="http://www.apple.com/accessibility/voiceover/">VoiceOver</a>: included on Mac and iOS</li>
<li><a href="http://www.freedomscientific.com">JAWS</a>: free trial version</li>
<li><a href="http://www.gwmicro.com">Window-Eyes</a>: free trial version</li>
<li>&#8220;<a href="http://webaim.org/projects/screenreadersurvey3/">Screen Reader User Survey #3 Results</a>&#8221; by WebAIM</li>
</ul>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/videos-of-screen-readers-using-aria-updated/' title='Videos of screen readers using ARIA, updated'>Videos of screen readers using ARIA, updated</a></li>
<li><a href='http://zomigi.com/blog/a-few-links-css-and-accessibility/' title='A few links: CSS and accessibility'>A few links: CSS and accessibility</a></li>
<li><a href='http://zomigi.com/blog/videos-of-screen-readers-using-aria/' title='Videos of screen readers using ARIA'>Videos of screen readers using ARIA</a></li>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/css3-book-launch-event/' title='CSS3 book launch event'>CSS3 book launch event</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/web-accessibility-presentation-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 book launch event</title>
		<link>http://zomigi.com/blog/css3-book-launch-event/</link>
		<comments>http://zomigi.com/blog/css3-book-launch-event/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 14:39:18 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>
		<category><![CDATA[Stunning CSS3]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=492</guid>
		<description><![CDATA[Come hear Jason Cranford Teague and I speak about CSS3 at our free book launch event. Get a sneak peak by downloading my slides and seeing related resources.]]></description>
			<content:encoded><![CDATA[<div>
<p>In a few hours I&#8217;ll be speaking at the online <a href="http://css3booklaunch.eventbrite.com/">CSS3 Book Launch</a> on &#8220;Real-world CSS3.&#8221; I&#8217;ll be talking about ways CSS3 can reduce your development times, decrease page loading times, improve usability, and increase the adaptability of your pages to different devices (including iPads, iPhones, and Android smart phones). I include a case study of a real site&#8217;s loading time and appearance before and after CSS3. I also talk in-depth about the <a href="http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/">example site from <em>Stunning CSS3</em></a> that uses media queries to improve its appearance and usability at different screen sizes.</p>
<p>You can view the slides on <a href="http://www.slideshare.net/zomigi/realworld-css3">SlideShare</a>, or download the slides here:</p>
<p><a href="/downloads/Real-world-CSS3_110125-Book-Launch.pdf">Real-world CSS3 (PDF, 2.3 mb)</a></p>
<p>Slides always make more sense with the person talking over them, so I hope you&#8217;ll <a href="http://css3booklaunch.eventbrite.com/">register for the free event</a> and come see me live! <a href="http://www.jasonspeaking.com/">Jason Cranford Teague</a> will also be speaking about a variety of cool CSS3 stuff related to his book <a href="http://www.speaking-in-styles.com/index.php/the-book/css3-visual-quickstart-guide/">CSS3 Visual Quickstart Guide</a>. Finally, Peachpit is giving away a bunch of copies of our <a href="http://www.stunningcss3.com/">books</a>. It&#8217;s a great chance to get your questions about CSS3 answered and possibly score a new book as well. It&#8217;s today from 3 pm to 5 pm Eastern time, but if you can&#8217;t make it then you can still register and watch the recording later.</p>
<p>Here are several links to related resources that I couldn&#8217;t put in the slides but which you might find useful.</p>
<h3>Beginner CSS3 Articles</h3>
<ul>
<li><a href="http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/">Start Using CSS3 Today: Techniques and Tutorials</a></li>
<li><a href="http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/">Modern CSS Layouts: The Essential Characteristics</a></li>
<li><a href="http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/">Modern CSS Layouts, Part 2: The Essential Techniques</a></li>
<li><a href="http://www.alistapart.com/articles/prefix-or-posthack/">Prefix or Posthack</a></li>
</ul>
<p><img  src="http://zomigi.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span id="more-492"></span></p>
<h3>Benefits of CSS3</h3>
<ul>
<li><a href="http://www.awayback.com/css3-and-veer-navigation/">CSS3 and Veer navigation</a></li>
<li><a href="http://www.position-absolute.com/articles/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/">How to: Get CSS3 box-shadow and border-radius accepted as a viable option at your workplace</a></li>
</ul>
<h3>Media Queries</h3>
<ul>
<li><a href="http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/">Examples of flexible layouts with CSS3 media queries</a></li>
<li><a href="http://www.mayfielddigital.co.uk/blog/web-round-up/best-responsive-web-design-examples-and-resources/">Web round up #11: The best responsive web design examples and resources</a></li>
<li><a href="http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/">Responsive Web Design: What It Is and How To Use It</a></li>
<li><a href="http://www.quirksmode.org/mobile/viewports2.html">A tale of two viewports &#8211; part two</a></li>
<li><a href="http://davidbcalhoun.com/2010/viewport-metatag">The viewport metatag (Mobile web part 1)</a></li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">The orientation media query</a></li>
<li><a href="http://mislav.uniqpath.com/2010/04/targeted-css/">Detecting device size &amp; orientation in CSS</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1142">Designing for the Retina Display (326ppi)</a></li>
<li><a href="http://www.protofluid.com/">Protofluid</a></li>
<li><a href="http://code.google.com/p/css3-mediaqueries-js/">css3-mediaqueries-js</a></li>
<li><a href="https://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt3.html">Dreamweaver CS5 media queries</a></li>
</ul>
<h3>Flexible Layouts</h3>
<ul>
<li><a href="http://www.zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/">70+ essential resources for creating liquid and elastic layouts</a></li>
<li><a href="http://www.flexiblewebbook.com/">Flexible Web Design: Creating Liquid and Elastic Layouts with CSS</a></li>
<li><a href="http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/">Examples of flexible layouts with CSS3 media queries</a></li>
</ul>
<h3>Performance</h3>
<ul>
<li><a href="http://www.phpied.com/the-performance-business-pitch/">The performance business pitch</a></li>
<li><a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html">Using site speed in web search ranking</a></li>
<li><a href="http://radar.oreilly.com/2009/06/bing-and-google-agree-slow-pag.html">Bing and Google Agree: Slow Pages Lose Users</a></li>
</ul>
<p>Finally, if you&#8217;re interested in learning more about my book, <a href="http://www.stunningcss3.com/"><em>Stunning CSS3: A Project-based Guide to the Latest in CSS</em></a>, head on over to <a href="http://www.stunningcss3.com/">www.stunningcss3.com</a>. That&#8217;s where the example files for the media query bakery site I show during my presentation are hosted, as well as a sample excerpt from chapter 6 that explains how to build the media queries for that site.</p>
</div>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/css3-book-launch-event/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Adobe MAX slides and resources</title>
		<link>http://zomigi.com/blog/adobe-max/</link>
		<comments>http://zomigi.com/blog/adobe-max/#comments</comments>
		<pubDate>Tue, 26 Oct 2010 22:40:26 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[efficiency]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=427</guid>
		<description><![CDATA[Download the slides for my presentation on Designing with CSS3 Effectively and Efficiently for Adobe MAX, as well as get links to related resources on CSS3 effects, benefits, and media queries.]]></description>
			<content:encoded><![CDATA[<p>I just finished speaking at <a href="http://usa10.webdirections.org/">Adobe MAX</a> on &#8220;Designing with CSS3 Effectively &amp; Efficiently,&#8221; the latest iteration of the talk I gave at <a href="../blog/web-directions-usa/">Web Directions USA</a>, the <a href="../blog/css-summit-2010/">CSS Summit</a>, and <a href="../blog/convergese-2010-and-upcoming-conferences/">ConvergeSE</a>.  I talked about how CSS3 is about more than making things look pretty   (though it’s really good at that too). Many CSS3 techniques can reduce   your development times, decrease page loading times, improve usability,   and increase the adaptability of your pages to different devices   (including iPads, iPhones, and Android smart phones). I showed examples of the pieces of CSS3  you  can add to your web sites right now and how they might benefit your   projects in tangible ways. I included a case study of a real site&#8217;s loading time and appearance  before and after CSS3, plus an example page built using media queries to  improve its appearance and usability at different screen sizes.</p>
<p>You can view the slides on <a href="http://www.slideshare.net/zomigi/designing-with-css3-effectively-efficiently">SlideShare</a>, or download the slides here:</p>
<p><a href="/downloads/Effective-Efficient-Design-CSS3_102610-AdobeMAX.pdf">Designing with CSS3 Effectively &amp; Efficiently (PDF, 3.3 mb)</a></p>
<p>Here are several links to related resources that I couldn&#8217;t put in  the slides but which you might find useful.<img  src="../wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<h3>Beginner CSS3 Articles</h3>
<ul>
<li><a href="http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/">Start  Using CSS3 Today: Techniques and Tutorials</a></li>
<li><a href="http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/">Modern  CSS Layouts: The Essential Characteristics</a></li>
<li><a href="http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/">Modern  CSS Layouts, Part 2: The Essential Techniques</a></li>
<li><a href="http://www.alistapart.com/articles/prefix-or-posthack/">Prefix   or Posthack</a></li>
</ul>
<p><span id="more-427"></span></p>
<h3>Benefits of CSS3</h3>
<ul>
<li><a href="http://www.awayback.com/css3-and-veer-navigation/">CSS3 and  Veer navigation</a></li>
<li><a href="http://www.position-absolute.com/articles/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/">How  to: Get CSS3 box-shadow and border-radius accepted as a viable option  at your workplace</a></li>
</ul>
<h3>Media Queries</h3>
<ul>
<li><a href="http://www.quirksmode.org/mobile/viewports2.html">A tale of two viewports &#8211; part two</a></li>
<li><a href="http://davidbcalhoun.com/2010/viewport-metatag">The  viewport metatag (Mobile web part 1)</a></li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">The  orientation media query</a></li>
<li><a href="http://mislav.uniqpath.com/2010/04/targeted-css/">Detecting  device size &amp; orientation in CSS</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1142">Designing for the Retina Display (326ppi)</a></li>
<li><a href="http://www.protofluid.com/">Protofluid</a></li>
<li><a href="http://code.google.com/p/css3-mediaqueries-js/">css3-mediaqueries-js</a></li>
<li><a href="https://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt3.html">Dreamweaver CS5 media queries</a></li>
</ul>
<h3>Flexible Layouts</h3>
<ul>
<li><a href="http://www.zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/">70+  essential resources for creating liquid and elastic layouts</a></li>
<li><a href="http://www.flexiblewebbook.com/">Flexible Web Design: Creating Liquid and Elastic Layouts with CSS</a></li>
</ul>
<h3>Performance</h3>
<ul>
<li><a href="http://www.phpied.com/the-performance-business-pitch/">The performance business pitch</a></li>
<li><a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html">Using site speed in web search ranking</a></li>
<li><a href="http://radar.oreilly.com/2009/06/bing-and-google-agree-slow-pag.html">Bing and Google Agree: Slow Pages Lose Users</a></li>
</ul>
<p>Finally, if you&#8217;re interested in learning more about my book, <a href="http://www.stunningcss3.com/">Stunning CSS3: A Project-based Guide to the Latest in CSS</a>, head on over to <a href="http://www.stunningcss3.com/">www.stunningcss3.com</a>.   That&#8217;s where the example files for the media query site I showed  during  my presentation will eventually be hosted. For now, check out  the CSS  used on the site to see a wide variety of CSS3 techniques in  use.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
<li><a href='http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/' title='ConvergeSE 2010 and upcoming conferences'>ConvergeSE 2010 and upcoming conferences</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/adobe-max/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Web Directions USA slides and resources</title>
		<link>http://zomigi.com/blog/web-directions-usa/</link>
		<comments>http://zomigi.com/blog/web-directions-usa/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 00:43:35 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[efficiency]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=409</guid>
		<description><![CDATA[Download the slides for my presentation on Effective and Efficient Design with CSS3 for Web Directions USA, as well as get links to related resources on CSS3 effects, benefits, and media queries.]]></description>
			<content:encoded><![CDATA[<p>I just finished speaking at <a href="http://usa10.webdirections.org/">Web Directions USA</a> on &#8220;Effective &amp; Efficient  Design with CSS3,&#8221; the latest iteration of an the talk I gave at the <a href="../blog/css-summit-2010/">CSS Summit</a> and <a href="../blog/convergese-2010-and-upcoming-conferences/">ConvergeSE</a>. I talked about how CSS3 is about more than making things look pretty  (though it’s really good at that too). Many CSS3 techniques can reduce  your development times, decrease page loading times, improve usability,  and increase the adaptability of your pages to different devices  (including iPads and iPhones). I showed examples of the pieces of CSS3 you  can add to your web sites right now and how they might benefit your  projects in tangible ways. I included a case study of a real site before and after CSS3, plus an example page built using media queries to improve its appearance and usability at different screen sizes.</p>
<p>You can view the slides on <a href="http://www.slideshare.net/zomigi/effective-and-efficient-design-with-css3">SlideShare</a>, or download the slides here:</p>
<p><a href="/downloads/Effective-Efficient-Design-CSS3_100923-WDUSA.pdf">Effective &amp; Efficient Design with CSS3 (PDF, 2.9 mb)</a></p>
<p>Here are several links to related resources that I couldn&#8217;t put in  the slides but which you might find useful.<img  src="../wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<h3>Beginner CSS3 Articles</h3>
<ul>
<li><a href="http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/">Start  Using CSS3 Today: Techniques and Tutorials</a></li>
<li><a href="http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/">Modern  CSS Layouts: The Essential Characteristics</a></li>
<li><a href="http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/">Modern  CSS Layouts, Part 2: The Essential Techniques</a></li>
<li><a href="http://www.alistapart.com/articles/prefix-or-posthack/">Prefix   or Posthack</a></li>
</ul>
<p><span id="more-409"></span></p>
<h3>Benefits of CSS3</h3>
<ul>
<li><a href="http://www.awayback.com/css3-and-veer-navigation/">CSS3 and  Veer navigation</a></li>
<li><a href="http://www.position-absolute.com/articles/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/">How  to: Get CSS3 box-shadow and border-radius accepted as a viable option  at your workplace</a></li>
</ul>
<h3>Media Queries</h3>
<ul>
<li><a href="http://www.quirksmode.org/mobile/viewports2.html">A tale of two viewports &#8211; part two</a></li>
<li><a href="http://davidbcalhoun.com/2010/viewport-metatag">The  viewport metatag (Mobile web part 1)</a></li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">The  orientation media query</a></li>
<li><a href="http://mislav.uniqpath.com/2010/04/targeted-css/">Detecting  device size &amp; orientation in CSS</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1142">Designing for the Retina Display (326ppi)</a></li>
<li><a href="http://www.protofluid.com/">Protofluid</a></li>
</ul>
<h3>Flexible Layouts</h3>
<ul>
<li><a href="http://www.zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/">70+  essential resources for creating liquid and elastic layouts</a></li>
<li><a href="http://www.flexiblewebbook.com/">Flexible Web Design: Creating Liquid and Elastic Layouts with CSS</a></li>
</ul>
<p>Finally, if you&#8217;re interested in learning more about my book, <a href="http://www.stunningcss3.com/">Stunning CSS3: A Project-based Guide to the Latest in CSS</a>, head on over to <a href="http://www.stunningcss3.com/">www.stunningcss3.com</a>.  That&#8217;s where the example files for the media query site I showed during  my presentation will eventually be hosted. For now, check out the CSS  used on the site to see a wide variety of CSS3 techniques in use.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
<li><a href='http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/' title='ConvergeSE 2010 and upcoming conferences'>ConvergeSE 2010 and upcoming conferences</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/web-directions-usa/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Highly Maintainable, Efficient, and Optimized CSS</title>
		<link>http://zomigi.com/blog/maintainable-efficient-css/</link>
		<comments>http://zomigi.com/blog/maintainable-efficient-css/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 15:44:32 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[efficiency]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=394</guid>
		<description><![CDATA[Download the slides for my presentation on maintainable and efficient CSS for Think Vitamin's HTML &#038; CSS online conference, as well as get links to related resources on CSS development best practices.]]></description>
			<content:encoded><![CDATA[<p>Earlier today, I gave a presentation at <a href="http://thinkvitamin.com/online-conferences/html-css/">Think Vitamin&#8217;s HTML &amp; CSS Online Conference</a> entitled &#8220;Highly Maintainable, Efficient, and Optimized CSS.&#8221; I tried to squeeze as many tips as I could in to cover how to create CSS that is well organized and readable for teams to work on together as well as you to maintain later, while still keeping efficiency in mind. The slides are up on <a href="http://www.slideshare.net/zomigi/highly-maintainable-efficient-and-optimized-css">Slideshare</a>, but you can also download them in their full glory here:</p>
<p><a href="http://www.zomigi.com/downloads/Highly-Maintainable-Efficient-Optimized-CSS.pdf">Highly Maintainable, Efficient, and Optimized CSS (PDF, 1 mb)</a></p>
<p>Here are links to just a few of the hundreds of related resources I could link to!</p>
<h3>Maintainability</h3>
<ul>
<li><a href="http://msdn.microsoft.com/en-us/scriptjunkie/ff679957.aspx">Be a CSS Team Player: CSS Best Practices for Team-Based Development</a></li>
<li><a href="http://stackoverflow.com/questions/956996/best-practices-css-stylesheet-formatting">Best Practices &#8211; CSS Stylesheet Formatting</a></li>
<li><a href="http://www.slideshare.net/stubbornella/object-oriented-css">Object Oriented CSS</a></li>
<li><a href="http://www.sitepoint.com/dustmeselectors/">Dust-Me Selectors</a></li>
</ul>
<p><span id="more-394"></span></p>
<h3>Resets</h3>
<ul>
<li><a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/">Eric Meyer&#8217;s Reset Reloaded</a></li>
<li><a href="http://developer.yahoo.com/yui/reset/">YUI 2: Reset CSS</a></li>
<li><a href="http://snook.ca/archives/html_and_css/no_css_reset/">No CSS Reset</a></li>
<li><a href="http://www.maxdesign.com.au/articles/css-reset/">CSS Reset &#8211; a simpler option</a></li>
</ul>
<h3>Sprites</h3>
<ul>
<li><a href="http://css-tricks.com/css-sprites/">CSS Sprites: What They Are, Why They’re Cool, and How To Use Them</a></li>
<li><a href="http://css-tricks.com/css-sprites-workflow/">CSS Sprites Workflow</a></li>
<li><a href="http://www.smashingmagazine.com/2010/03/26/css-sprites-useful-technique-or-potential-nuisance/">CSS Sprites: Useful Technique, or Potential Nuisance?</a></li>
<li><a href="http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/">The Mystery Of CSS Sprites: Techniques, Tools And Tutorials</a></li>
</ul>
<h3>Performance</h3>
<ul>
<li><a href="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a></li>
<li><a href="http://code.google.com/speed/articles/">Let&#8217;s make the web faster</a></li>
<li><a href="http://www.phpied.com/performance-advent-calendar-2009/">Performance Advent Calendar 2009</a></li>
<li><a href="http://www.stevesouders.com/blog/2009/04/09/dont-use-import/">Don&#8217;t use @import</a></li>
<li><a href="http://www.phpied.com/conditional-comments-block-downloads/">Conditional comments block downloads</a></li>
<li><a href="http://css-tricks.com/efficiently-rendering-css/">Efficiently Rendering CSS</a></li>
<li><a href="http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/">Performance Impact of CSS Selectors</a></li>
<li><a href="http://screwlewse.com/2010/08/different-css-techniques-and-their-performance/">Different CSS techniques and their performance</a></li>
</ul>
<h3>CSS compression</h3>
<ul>
<li><a href="http://www.http-compression.com/">HTTP Compression</a></li>
<li><a href="http://code.google.com/p/minify/">Minify</a></li>
<li><a href="http://www.sergeychernyshev.com/blog/speed-up-your-site-drop-in-htaccess-file/">Drop-in .htaccess file</a></li>
<li><a href="http://www.codebeautifier.com/">Code Beautifer</a></li>
<li><a href="http://www.csscompressor.com/">CSS Compressor</a></li>
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li>
<li><a href="http://www.cssoptimiser.com/">CSS Optimizer</a></li>
<li><a href="http://csstidy.sourceforge.net/">CSS Tidy</a></li>
<li><a href="http://yuilibrary.com/projects/yuicompressor">YUI Compressor</a></li>
</ul>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
<li><a href='http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/' title='ConvergeSE 2010 and upcoming conferences'>ConvergeSE 2010 and upcoming conferences</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/maintainable-efficient-css/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>CSS Summit 2010 slides and resources</title>
		<link>http://zomigi.com/blog/css-summit-2010/</link>
		<comments>http://zomigi.com/blog/css-summit-2010/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 17:30:42 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=384</guid>
		<description><![CDATA[I spoke at the CSS Summit on "Effective and Efficient Design with CSS3." You can download the slides and get links to related resources.]]></description>
			<content:encoded><![CDATA[<p>I just finished speaking at the <a href="http://www.csssummit.com">CSS Summit</a> online conference. Well, technically, I&#8217;m writing this <em>before </em>I spoke, so that the post can be up as soon as my talk is done. Sneaky, huh? Anyway, my  presentation was titled &#8220;Effective &amp; Efficient Design with CSS3,&#8221; an extension of the talk I gave at <a href="http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/">ConvergeSE</a>.</p>
<p><img  src="http://zomigi.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" />If you&#8217;d like  to check out the slides, here they are:</p>
<p><a href="http://zomigi.com/downloads/Effective-Efficient-Design-CSS3_100728-CSSSummit.pdf">Effective &amp; Efficient Design with CSS3 (PDF, 1.7 mb)</a></p>
<p>Here are several links to related resources that I couldn&#8217;t put in  the slides but which you might find useful.<span id="more-384"></span></p>
<h3>Beginner CSS3 Articles</h3>
<ul>
<li><a href="http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/">Start  Using CSS3 Today: Techniques and Tutorials</a></li>
<li><a href="http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/">Modern  CSS Layouts: The Essential Characteristics</a></li>
<li><a href="http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/">Modern  CSS Layouts, Part 2: The Essential Techniques</a></li>
<li><a href="http://www.alistapart.com/articles/prefix-or-posthack/">Prefix   or Posthack</a></li>
</ul>
<h3>Benefits of CSS3</h3>
<ul>
<li><a href="http://www.awayback.com/css3-and-veer-navigation/">CSS3 and  Veer navigation</a></li>
<li><a href="http://www.position-absolute.com/articles/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/">How  to: Get CSS3 box-shadow and border-radius accepted as a viable option  at your workplace</a></li>
</ul>
<h3>Media Queries</h3>
<ul>
<li><a href="http://www.quirksmode.org/mobile/viewports2.html">A tale of two viewports &#8211; part two</a></li>
<li><a href="http://davidbcalhoun.com/2010/viewport-metatag">The  viewport metatag (Mobile web part 1)</a></li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">The  orientation media query</a></li>
<li><a href="http://mislav.uniqpath.com/2010/04/targeted-css/">Detecting  device size &amp; orientation in CSS</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1142">Designing for the Retina Display (326ppi)</a></li>
<li><a href="http://www.protofluid.com">Protofluid</a></li>
</ul>
<h3>Flexible Layouts</h3>
<ul>
<li><a href="http://www.zomigi.com/blog/essential-resources-for-creating-liquid-and-elastic-layouts/">70+  essential resources for creating liquid and elastic layouts</a></li>
<li><a href="http://www.flexiblewebbook.com/">Flexible Web Design: Creating Liquid and Elastic Layouts with CSS</a></li>
</ul>
<p>Finally, if you&#8217;re interested in learning more about my book, <a href="http://www.stunningcss3.com/">Stunning CSS3: A Project-based Guide to the Latest in CSS</a>, head on over to <a href="http://www.stunningcss3.com/">www.stunningcss3.com</a>. That&#8217;s where the example files for the media query site I showed during my presentation will eventually be hosted. For now, check out the CSS used on the site to see a wide variety of CSS3 techniques in use.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/' title='ConvergeSE 2010 and upcoming conferences'>ConvergeSE 2010 and upcoming conferences</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/css-summit-2010/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The CSS Summit is near</title>
		<link>http://zomigi.com/blog/the-css-summit-is-near/</link>
		<comments>http://zomigi.com/blog/the-css-summit-is-near/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 20:53:03 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[giveaway]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=379</guid>
		<description><![CDATA[Find out how you can win a ticket to the CSS Summit online conference on July 28.]]></description>
			<content:encoded><![CDATA[<p>Only a few days left until the 2nd annual <a href="http://csssummit.com/">CSS Summit online conference</a> on July 28. I&#8217;m excited about the lineup, which includes:</p>
<ul>
<li>My great friend Stephanie (Sullivan) Rewis speaking about great tools to make CSS3 development easier and how to make many CSS3 effects work in a wider variety of browsers and devices.</li>
<li>Nicole Sullivan explaining how she optimized Facebook&#8217;s massive CSS file. (I&#8217;m so curious to hear about this!)</li>
<li>Estelle Weyl teaching how to develop CSS3 and HTML5 for iPhones, iPads, and Android devices. (It&#8217;s awesome how many new techniques you can use.)</li>
</ul>
<p>Plus five more sessions (including my own on ways to improve efficiency and usability with CSS3). Want to &#8220;attend&#8221;? I have a couple options for you.</p>
<p>One, you can still <a href="http://environmentsforhumans.com/2010/css-summit/#buytickets">buy a ticket</a> for $179, plus get 10% off by using discount code <strong>CSSGILLENWATER</strong> when you sign up.</p>
<p>Two, you can win a ticket! To enter the contest, tweet &#8220;I want to go to the #CSSsummit on July 28. Follow @zomigi and retweet to win. Learn more at http://bit.ly/csZgT9.&#8221; Do this by this Sunday morning at 8 am Eastern US time. I&#8217;ll pick the winner immediately afterward and notify him or her through Twitter (which is why I need you to follow me).<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
<li><a href='http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/' title='ConvergeSE 2010 and upcoming conferences'>ConvergeSE 2010 and upcoming conferences</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/the-css-summit-is-near/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ConvergeSE 2010 and upcoming conferences</title>
		<link>http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/</link>
		<comments>http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 16:39:12 +0000</pubDate>
		<dc:creator>Zoe Gillenwater</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[speaking]]></category>

		<guid isPermaLink="false">http://zomigi.com/?p=369</guid>
		<description><![CDATA[I spoke at ConvergeSE on "Improving Efficiency and Usability with CSS3." You can download the slides, get links to related resources, plus find out when I'm giving similar presentations soon.]]></description>
			<content:encoded><![CDATA[<p>On June 26 I spoke at <a href="http://convergese.com/">ConvergeSE</a> in Columbia, SC. It was a small conference, but had some really wonderful speakers. Unfortunately, I was sick with a bad cold, so I missed a few talks and didn&#8217;t get to hang out with everyone afterward. But the talks I did hear were quite inspiring. I just love going to presentations that get you all excited about the work that you do. Go to the <a href="http://convergese.com/">ConvergeSE site</a> to view speakers&#8217; slides and, eventually, video of the actual presentations.</p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } -->My presentation was titled &#8220;Improving Efficiency and Usability with CSS3.&#8221; I talked about how CSS3 is about more than making things look pretty (though it&#8217;s really good at that too). Many CSS3 techniques can reduce your development times, decrease page loading times, improve usability, and increase the adaptability of your pages to different devices (including iPads and iPhones). I talked about which pieces of CSS3 you can add to your web sites right now and how they might benefit your projects in tangible ways.</p>
<p><span id="more-369"></span>If you&#8217;d like to check out the slides, here they are:</p>
<p><a href="http://zomigi.com/downloads/Efficiency-Usability-CSS3_100626-ConvergeSE.pdf">Improving Efficiency and Usability with CSS3 (PDF, 1.4 mb)</a></p>
<p>Here are just a few links to related resources that I couldn&#8217;t put in the slides but which you might find useful:</p>
<ul>
<li><a rel="nofollow" href="http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/">Start Using CSS3 Today: Techniques and Tutorials</a></li>
<li><a href="http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/">Modern CSS Layouts: The Essential Characteristics</a></li>
<li><a href="http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/">Modern CSS Layouts, Part 2: The Essential Techniques</a></li>
<li><a rel="nofollow" href="http://www.awayback.com/css3-and-veer-navigation/">CSS3 and Veer navigation</a></li>
<li><a href="http://www.position-absolute.com/articles/how-to-get-css3-box-shadow-accepted-as-a-viable-option-at-your-workplace/">How to: Get CSS3 box-shadow and border-radius accepted as a viable option at your workplace</a></li>
<li><a rel="nofollow" href="http://www.alistapart.com/articles/prefix-or-posthack/">Prefix or Posthack</a></li>
<li><a rel="nofollow" href="http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/">Taking Advantage of HTML5 and CSS3 with Modernizr</a></li>
<li><a rel="nofollow" href="http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html">Targeting the iPhone 4 Retina Display with CSS3 Media Queries</a></li>
<li><a rel="nofollow" href="http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html">The orientation media query</a></li>
<li><a rel="nofollow" href="http://mislav.uniqpath.com/2010/04/targeted-css/">Detecting device size &amp; orientation in CSS</a></li>
</ul>
<p>I&#8217;ll be giving an expanded version of this presentation at both <a href="http://CSSsummit.com/">the 2nd Annual CSS Summit online conference</a> on July 28 and at <a href="http://north10.webdirections.org/">Web Directions USA</a> in Atlanta on September 24.</p>
<p>Registration for the CSS Summit is only $149, but you can <a href="http://CSSsummit.com/">get 10% off</a> by using the discount code <strong>CSSGILLENWATER </strong>when you sign up.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://zomigi.com/blog/media-queries-presentation/' title='Media queries presentation at indieconf'>Media queries presentation at indieconf</a></li>
<li><a href='http://zomigi.com/blog/adobe-max/' title='Adobe MAX slides and resources'>Adobe MAX slides and resources</a></li>
<li><a href='http://zomigi.com/blog/web-directions-usa/' title='Web Directions USA slides and resources'>Web Directions USA slides and resources</a></li>
<li><a href='http://zomigi.com/blog/css-summit-2010/' title='CSS Summit 2010 slides and resources'>CSS Summit 2010 slides and resources</a></li>
<li><a href='http://zomigi.com/blog/maintainable-efficient-css/' title='Highly Maintainable, Efficient, and Optimized CSS'>Highly Maintainable, Efficient, and Optimized CSS</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://zomigi.com/blog/convergese-2010-and-upcoming-conferences/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

