Browsing Tag

psd to html

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)

A couple weeks ago, we learned how to create a comic book theme web design over at our sister-site, Webdesigntuts+. Today, we’ll tackle the second part: it’s time to slice the design and turn it into a functional HTML layout, ready to be ported to any CMS. Let’s get started!

Build a Sleek, Dark Mobile App Website: New Premium Tutorial
plus

Build a Sleek, Dark Mobile App Website: New Premium Tutorial

Not long ago, on Webdesigntuts+, we demonstrated how to design a sleek mobile app website interface in Photoshop. Today, in this Premium tutorial, we’ll turn that design into a working website.

Become a Premium member to read this tutorial, as well as the hundreds upon hundreds of other advanced tutorials and screencasts from across the Tuts+ network.

Convert a Warm, Cheerful Web Design to HTML and CSS
videos

Convert a Warm, Cheerful Web Design to HTML and CSS

Not long after our newest Tuts+ site, Webdesigntuts+, launched, they posted an excellent tutorial that details the process of designing a warm and cheerful home page in Photoshop. After high demand, we’ll take that completed design and convert it into a standards-compliant HTML and CSS web page. Along the way, we’ll review a variety of nifty techniques that will help you to improve your own workflow.

Even better, when we hit 80,000 RSS subscribers, we’ll take things even further and convert the finished product into a custom WordPress theme.

preview

Design and Code Your First Website in Easy to Understand Steps

In this tutorial, we’re going to design and code our first website in simple, easy steps. This tutorial was written for the beginner with the hope that it will give you the tools to write your own standards-compliant websites! It’s a brand new week; maybe it’s time to learn a new skill!

From PSD to HTML
basixvideos

Converting a Design From PSD to HTML

Several weeks ago, I showed you how to take a PSD design and convert it into HTML and CSS. Given the popularity of that particular tutorial, I’ve decided to create a second series. However, I’m not much of a designer. Instead, I asked Collis if he would allow me to use the design that he used for a recent tutorial for Web Design Week.

Just like last time, I’ll take you through the process step by step – even through the tedious parts. Enjoy!