If I created a video showing how I build an xhtml/css website...would you watch it?

absbica · 01-13-2009, 09:08 AM

Since xhtml/css is my thing...I am going to build out one of my clients homepages from photoshop all the way through the xhtml/css. I am going to video document the whole process.

When I am done, does anyone here have an interest in seeing it?

You will see me splicing the images, explaining WHY I am doing what I am doing, then hand coding the actual code, so you can see why I structure things the way I do, what CSS I implement, and you will watch me preview the work in the browsers.

In total, I expect it to be a 1+ hour video total.

I did a 17 min clip of splicing the images last night and it turned out to be 190mb...so that sucks, but its my first time using camtasia.

UPDATE

This is part 1 of 3. In total, it took me just under 2 hours total to build this page out, but that includes my commentary, explanations, etc...

==UPDATE #2===

The first 2 videos have been updated for better file size. Part 3 is on its way.

Part 1 PSD to HTML - Part 1
Part 2 PSD to HTML - Part 2
Part 3 PSD to HTML - Part 3

I do apologize, some of the audio is off around the 20min + mark. My voice is probably 20 seconds ahead. I will try and fix that tonight if possible.

thx

zhanly · 01-13-2009, 10:03 AM

people who learn xthml/css will definitely want to see your video, so go ahead and make it.

Andy Hart · 01-13-2009, 11:57 AM

I'd defiantly be interested in seeing it, I can create sites in PS and slice but I always struggle when structuring it in dreamweaver, so I'd love to see how its done properly instead of my hacks!

let me know if you go ahead

thanks
andy

absbica · 01-13-2009, 12:31 PM

cool. Well, dreamweaver is exactly what I use so you are in luck.

dukeoferl · 01-13-2009, 01:03 PM

I'd be very interested in watching it.

Always looking to learn something new.

Valdor Kiebach · 01-13-2009, 01:08 PM

I would love to watch this as i dont use even half the features available in css and xhtml, especially div tags.

Darren Mothersele · 01-13-2009, 06:52 PM

Valdor - you don't use div tags? Really? is that a joke?

2009 is the year that IE6 dies. It is also the year that (finally) semantic, accessible, XTML/CSS based designs will become the norm.

Anything we can do the push the cause it a good thing, absbica, produce your vid and get it out there!

absbica · 01-14-2009, 09:19 AM

Alright, delivered as promised.

This is part 1 of 3. In total, it took me just under 2 hours total to build this page out, but that includes my commentary, explanations, etc...

Created with Camtasia Studio 5

Let me know what you think thus far!

Thanks,
Bryan

Andy Hart · 01-14-2009, 09:32 AM

Im gonna watch this later tonight, and Ill report back thanks absica

andy

absbica · 01-14-2009, 09:42 AM

sweet! thanks!

Andy Hart · 01-14-2009, 11:01 AM

lol, just watched the first 3 minutes and eeerrrmmmm "barbie girl" ?? lol

Ok so before I carry on watching just wondering where the first video is that you reference in this video (you mention the "first video" where you use PS and slice the images) are you gonna make that one available??

thanks
andy

absbica · 01-14-2009, 11:06 AM

Yea, I was trying to start off being funny and loosen up the crowd with rediculous music!

the first video is 17 min long and has no audio, but shows me splicing the graphics. I planned on doing an audio overlay to explain what I was doing.

So yea, I will make it available..just need to talk over the video. I can send you the link via PM, it just has no audio

Andy Hart · 01-14-2009, 11:12 AM

oh ok cool, if you add audio let me know.

BTW the video so far is great stuff

thanks
andy

absbica · 01-14-2009, 11:59 AM

fantastic.

first real video...so I apologize for any issues.

audio quality good?

maxsynergy · 01-14-2009, 12:59 PM

Good video for beginners, I would remove the first minutes where you are playing random music.

absbica · 01-14-2009, 01:19 PM

thanks. I was trying to be funny and offer some humor up front

absbica · 01-14-2009, 01:43 PM

Here is Part 2 of my series

The site starts coming together.

enjoy.

absbica · 01-14-2009, 05:01 PM

Ok everyone, here is part 3 and the final of my series

Hope you enjoy

Jesus Perez · 01-15-2009, 08:40 AM

This thread and the videos are golden. It's always nice to see how other designers work. Thanks for putting out the effort.

absbica · 01-15-2009, 09:18 AM

Thanks Bluesquares. I appreciate it.

I am just waiting for someone to come on and say "NO NO NO you are doing it all wrong...this sucks, that sucks..why are you doing it that way...blah blah"

maxsynergy · 01-15-2009, 10:48 AM

Quote:

Originally Posted by absbica

thanks. I was trying to be funny and offer some humor up front

That's ok but some people like me would like to go directly to the subject and watch you playing some random music.

Good job.

absbica · 01-15-2009, 04:20 PM

I hear you.

I actually removed it from this version (since I am messing with settings, getting the file size down,e tc...)

PSD to HTML Conversion Process - Step by Step

absbica · 01-17-2009, 11:03 PM

The first 2 videos have been updated for better file size. Part 3 is on its way.

