Advertisement
HTML & CSS

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 2

by

Continuing on with our Photoshop to HTML session, in this lesson, we'll begin constructing the markup for our website.


Chapter 2: Create the Markup

Press the HD button for a clearer picture.
Related Posts
  • Web Design
    CMS
    Reviewing and Merging Our Tumblr Theme's HTML and CSSTumblr 19 retina
    We've come a long way, having completed massive amounts of theme building; well done! Let's now review our markup and styling, so that we can combine the two and start adding options to our theme.Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    CMS
    Tumblr Link Post Types and PaginationTumblr 31 retina
    Let's now take a look at the markup for our Tumblr "link" post type. With that done, we'll also cover pagination.Read More…
  • Web Design
    CMS
    Tumblr's Audio and Video Post TypesTumblr 11 retina
    We're making great progress with our custom Tumblr theme! In this video we're going to continue building our markup, turning our attention to the audio and video post types.Read More…
  • Web Design
    Applications and Tools
    Building Semantic Grids With GumbyGumby semantic retina
    In this tutorial we're going to build ourselves clean, readable markup with the help of Gumby's semantic grid structure. We'll continue working with the example we started in the previous lesson, getting rid of as much unnecessary mess from our code as possible, plus we'll be using Sass to speed things up.Read More…
  • Web Design
    CMS
    Starting Our Tumblr Theme's Post Markup Tumblr 8 retina
    In this video tutorial we're going to begin the main area of our Tumblr theme's page. In fact, we'll be using the <main> element to do so, but as mentioned in previous videos, you're welcome to use whatever specific markup you feel is most appropriate.Read More…