Some of you might know that I did a screencast series for Learnable.com that served as a companion piece to the book of the same name that I co-authored.
In that video series, I covered a number of the new CSS3 and HTML5 features, and one in particular that I haven’t written much about on this site is HSL (or HSLA) colors.
Below you’ll find the video originally titled “HSLA Colors”. In the Learnable series, this video is Step 2 of Lesson 7. Enjoy.
Viewing tip: Click the “change quality” icon (next to the “CC” icon) to select “720p HD” quality, and then use full screen. I can’t figure out how to embed YouTube videos in HD.
If something’s wrong with the embed above, here’s a direct YouTube link:
http://www.youtube.com/watch?v=A60HjujkzhI
Some related links:
- HSL colors on W3C
- HSLA colors on W3C
- HSLA colors on CSS3 Click Chart
- RGBa & HSLa CSS Generator for IE6-8 (mentioned in the video)
- Paul Irish’s HSL Tool
Source : http://www.impressivewebs.com/screencast-css3-hsl-colors
No comments:
Post a Comment