Part 1 PSD to HTML - Part 1
Part 2 PSD to HTML - Part 2
Part 3 PSD to HTML - Part 3

Greenfish Studios · 01-17-2009, 11:33 PM

Hey thanks for these videos. I actually watched them all and picked up a few new tricks. thanks again.

absbica · 01-17-2009, 11:46 PM

fantastic. Glad they helped.

absbica · 01-17-2009, 11:48 PM

Quote:

Originally Posted by Greenfish Studios

Hey thanks for these videos. I actually watched them all and picked up a few new tricks. thanks again.

I see your portfolio site uses .html page extensions. Whenever I see that, I assume each page is static...though using SSI its possible to be using includes for repeating content.

However, I just put this up earlier:
New video - Take a page from HTML to PHP in 10 minutes

Greenfish Studios · 01-18-2009, 12:24 AM

Thanks for that, i used to do that all the time. I have only been back to designing for 3 months now after a 3.5yr break

things have changed so much i am just playing catch up now.

01-13-2009, 09:08 AM	#1
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	If I created a video showing how I build an xhtml/css website...would you watch it? Since xhtml/css is my thing...I am going to build out one of my clients homepages from photoshop all the way through the xhtml/css. I am going to video document the whole process. When I am done, does anyone here have an interest in seeing it? You will see me splicing the images, explaining WHY I am doing what I am doing, then hand coding the actual code, so you can see why I structure things the way I do, what CSS I implement, and you will watch me preview the work in the browsers. In total, I expect it to be a 1+ hour video total. I did a 17 min clip of splicing the images last night and it turned out to be 190mb...so that sucks, but its my first time using camtasia. UPDATE This is part 1 of 3. In total, it took me just under 2 hours total to build this page out, but that includes my commentary, explanations, etc... ==UPDATE #2=== The first 2 videos have been updated for better file size. Part 3 is on its way. Part 1 PSD to HTML - Part 1 Part 2 PSD to HTML - Part 2 Part 3 PSD to HTML - Part 3 I do apologize, some of the audio is off around the 20min + mark. My voice is probably 20 seconds ahead. I will try and fix that tonight if possible. thx
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog Last edited by absbica; 01-14-2009 at 01:44 PM. Reason: Added Video link part 2

01-13-2009, 11:57 AM	#3
Andy Hart Still Driving Forward War Room Member Join Date: Nov 2007 Location: Manchester, UK Posts: 599 Thanks: 130 Thanked 52 Times in 43 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? I'd defiantly be interested in seeing it, I can create sites in PS and slice but I always struggle when structuring it in dreamweaver, so I'd love to see how its done properly instead of my hacks! let me know if you go ahead thanks andy
	I'm On Google + ------------- and of course Also On Twitter "The only thing thats keeping you from getting what you want is the story you keep telling yourself about why you can't have it"- Tony Robbins

01-13-2009, 12:31 PM	#4
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? cool. Well, dreamweaver is exactly what I use so you are in luck.
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-13-2009, 01:03 PM	#5
dukeoferl Active Warrior Join Date: Dec 2008 Posts: 30 Thanks: 1 Thanked 1 Time in 1 Post	Re: If I created a video showing how I build an xhtml/css website...would you watch it? I'd be very interested in watching it. Always looking to learn something new.

01-13-2009, 01:08 PM	#6
Valdor Kiebach Howdy War Room Member Join Date: Jan 2008 Location: England Posts: 713 Thanks: 59 Thanked 22 Times in 19 Posts Social Networking	Re: If I created a video showing how I build an xhtml/css website...would you watch it? I would love to watch this as i dont use even half the features available in css and xhtml, especially div tags.
	Watch this space..........

01-13-2009, 10:03 AM	#2
zhanly Active Warrior Join Date: Dec 2008 Posts: 30 Thanks: 0 Thanked 1 Time in 1 Post	Re: If I created a video showing how I build an xhtml/css website...would you watch it? people who learn xthml/css will definitely want to see your video, so go ahead and make it.

01-13-2009, 06:52 PM	#7
Darren Mothersele PHP & Drupal Ninja Join Date: May 2007 Location: London, United Kingdom. Posts: 108 Thanks: 11 Thanked 18 Times in 14 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Valdor - you don't use div tags? Really? is that a joke? 2009 is the year that IE6 dies. It is also the year that (finally) semantic, accessible, XTML/CSS based designs will become the norm. Anything we can do the push the cause it a good thing, absbica, produce your vid and get it out there!
	Drupal Developer

01-14-2009, 09:19 AM	#8
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Alright, delivered as promised. This is part 1 of 3. In total, it took me just under 2 hours total to build this page out, but that includes my commentary, explanations, etc... Created with Camtasia Studio 5 Let me know what you think thus far! Thanks, Bryan
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 09:32 AM	#9
Andy Hart Still Driving Forward War Room Member Join Date: Nov 2007 Location: Manchester, UK Posts: 599 Thanks: 130 Thanked 52 Times in 43 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Im gonna watch this later tonight, and Ill report back thanks absica andy
	I'm On Google + ------------- and of course Also On Twitter "The only thing thats keeping you from getting what you want is the story you keep telling yourself about why you can't have it"- Tony Robbins

