Convert a Photoshop mockup for your website design

Convert a Photoshop mockup for your website design

Watch this video series to learn how to start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website.

You'll see how to convert a Photoshop mockup to an HTML/CSS website and work with the header/menu section of the Internet site. You'll center the site and learn to wrap an entire page and focus on the main content page.

Then, in the fourth video, you'll learn how to create a design from a blank document in Adobe Photoshop.

Next, see how to convert that Photoshop mockup again with more how to videos on the web design subject.

Hosted by ign.com
Creator's Site: www.css-tricks.com
Now Playing: Part 1 of 7
01 02 03 04 05 06 07
Share
Playlist
Favorite
Grade
Flag

More Top Grade How To Videos & Articles in HTML / XHTML / CSS

view all

Comments

+1
motogp 1 year ago
Nice :D
+1
letika 11 months ago
You can make order here http://www.htmlcut.com and get your files in 24 hours.
add a new comment
Add your comment:
Follow Us On Twitter

New Wonderment

view all

No Lightsaber Required: DIY Jar Jar Binks Salad

Yum, geekdom fun. A Jar Jar salad. Wonderfully silly How-To from Only Knives: "A side dish from the Dark Side: Sculpt Jar Jar Binks out of a root vegetable." You'll need some serious ...

Sculpt Melted Cassette Tape Puddles Into Skulls

Cool cassette tape art by Atlanta based artist Brian Dettmer. From Design Boom: "...Dettmer was walking down the street he spotted a dead bird and an idea hit him. ‘here was this thing that used ...

This Dude Builds Glaciers. Here's How.

Most DIY freaks do-it-themselves because they love it. Because they're curious, creative, and like to take the long road (or figure out an ingenious short cut). In the case of Chewang Norphel (aka the ...

DIY Contortionist-Cycle

Finally, a well designed solution to studio-style living. The Contortionist bicycle. London-native Dominic Hargreaves, unhappy with the available options, designed this folding bike himself (true DIY ...

Flickr Photos Reveal Harvard's True Colors

Cartograms are usually pretty mundane, but throw in Flickr, Photoshop, and a well-known public place and you have an artistic representation of popular colors. Much more eye-grabbing than your common ...

loading...