Archive for the ':focus' Category

A quick CSS3 sibling test with the video tag

1 Comment Published 1 year, 7 months ago in :absolute, :block, :focus, CSS, CSS3, display, HTML5, position, Quick Tips and Siblings Digg This

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 [...]

Get rid of the dotted lines on links with image replacement

2 Comments Published 5 years, 9 months ago in :focus, background, CSS, Firefox, JavaScript, Link, Quick Tips and text-indent Digg This

I don’t remember where I first found this tip (Hedger Wang?), but it’s a good one. If you are using image replacement, i.e. background images and negative text-indent, you may notice a dotted line appear when the link is clicked and waiting for the page to change (:focus). It’s outlining the text that happens to [...]

About

You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the ':focus' category.

Longer entries are truncated. Click the headline of an entry to read it in its entirety.

Latest

RSS

Archives

Categories