01-14-2009, 09:42 AM	#10
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? sweet! thanks!
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 11:01 AM	#11
Andy Hart Still Driving Forward War Room Member Join Date: Nov 2007 Location: Manchester, UK Posts: 599 Thanks: 130 Thanked 52 Times in 43 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? lol, just watched the first 3 minutes and eeerrrmmmm "barbie girl" ?? lol Ok so before I carry on watching just wondering where the first video is that you reference in this video (you mention the "first video" where you use PS and slice the images) are you gonna make that one available?? thanks andy
	I'm On Google + ------------- and of course Also On Twitter "The only thing thats keeping you from getting what you want is the story you keep telling yourself about why you can't have it"- Tony Robbins

01-14-2009, 11:06 AM	#12
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Yea, I was trying to start off being funny and loosen up the crowd with rediculous music! the first video is 17 min long and has no audio, but shows me splicing the graphics. I planned on doing an audio overlay to explain what I was doing. So yea, I will make it available..just need to talk over the video. I can send you the link via PM, it just has no audio
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 11:12 AM	#13
Andy Hart Still Driving Forward War Room Member Join Date: Nov 2007 Location: Manchester, UK Posts: 599 Thanks: 130 Thanked 52 Times in 43 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? oh ok cool, if you add audio let me know. BTW the video so far is great stuff thanks andy
	I'm On Google + ------------- and of course Also On Twitter "The only thing thats keeping you from getting what you want is the story you keep telling yourself about why you can't have it"- Tony Robbins

01-14-2009, 11:59 AM	#14
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? fantastic. first real video...so I apologize for any issues. audio quality good?
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 12:59 PM	#15
maxsynergy Warrior Member Join Date: Jan 2009 Posts: 25 Thanks: 0 Thanked 0 Times in 0 Posts	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Good video for beginners, I would remove the first minutes where you are playing random music.
	http://www.maxsynergy.com Design Portfolio

01-14-2009, 01:19 PM	#16
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? thanks. I was trying to be funny and offer some humor up front
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 01:43 PM	#17
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Here is Part 2 of my series The site starts coming together. enjoy.
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-14-2009, 05:01 PM	#18
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Ok everyone, here is part 3 and the final of my series Hope you enjoy
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-15-2009, 08:40 AM	#19
Jesus Perez Senior Warrior Member War Room Member Join Date: May 2008 Location: South Florida Posts: 3,062 Blog Entries: 8 Thanks: 347 Thanked 983 Times in 491 Posts Social Networking	Re: If I created a video showing how I build an xhtml/css website...would you watch it? This thread and the videos are golden. It's always nice to see how other designers work. Thanks for putting out the effort.
	Warrior Banner Alert System: Get Instantly Emailed when WF Banner Slots Open Up Wordpress Sales Page Theme: Create Salesletters, Reviews, Squeeze Pages Wordpress One Time Offer Plugin: Expiring countdown timers for Wordpress Wordpress Exit Popup Plugin: Unstoppable Exit Popups for Wordpress My Blog

01-15-2009, 09:18 AM	#20
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Thanks Bluesquares. I appreciate it. I am just waiting for someone to come on and say "NO NO NO you are doing it all wrong...this sucks, that sucks..why are you doing it that way...blah blah"
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-15-2009, 04:20 PM	#22
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? I hear you. I actually removed it from this version (since I am messing with settings, getting the file size down,e tc...) PSD to HTML Conversion Process - Step by Step
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-17-2009, 11:03 PM	#23
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? The first 2 videos have been updated for better file size. Part 3 is on its way. Part 1 PSD to HTML - Part 1 Part 2 PSD to HTML - Part 2 Part 3 PSD to HTML - Part 3
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-17-2009, 11:33 PM	#24
Greenfish Studios Warrior Member Join Date: Jan 2009 Posts: 17 Thanks: 1 Thanked 1 Time in 1 Post	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Hey thanks for these videos. I actually watched them all and picked up a few new tricks. thanks again.
	Jeremy Shepherd Greenfish Studios Graphic and Website Design Go Green Keep Earth Clean

01-17-2009, 11:46 PM	#25
absbica IM Newbie always learning Join Date: Dec 2008 Location: Indianapolis Posts: 300 Thanks: 36 Thanked 12 Times in 11 Posts Social Networking Contact Info	Re: If I created a video showing how I build an xhtml/css website...would you watch it? fantastic. Glad they helped.
	Web Design and Development - Absolute Bica, LLC \| Portfolio \| Blog

01-18-2009, 12:24 AM	#27
Greenfish Studios Warrior Member Join Date: Jan 2009 Posts: 17 Thanks: 1 Thanked 1 Time in 1 Post	Re: If I created a video showing how I build an xhtml/css website...would you watch it? Thanks for that, i used to do that all the time. I have only been back to designing for 3 months now after a 3.5yr break things have changed so much i am just playing catch up now.
	Jeremy Shepherd Greenfish Studios Graphic and Website Design Go Green Keep Earth Clean