Advanced CSS Design Resources – last-child.com

I haven’t been posting much to this blog for the past year. But that’s not because I’ve been lazy. I’ve been writing a lot of tutorials about creating more accessible web sites on the Yahoo! Accessibility Lab’s Code Library. You’ll find some great resources for using CSS, basic HTML, JavaScript, and ARIA.

Let’s assume you want to create a gradient background that starts at the top of the page and finishes at the bottom of your page header, i.e. is 100px tall. You can do this with a combination of CSS3 rules and avoid those ugly background images. First off, I’m going to use the excellent Colorzilla [...]

Yahoo! introduced the Graded Browser Support grid years ago to give developers a guideline on what browsers deserved the greatest amount of resources for debugging, hacking, and development. This has been well received amongst the developer community as a justification for not dwelling on obscure browsers, such as IE5.5 for mac. This has made our [...]

I am working on a little widget that uses the html5 video tag on one of my test sites: Fyvr.net. I wanted to display related information when the video is playing. The sibling selector makes this easy. Here’s the basic markup <li> <video>…</video> <p>…</p> </li> I wanted the paragraph to appear when the video is [...]

Are you working on an HTML5 project and using the latest YUI library from Yahoo? If so, you’ll be happy to know that you can use the modernizr functionality within the YUI3 code. This extension was added to the YUI Gallery by Pradhap Natarajan: Modernizr (gallery-modernizr). This is a wrapper for Modernizr library that is [...]