CSS-Tricks Video Screencasts Now Available
Alright I’m just gonna publish the link and see how it goes…
CSS-Tricks Video Screencasts
DISCLAIMER: These are my very first screencasts ever, so the quality is sort of rough, folks. I am going to keep at it though and I’m sure they will get better and more focused with time.
Also, I call them “podcasts” in the video, but it’s not really a podcast yet since I haven’t really figured out what I’m going to do about that. Ideally they will be subscribe-able through RSS (or maybe through iTunes?) at some point.
Loading ...
1
Hi,
could you create a .flv version, and integrate it into a flv player? I don’t want to install a quicktime plugin just to take a look. As for the flv player - http://www.jeroenwijering.com/?item=JW_FLV_Player
Comment by gog — February 7, 2008 @ 6:54 pm
2
@gog: I think I’m happy with the Quicktime workflow. That flash player is pretty slick, but it’s not really what I’m after. It’s too small and I don’t really need the side navigation thing. If enough people really really want flash, I can probably do that, but for now I think if people want to watch my free content, they can go through the trouble of installing a plugin.
Comment by Chris Coyier — February 7, 2008 @ 8:14 pm
3
I thought those videos were pretty informative. I enjoyed hearing your thought process and your organization methods.
Just one criticism is that you have a clear div with nothing in it solely to clear the float divs. You should remove that div and put the CSS property “overflow: auto;” on the div that surrounds the floats (think you called it main-content). This way it clears the floating divs with cleaner XHTML.
Also wondering your thoughts on CSS positioning. Saw that you didn’t use any and thought you could have used it in combination with z-index to place the TV so that the antenna was next to the link.
Anyway keep up the good work, hope to see more videos!
Comment by ray — February 8, 2008 @ 3:55 am
4
Hey Chris.
Cool to finally see it online.
Congrats on that.
all the best from germany, Oli
Comment by Oli — February 8, 2008 @ 5:04 am
5
Nice one Chris! This is a great idea.
Found this really useful to see the work flow. For a first go I’d say you aced it!
Keep them coming!
P.S. One on IE issues and how you go about cross browser checking would be good!
Cheers!
Comment by toby — February 8, 2008 @ 5:08 am
6
Keep it up Chris and I may have to rename my bookmark CSS-GOD
Comment by Tommy Day — February 8, 2008 @ 6:27 am
7
Great work. Really good. The videos were really helpful.
I am looking forward to see what you do next. Subscribed!
Maybe a little more volume next time but otherwise perfect.
Thanks
Comment by Neil MacLean — February 8, 2008 @ 12:35 pm
8
Hi Chris,
Do keep the flash player mentioned by gog in mind if you ever consider doing a flash version of your videos. The player is actually immensely customizable — you chose the size, the inclusion/exclusion of the playlist, the colors, the buttons available, and much more… all by setting or unsetting a few Javascript variables. I use it pretty extensively in my 9-to-5 job. And we store all our videos on S3, to tie it all in with your S3 post.
Comment by CSSnewbie — February 8, 2008 @ 6:44 pm
9
Hello Chris!!
First of all, great job and great idea on the videos, they are really more easy to follow than plain text exxamples.
Also that IE issues and cross browser checking suggestion will be really cool, cause I (and most likely a lot of people) am having a lot of porblems with IE.
Thanks for the videos and keep doing a great job!!!!
Comment by Oscar — February 10, 2008 @ 10:48 am
10
Thank you, everyone, for the encouragement and feedback. Stay tuned for a little refresh of the site look with easier access to the video section as well as a separate feed just for the videos.
Comment by Chris Coyier — February 10, 2008 @ 1:05 pm
11
Hello, me again!!!
Is there any way you can add HTML and CSS files just like you did with the Photoshop muckup?
I just think they will be really helpful to understand the lesson 100%
BTW I just recently started learning HTML and CSS and your videos are helping me a lot.
THANKS!!!!!
Comment by Oscar — February 10, 2008 @ 3:43 pm
12
@Oscar: I put up files for both the “conversion” screencasts as well as the new “forcing scrollbar” screencast. Hope that is helpful!
Comment by Chris Coyier — February 11, 2008 @ 11:05 am
13
Hello!!!
Yeah, I just noticed them and actually they are really helpfull.
Thanks for taking the suggestion into consideration and keep up the awesome work!!!
PURA VIDA!!!
Comment by Oscar — February 11, 2008 @ 11:10 pm
14
Hi Chris,
I just want to tell you that the Screen Cast are excellent!
But… Part2 and 3 are not accesible, are they offline?.
Keep up the good work!
Comment by Martin — February 15, 2008 @ 7:32 am
15
Hey Martin, glad you are enjoying them! I think maybe they were unavailable because Amazon S3 was down this morning. Hopefully that won’t happen very often.
Comment by Chris Coyier — February 15, 2008 @ 9:44 am
16
Aloha Chris,
I’m just curious, what do you use to create your screencasts? Thanks, and good job, btw!
Comment by Delilah Hinman — February 22, 2008 @ 4:40 pm