New Training Course – Animating with Snap.svg

Another course has been completed and released into the wild on TutsPlus. And this one’s a lot of fun. In Animating with Snap.svg, I cover the basics of using the Snap.svg Javascript framework to animate the bits and pieces of an SVG graphic on the web. By the end of the course, you’ll know how to pull the current date and time and use it to animate an SVG clock.

This course was a blast to create, and hopefully you can find something useful in it to help you with your own animations.

Become a CSS Layout Ninja by Understanding the Box Model

The CSS box model isn’t always completely intuitive in the way the works. For example, have you ever changed the thickness of a button border only to discover that your entire layout has fallen apart?

In my new TutsPlus video training course, Understanding the CSS Box Model, I lay the smack down on the mysteries of CSS layout and design. So if you’re struggling to keep¬†your columns lined up and positioned where they need to be, stop by TutsPlus and check out my new course.

New Training Course – ASP.NET MVC for Designers

I know what you’re thinking. Designers don’t have to worry about ASP.NET. You just have to worry about Photoshop, HTML, CSS, and occasionally JavaScript, right?

Well, for the most part, you’re right; but web designers don’t live in a vacuum. I work on a team of developers, for example, with a single designer on the team who is usually in charge of skinning our apps for new clients. And where does he do most of the skinning? You guessed it: in Visual Studio. We have a core web framework that we start with, and that framework is built on the ASP.NET MVC framework. So our illustrious designer was compelled to learn at least enough of the MVC framework to plug in the HTML and CSS where it was needed.

Inspired by my designer friend, I’ve created a course called ASP.NET MVC for Designers, which was just released by TutsPlus. So if you’re a designer, and you find yourself in need of a quick ASP.NET MVC rundown, this is the course for you.

Semantic HTML – Your Content is a Mysterious Box

Browsers don’t speak English. They don’t understand your content, and they can’t parse your intentions. Even if your users know perfectly well what you’re going on about, they may never lay eyes on your website¬†if web crawlers and search engines can’t see inside the mysterious box of content that you haphazardly threw together and posted online.

Even though the greenest web designers and developers may be familiar with the phrase “semantic markup”, many of them don’t understand the extent to which it affects their websites.

In my latest TutsPlus video course, Semantic HTML: How to Structure Web Pages, I cover the basics of what semantic HTML is and why it’s crucial to be more deliberate in the way your structure your markup. Even if you hire the best copywriter in the world, your content may never find it’s intended audience if you don’t structure it in a way that makes sense to machines.

The Matrix has you.

The Future of CSS – Where We’re Going, We Don’t Need Roads

There is nothing permanent except change.

The only thing in web design that stays constant is that things are always changing, and that’s especially true when it comes to HTML and CSS specifications. In my new TutsPlus course, The CSS of the Future, I talk about some of the CSS features that we may be able to look forward to in the near future.

Check it out, and let me know what you think.

Web Design in Motion

Another course finished. Another course published. Learn everything you need to know about animating with CSS with my new TutsPlus course, Advanced CSS3 Animations.

A quick note. If you are a student of any of my courses and you have any suggestions, please please please feel free to drop me a line. I’m open for constructive criticism as well as suggestions for future courses. And as always, thanks for stopping by!

Parallax Scrolling – The Illusion of Depth

Strap on your space suit and double-check your O2 levels. Tutsplus has just released my latest video training course, Parallax Scrolling for Web Design.

In this course, I cover the basics of using jQuery and the Parallax.js framework to create the illusion of depth with parallax animations for the web. This course was a lot of fun to put together. So check it out, and let me know what you think!

A Strong Foundation for Responsive Design

If you’re not familiar with the Foundation web framework, it’s definitely worth checking out. The friendly folks at Zurb have created a front-end framework that’s really easy to use. For those of you familiar with Bootstrap, Foundation is a very similar offering. And just like Bootstrap, it’s absolutely free.

Why am I telling you all of this? I’m glad I asked.

TutsPlus has just released a new video training course called Responsive Web Design with Foundation, and it was authored by none other than Yours Truly. So give it a look, and let Yours Truly know what you thought of it.

The Vintage Web

Another classic Craig Campbell training series is on the books! Mastering Retro Web Design is now live on In this course, I walk you through the design of a retro-themed web design using Photoshop.

I don’t want to oversell this, but I feel I should mention that this course contains a sandwich with a mustache and a laser gun. If that doesn’t have you throwing your money at Tutsplus, then I don’t know what will!