HTML5/CSS3

This HTML5/CSS3 course runs for two days on Saturday, February 9th and Sunday, February 10th from 10:30am to 3:30pm. There will be a 45 minute lunch break each day.

In this class, we'll be building a single-page website (think onepagelove.com (http://www.onepagelove.com)) with all the new hotness: HTML5 for structure and CSS3 for sweet visual flourishes like animations, gradients, rounded corners, and drop shadows. I'll show you how easy it is to use web fonts for typography (down with Arial amiright?!). CSS3 provides advanced selectors, graphical enhancements, and better font support that makes our sites more visual appealing without using font image replacement techniques, complex JavaScript, or graphics tools.

To get the most out of this class, you should have a working knowledge of basic HTML and CSS. You may have taken Intro to HTML through Girl Develop It, or you have built a site for fun.

To help you gauge whether or not this class is a good fit given your current skill set, you must take this mandatory quiz (http://pixelpushstudio.com/gdi/jquizzy.htm). Anything better than 70% should allow you to follow along in the class. A review will be provided before we start the new material and you can view the material we'll be basing our class on our website (http://girldevelopit.com/materials) (look under "Intermediate HTML"). If you have additional questions, feel free to post them below.

http://photos3.meetupstatic.com/photos/event/b/a/e/2/event_192647842.jpegAbout Elise Wei: Elise is a front-end engineer at Monetate. Her specialties include HTML, JavaScript, and CSS, though she also has experience in PHP, VB, and C#. She has been a volunteer at Girl Develop It for the past year, assisting in numerous classes. She is a musician and operates what her husband refers to as the "gluten-free test kitchen" out of their home. You may have seen her fronting a rock band, presenting at the 2012 Geek Awards, or volunteering at other women-in-tech events around the city. You can connect with her on Twitter at @Not_Pele (http://www.twitter.com/not_pele).

Tech Requirements:

Your laptop - Note: a netbook or tablet is NOT a substitute! Google Chrome (https://www.google.com/intl/en/chrome/browser/) A text editor. We recommend Sublime Text 2 (http://www.sublimetext.com/2) (It's free and available for both Mac and PC).