Designing with HTML5: Responsive Emails

A session at Designing with HTML5: Responsive Emails

Tuesday 19th May, 2015

6:00pm to 8:30pm (EST)

As always, men are encouraged to attend any DC Web Women event!

Are you interested in learning how to code your own responsive emails using HTML5 and CSS? Or perhaps you want to code your own Game in HTML5 and JavaScript? You can even learn both!

Join us for May's Code(Her) Workshops series at the AIA on May 18th and May 25th as our presenters introduce us to HTML5.

Responsive Emails: The Designing with HTML5 Series (Part 1 of 2)

Learn how to build a beautiful, mobile-friendly email from scratch. Using HTML5 and CSS, you can design an effective message no matter which device or browser your emails display in.

This two-part workshop introduces HTML5 and how to use it in conjunction with CSS and JavaScript. The workshop is geared towards those who are familiar with the very basics of how to build HTML styled with CSS, and novices at working with JavaScript. This will be a hands-on lecture style workshop series where attendees can follow along with the code from their own laptops.

Part I of the workshop will cover:

What HTML5 is and how to use it with CSS3 in designing responsive emails
How to deal with email clients that don't support advanced functionality
Designing for different screens: laptop, tablet, and mobile devices
Testing your emails to make sure they look good in different email clients

Prerequisites + What to Bring:

Note: You do NOT have to have attended Part 1 of the series in order to register for Part 2. If you are more advanced, feel free to join us just for Part 2 of this series.

Attendees will need laptops with a text editor, internet browser, and an account with an online code playground. For Part 2, attendees will need familiarity with the basics of JavaScript and programming concepts (i.e., classes, prototypes, functions, inheritance, loops, conditionals, etc).

WiFi is free and provided by the generous folks at the AIA.

This is a "bring your own device" (BYOD) event, and we encourage you to come with a text editor such as Sublime Text, Vim, NotePad++, or Brackets.io. If you're fancy and have a web editor such as Dreamweaver or Kompozer, bring it along too. Code playgrounds include CodePen, JSFiddle, Liveweave, Dabblet, and CSSDeck.

About the speaker

This person is speaking at this event.
Ann Harris

Principal, Southern Social Marketing

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 6:00pm8:30pm EST

Date Tue 19th May 2015

Short URL


View the schedule


See something wrong?

Report an issue with this session