The Lodge

Lodge signups are closed. Doing a bit of restructuring! Existing members can still log in and access all content.

What is inside The Lodge?

There are over 225 videos in The Lodge. They are in four huge complete series.

Everything You Need To Know About SVG

Using SVG can be very simple, but if you start digging in, there is a lot to know about SVG. In this series you're going to learn why SVG is such an important part of building websites. From why SVG is useful and how to get your hands on it all the way to implementing it as a system and fancy stuff like animating it.

See the Table of Contents →

Learn jQuery from Scratch

This series will take you from zero to being confident in writing and working with jQuery and JavaScript.

See the Table of Contents →

Building a Mobile-First WordPress-Powered Artists Website

The complete process of designing an artist's website from a mobile-first perspective using WordPress as a CMS.

See the Table of Contents →

Who teaches these courses?

Your teacher in The Lodge is Chris Coyier. Chris is the founder of CSS-Tricks - which has been going strong as a web design and development community site since 2007. He has created countless WordPress sites as well as co-authored a book on WordPress.

Chris has worked for large scale web apps like SurveyMonkey and design focused startups like Wufoo. He co-founded CodePen, an online playground for HTML, CSS, and JavaScript. Chris also has a weekly podcast about all things web with Dave Rupert called ShopTalk. The man knows a few things about the web! (and also finds it weird to write about himself in third person).

What will I learn from these videos?

You’ll learn what real world modern web design and development is like. You’ll see each line of code get written (the how). Perhaps just as importantly, you’ll hear the thinking behind the choices being made in real time (the why). You can see everything come together and make a whole.

To be a bit more specific:

  • Working in Adobe Photoshop to create the look and feel of a website.
  • Learning how to turn mockups into real HTML and CSS.
  • Using HTML5 technology to enhance semantics and usability.
  • Using CSS3 technology for great lightweight visual effects.
  • Using jQuery to add interactivity and solve complex problems.
  • Using WordPress as a blog as well as a robust CMS.
  • Working with the best CSS preprocessor: Sass & Compass
  • Using a slew of software and tools to make developing faster and easier.
  • Critical thinking through design problems.
  • Exactly how this site makes money through advertising and how it’s integrated.
  • And that only scratches the surface! There is way more in this course than can be explained in a few bullet points.

How about a graphic to sum that all up:


What do I get as a member?

As a member of any level, you’ll get full anytime access to the entire library of videos. This is OVER 225 VIDEOS or NEARLY 70 HOURS of web design and development action. Videos are broken up into bits typically 10-15 minutes long. That makes it easy for you to jump around if you please to watch just the parts you may be most interested in. Videos are also accompanied by articles which explain what the video is about and typically provide code samples, links, and further explanation.

If you go for the Bear level, in addition to full access to the videos, you’ll also get all the original code written in the video, Photoshop files, and other source material.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed