Russ Weakley is a world-renowned author, speaker and CSS expert, with a detailed knowledge of web design and development. Russ chairs the Web Standards Group (WSG) and produced a series of widely acclaimed Learnable tutorials on CSS. He is currently touring a series of Responsive Web Design workshops around Australia.

Russ's articles

  1. Screencast: Origin and Importance in the CSS Cascade

    “Origin & Importance” is one of the four steps of the CSS Cascade. This step determines which declaration will win — between author, user, and browser (or user-agent) styles.

    It also determines which declarations will win between normal and important.

    This video is just a small part of my course “Understanding the CSS Cascade” on Learnable.com.

    Over a series of five lessons in this course, you will learn the four Cascade steps — used to determine how browsers sort declarations to determine their priority.

    Hope to see you there!

  2. Screencast: CSS’s Adjacent Sibling Selector

    The adjacent sibling selector is an often forgotten, but useful selector. In this video, I will demonstrate the selector’s syntax and how it works, with a real-world example.

    This video is taken from my course “CSS Selectors: Getting Started” on Learnable.com.

    Over a series of five lessons in that course, you will gradually build a CSS layout using 15 different types of selectors. You’ll gain an understanding of how these different selectors work, as well as how powerful CSS selectors can be. The course is for CSS beginners, and those who want to brush up on their selector knowledge.

  3. Inspect Element: Troubleshooting CSS in the Browser

    Anyone who uses CSS will eventually have to deal with browser layout issues at some point in time. But how do you solve these layout issues? One way to solve many layout issues is to use in-built browser functionality called “Inspect Element”. This lets you check out individual elements and the relevant CSS associated with these elements.

    This video will introduce you to the Inspect Element functionality as well as explaining how it can be used to help troubleshoot CSS issues.

    If you would like to learn more about CSS troubleshooting, check out my new course called CSS Troubleshooting in 6 Easy Steps on Learnable. The course is designed for beginners and those who have struggled with CSS layout issues in the past. Hope to see you there!

  4. CSS3 rem units

    Supported by all modern browsers, the CSS3 rem unit allows font size and other properties to be specified against the root element, not just the parent, as is the case for the em unit. In this short five minute video, I’ll give you a succinct overview of what rem units are, their advantages compared to […]