]]>https://www.sitepoint.com/watch-create-elegant-and-responsive-bootstrap-buttons/feed/3Watch: Creating High Resolution Background Images with CSShttps://www.sitepoint.com/watch-creating-high-resolution-background-images-with-css/
https://www.sitepoint.com/watch-creating-high-resolution-background-images-with-css/#commentsMon, 14 Sep 2015 17:30:59 +0000http://www.sitepoint.com/?p=114645In this screencast Russ Weakley shows you how to create high resolution background images including at a 2x and 3x resolution for narrow and wide screens using the webkit-min-device-pixel-ratio and min-resolution media queries.

]]>https://www.sitepoint.com/watch-creating-high-resolution-background-images-with-css/feed/10Video: CSS Backgroundshttps://www.sitepoint.com/video-css-backgrounds/
https://www.sitepoint.com/video-css-backgrounds/#respondThu, 09 Jul 2015 18:00:15 +0000http://www.sitepoint.com/?p=109635The CSS background-image property allows us to apply one or more background images to any HTML element. In this video I will explain how to use the property, including how to write URL values correctly, and how to write local and absolute paths to images.

]]>https://www.sitepoint.com/video-css-backgrounds/feed/0Video: Borders on Bootstrap Columnshttps://www.sitepoint.com/borders-on-bootstrap-columns/
https://www.sitepoint.com/borders-on-bootstrap-columns/#commentsThu, 25 Jun 2015 06:00:49 +0000http://www.sitepoint.com/?p=108423In this video I'll show you how to add an equal height border to columns using Bootstrap.

]]>https://www.sitepoint.com/borders-on-bootstrap-columns/feed/5Video: Scalable Backgrounds in CSShttps://www.sitepoint.com/video-scalable-backgrounds-css/
https://www.sitepoint.com/video-scalable-backgrounds-css/#commentsFri, 22 May 2015 02:33:32 +0000http://www.sitepoint.com/?p=106038In this short video, I'll show you how to create a background container that scales seamlessly to fit any browser size.

]]>https://www.sitepoint.com/video-quantity-queries-action/feed/0Understanding the :empty Pseudo-Class (Screencast)https://www.sitepoint.com/understanding-empty-pseudo-class/
https://www.sitepoint.com/understanding-empty-pseudo-class/#commentsTue, 23 Sep 2014 18:00:32 +0000http://www.sitepoint.com/?p=91017Exploring and understanding the uses of CSS tags could lead you down a long and confusing road. You can learn to overcome your fears and thoroughly understand CSS tags and their uses. Watch as I demonstrate one of these tags, the :empty pseudo class.

This is one lesson from my latest course, CSS Selectors 2: Targeting HTML Like a Pro. Advanced selectors allow you to target different elements in an amazing variety of ways. By completing my course, you'll gain a detailed knowledge of a range of different selectors including the :lang pseudo-class, attribute selectors and structural pseudo-classes. With each selector you will learn the correct syntax, how they work and their browser support. Each aspect of the course includes detailed slides and hands on exercises.

]]>https://www.sitepoint.com/understanding-empty-pseudo-class/feed/8Screencast: Origin and Importance in the CSS Cascadehttps://www.sitepoint.com/screencast-origin-importance-css-cascade/
https://www.sitepoint.com/screencast-origin-importance-css-cascade/#commentsFri, 18 Jul 2014 18:00:23 +0000http://www.sitepoint.com/?p=85898"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.

]]>https://www.sitepoint.com/screencast-origin-importance-css-cascade/feed/2Screencast: CSS’s Adjacent Sibling Selectorhttps://www.sitepoint.com/screencast-css-adjacent-sibling-selector/
https://www.sitepoint.com/screencast-css-adjacent-sibling-selector/#commentsTue, 01 Jul 2014 18:00:13 +0000http://www.sitepoint.com/?p=84551The 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.

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.

]]>https://www.sitepoint.com/screencast-css-adjacent-sibling-selector/feed/5Inspect Element: Troubleshooting CSS in the Browserhttps://www.sitepoint.com/inspect-element-troubleshooting-css-browser/
https://www.sitepoint.com/inspect-element-troubleshooting-css-browser/#commentsFri, 23 May 2014 20:24:29 +0000http://www.sitepoint.com/?p=82174Anyone 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!