Are you interested in a video stream of a website being built from scratch geared towards beginners?

I’ve been thinking about doing this for a while. CSS-Tricks has really helped me come a long way the last 2 years or so and I’ve been thinking of giving back.

Basically what I would do is use a stream service like Justin.tv to stream the creation of a website live to viewers. Viewers can use the chat service and ask questions and discuss with each other as I build and I can answer questions explain why and how to do certain things. I would start building from scratch and use a mock and at the end we’d have a full site.

These will be sort of like Chris Coyiers screencasts #12-#14 about converting a photoshop mock into a website.

The goal would be to help beginners/intermediates to learn the flow of creating a site, ways to build faster, best practices, things to look out for, and hopefully make web development a bit clearer. When starting out, a lot of things can be confusing.

If there’s enough interest, maybe I’ll make it a weekly thing where there’s a new topic of focus each week, but who knows.

I’d be interested in both subscribing and helping :)
Although live audiences would be a severe limitation for several reasons
Different timezones will cut out a lot of viewers
Beginners won’t be able to keep up with the ability to pause and rewind
Bandwidth will be a big issue also

Different time zones isn’t an issue. Justin.tv keeps archives so anyone at any time can go back and re-watch it from beginning to end. If you can’t watch it live, you can’t watch it live. That doesn’t mean you can’t watch it though. Bandwidth is not an issue either.

One thing I’ll have to make sure I do is that when I answer a question, to state what the question is before answering so anyone watching from the archives can know what was asked so they know what I’m talking about.

with html5 video you can trigger events at certain points during playback
lets saying you’re working on a piece of code 10 minutes into the video, you can then use JavaScript to display the code under the video for the viewer to copy, or if you talk about a site you can show a link at that specific time of the video

This is fairly new so it will give you an edge if you get it done nicely :D

I think you might have skipped over a bit when reading my post initially. My goal is to stream how to build a website, kind of link Chris Coyier’s Screencasts #12-#14 about converting a photoshop mock into a website, but instead of uploading a video, I would do it live so people can ask questions in real time.

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.