addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgoogleimageimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

Mockups to Code

Knowing HTML and CSS is the first step, but there's more to web design than a simple "About Me" page. Understanding how to go from a visual mockup to handcrafted code requires understanding display styles, floats, how to organize your CSS, and many little tricks most of us have had to learn over time.

If you know the basics of HTML and CSS but still struggle putting together a page from scratch, or don't fully understand the details of float layouts, this is the class for you. This will be a fast-paced class with as much coding as lecture that will leave you with a better understanding of how to write a page from scratch.


This 2-class course runs the weekend.

Here are the class dates:

  • Class 1: Saturday, May 18th, 12-4pm
  • Class 2: Sunday, May 19th, 12-4pm



HTML/CSS knowledge—how to create a basic HTML page, link a CSS file, and basic styling. If you have taken the GDI HTML/CSS class or higher, or (ideally) have been working with HTML/CSS for a while but need a better understanding of building from scratch, you'll be fine.

We ask that you install the following on your laptop prior to class:

- Sublime Text 2, a text editor available for Mac, Windows, and Linux.

- Chrome or Firefox + Firebug

About the Instructor: Elyse is a developer/designer who spends most of her time writing HTML & CSS. She worked for Bazaarvoice creating standardized CSS templates for Ratings & Reviews and is now at Oceanus building the HTML/SASS architecture for their flagship application. Elyse just submitted her first conference talk, has a GIF for every occasion, loves makeup, shoes, and good wine, and believes there isn't enough purple on the web.

Please note our refund policy: Your payment of $80 guarantees your seat in the course. If something changes after registration and you cannot attend the course, your seat is yours to sell or give to someone else - just please let us know who! As a rule we don't offer refunds, but please let us know if you have extenuating circumstances.

Join or login to comment.

  • Esmeralda

    I'm not sure how often you'll do complete beginner classes. If not, I'm curious as to what languages to begin with for the next upcoming class(es).

    1 · May 12, 2013

    • elyse h.

      Esmeralda, classes are typically done every few months, depending on instructor availability. We have an Intro to Javascript, Intro to HTML & CSS, etc—you can see the list of old classes. If there's one you'd like us to do again please let our chapter leaders know! I'd say you can start learning whatever you are interested in :)

      2 · May 14, 2013

    • elyse h.

      Esmeralda, just letting you know we posted an Intro to HTML/CSS class!­

      June 12, 2013

  • Melanie G.

    Some friends and I would be very interested in attending a beginner HTML & CSS class!

    1 · May 16, 2013

  • Brandon W.

    Feel free to contact me with any questions you may have

    May 19, 2013

10 went

Your organizer's refund policy for Mockups to Code

Refunds are not offered for this Meetup.

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy