Converting Photoshop Web Template File To HTML/XHTML/CSS Web Page File Video Tutorial

In these videos tutorial, you will learn how to convert photoshop web template file in .PSD to HTML file and Css file.

These videos are form css-tricks.com. The video tutorials have 3 parts and they’re great video tutorials, you’ll learn how to convert file from photoshop to HTML and Css file and how to code Css file at the same time.

Google Analytics is a free service to track all sorts of information about the visitors to your website. I recently had a weird experience with the Analytics on CSS-Tricks, so I thought it would be a good time to introduce it to folks who might not already know much about it and also share that experience. As with most things, it has its ups and downs, so I introduce an alternative product at the end as well.

Running time: 26 minutes

Direct Download

Managing web content has always been tricky, but with WordPress, any web designer can have a flexible, free and powerful CMS to use not just on blogging projects, but on all sorts of websites. In How To Be a Rockstar WordPress Designer you will learn step by step how to take a straight HTML site and power it with WordPress.

Minisudoku.nl Clone




Download Links

PayPal, love it or hate it, is easiest way to send and receive money online. In this screencast we go through how to create a Buy Now button, which uses a custom email address, has a custom header, custom thank you page, and is custom styled. Of course we touch on a few other tips and tricks along the way.

At the end, I (randomly) quickly introduce a cool free download that contains a fully working Ruby on Rails application that interfaces with an included iPhone application.

Running time: 28:35 minutes

Introduction:

This is the start of a three-part series on building a website. This will be a real website for a musician friend of mine, who’s website I happen to ruin during a routine WordPress upgrade. In part 1, we start from absolute scratch in Photoshop, with just a few provided resources from the client. We design the homepage and skin for the site, according to new needs that the client has, the feel he wants to project, and keeping true to the tradition and history of the site.

In part 2 of this series, we begin the HTML/CSS conversion of the Photoshop mockup we created in part one. We start with a very skeletal project framework. Then we take a look at the Photoshop file layer organization. Then we start from the bottom up, creating the pieces we need from the Photoshop file and writing the HTML and CSS we need to get the job done. Much of the work isn’t actually “slicing” the Photoshop file, but looking closely at it and trying to mimic what is done there with correct markup and CSS techniques.

In part 3 of this series, we take the HTML and CSS that we have already created for this design, and convert it into a WordPress theme. We start with a completely “blank” WordPress theme, then take different parts of the HTML and put them where they need to be in the theme. We are careful to keep as much dynamic WordPress stuff in there as possible, for example, dynamically creating the menu, loading jQuery the smart way, and more.

1000 Hacker Tutorials 2008 (Full Version)

8MB | Complete list on next page