CSS-Tricks PSD to HTML: You Design - We XHTML

Links of Interest

CSS Qualified Selectors

cssqualifiedselectors
Shaun Inman has an idea for a submission to the CSS3 Working Group he is calling CSS Qualified Selectors. Definitely read the article to get the full low-down, but I’ll summarize: this is a way to add styling to a parent element based on its children. For example, if you have a list item that contains a visited link, right now you are only able to target the visited link with CSS such as “ul li a:visted”. With a qualified selector, you could instead target the list item with “ul li < a:visited".

This could be very powerful. For example, I just did a post on improved current field highlighting which would be obsoleted by this technique (it would no longer need javascript).

Eric Meyer already piped in (see article comments) on how this is unlikely to actually happen (booooooo). John Resig shows us that jQuery can already do this, and even with the same syntax if you want.

 

Down for everyone or just me?

downforall
Here is a handy-dandy little tool for checking if a website is really down, or down for just you.

 

Google Docs now supporting CSS

googledocscss
If anyone out there is using Google Docs, you may be pleased to know it is now supporting CSS as a means to style your documents. Using images either inline or through background-images is limited by some weird proprietary system though.

 

“Commands” Posters

coolposters
Really neat set of posters using some common Mac keyboard commands.


Theoretically Related Articles:

Discussion Elsewhere


Responses


  1. 1

    Gravatar

    Please tell me that is not Comic Sans in googledocscss.png. The horror, the horror…


    Comment by chet — May 6, 2008 @ 7:40 am

  2. 2

    Gravatar

    Well, how can I know if downforeveryoneorjustme.com is down for everyone or just me?


    Comment by Kevin Yung — May 6, 2008 @ 9:48 pm

  3. 3

    Gravatar

    @chet: I does look like it doesn’t it? Not my work, rest assured =)

    @Kevin: That’s the eternal question, isn’t it? =)


    Comment by Chris Coyier — May 7, 2008 @ 7:33 am


Leave a comment

Sick of typing in all this info everytime you comment? Register or Login and save yourself time!

LINKS: You can use <a href="">LINK</a> tags here.
CODE SAMPLES: Please wrap code samples in BOTH <pre> and <code> tags.

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.