CSS3 colors, today (MediaCampAthens session)

Yesterday, I had a session at MediaCampAthens (a BarCamp-style event), regarding CSS3 colors. If you’ve followed my earlier posts tagged with “colors”, my presentation was mostly a sum-up of these.

It was my first presentation ever, actually, the first time I talked to an audience for more than 1 minute :P . This caused some goofs:

  • When introducing myself, I said completely different things than I intended to and ended up sounding like an arrogant moron :P
  • I tried not to look at the audience too much, in order to avoid sounding nervous, and this caused me to completely ignore 2 questions (as I found out afterwards)! How embarrasing!
  • At a certain point, I said “URL” instead of “domain” :P

Also, I had prepared some screenshots (you’ll see them in the ppt) and the projector completely screwed them up, as it showed any dark color as black.

Apart from those, I think it went very well, I received lots of positive feedback about it and the audience was paying attention, so I guess they found it interesting (something that I didn’t expect :P ).

Here is the presentation:

Please note that Slideshare messed up slide #8 and the background seems semi-transparent grey instead of semi-transparent white.

By the way, I also thought afterwards that I had made a mistake: -ms-filter is not required if we combine the gradient filter with Data URIs, since IE8 supports Data URIs (for images at least). Oops, I hate making mistakes that I can’t correct.

Here are some photos from my session. If I did it correctly, every facebook user can see them. If I messed things up, tell me :P

  • Billy F.

    Good job Lea : )

    We are so glad you made it!

    Thank you

  • http://www.cyroot.com/blog Brent

    Very cool presentation. I find it interesting. Supporting IE is a task all in its self.

  • http://leaverou.me Lea Verou

    @Billy F: Np, thanks for inviting me :)

    @Brent: Yes it is, but I’m optimistic, things are getting better (just at a veeery sloooow pace). :)

  • http://alexlingris.com lexx

    This presentation is awesome. Its a shame I couldnt stay and watch it live. I also heard really good comments about it the 2nd day of the event.

  • http://mediacampathens.gr ThirdEye

    Amazing session! I haven’ t seen it live but the presentation impresses me. It was really nice to have you there!

  • http://leaverou.me Lea Verou

    Thank you both! :)

  • http://www.noupe.com/css3/css3-exciting-functions-and-features-30-useful-tutorials.html CSS3 Exciting Functions and Features: 30+ Useful Tutorials | Noupe

    [...] CSS3 Color Module [...]

  • http://www.moeiseur.com/design/css3-exciting-functions-and-features-30-useful-tutorials/ CSS3 Exciting Functions and Features: 30+ Useful Tutorials

    [...] CSS3 Color Module [...]

  • http://www.pixeldope.com Pixel Dope

    great…thanks or sharing

  • http://www.webdesignspeed.com/css3-exciting-functions-and-features-30-useful-tutorials/ Web design Speed | Web Development | Web Site Design | SEO | Tips » CSS3 Exciting Functions and Features: 30+ Useful Tutorials

    [...] CSS3 Color Module [...]

  • http://basit.me/2009/05/css3-exciting-functions-and-features-30-useful-tutorials/ CSS3 Exciting Functions and Features: 30+ Useful Tutorials – Basit – Live Your Life with Inspiration

    [...] CSS3 Color Module [...]

  • http://www.sonichtml.com/blog/?p=334 30个CSS3新功能的实用教程 « SonicHtml工作室- PSD转HTML / XHTML,CSS / W3C验证 / 多浏览器支持 / WordPress模板 / Joomla模板

    [...] CSS3 Color Module [...]

  • http://www.aetuto.com/ultimate-collection-of-css3-tutorials-and-techniques Ultimate Collection of CSS3 Tutorials and Techniques – AE Tuto

    [...] CSS3 colors, today (MediaCampAthens session) [...]

  • http://www.freelancereview.net/css3-resources-tutorials-and-demos/ CSS3: Resources, Tutorials and DemosFreelance Review | Freelance Review

    [...] CSS3 Colors, Today (Lea Verou) [...]

  • http://www.connexx-design.nl/2010/04/40-awesome-and-essential-css3-tutorials-techniques-and-resources-to-learn/ 40 + Awesome and Essential CSS3 Tutorials, Techniques and Resources to Learn | Design | Webdesign, website & webshop maken portfolio

    [...] CSS3 Color Module [...]

  • http://blog.moocss.com/tutorials/html5-css3-tutorials/734.html CSS3的新功能快速体验和应用 | blog.moocss.com

    [...] CSS3 颜色模块 [...]

  • http://www.isundayblog.com/?p=303 CSS3资料整理 « sundayblog

    [...] CSS3颜色模型 [...]

  • http://brainy168.gotoip2.com/?p=359 CSS3中的炫目新功能预览 | 百锐

    [...] CSS3 颜色模块 [...]

  • http://www.blog.pixel2pixeldesign.com/css3-exciting-functionsfeatures-tutorials/ CSS3 Exciting Functions-Features and Useful Tutorials – Pixel2Pixel Design

    [...] CSS3 Color Module [...]

  • http://hosting.digisolnet.com/blog/109-interesantes-tutoriales-y-recursos-css3/ 109 interesantes tutoriales y recursos CSS3 | Digisolnet Blog

    [...] Colores CSS3 hoy [...]

  • http://www.avazio.co.uk/blog/?p=22 CSS3 Tutorial and Resoruces | Avazio

    [...] •  Zebra-striping tables with CSS3 •  How to change the default text selection colour •  CSS3 colours today [...]

  • http://www.pixel2pixeldesign.com/css3-tutorials-web-development/ CSS3 Tutorials for Web Development | Pixel2Pixel Design

    [...] CSS3 colors, today (MediaCampAthens session) [...]

  • http://www.cheungfei.com/?p=8789 24个为Web开发人员准备的CSS3实用教程 | 在路上

    [...] 5. CSS3 colors, today (MediaCampAthens session) [...]

  • http://www.xyhtml5.com/24-css3-practical-guide.html 24个为Web开发人员准备的CSS3实用教程 – 炫意 HTML5

    [...] 5. CSS3 colors, today (MediaCampAthens session) [...]

  • http://1stepwebdesign.com/tutorial/40-excellent-css3-tutorials/ 40 Excellent CSS3 Tutorials | 1 step web design

    [...] CSS3 colors, today (MediaCampAthens session) [...]

  • http://isir.me/?p=138 24个为Web开发人员准备的CSS3实用教程 | isir me

    [...] 5. CSS3 colors, today (MediaCampAthens session)  [...]

  • http://cssexpression.com/tutorial/the-enhanced-css3/ The Enhanced CSS3 » CSS Design Gallery – Inspiration from live Web Templates | CSSexpression.com