Grow your CSS skills. Land your dream job.

Links of Interest

Published by Chris Coyier

C.S.I in XHTML and CSS coding.

csi-coding.png
Dor Dan has a nice article on keeping both your HTML and CSS clean with a consistent system of Comments, Spacing, and Indents. Now that's some beautiful code.

 

Detailed Look at Stacking in CSS

stacking-order.jpg
Tim Kadlec takes an in-depth look at the "stacking order" of the z-index parameter in CSS. Z-index is, unfortunately, one of those things that is not as simple as it should be. The one that gets me all the time is the priority of positioned elements, something that can be dealt with by actually applying negative z-index values.

 

Fix Safari’s BG Bug

safari-bg-bug.png
Jonno Riekwel reminds us of Safari's buggy way of ending the background image short of the end of the page. The quick fix is to add your background to the HTML element as well as the body, as Safari by default renders the HTML element at 100% height (unlike it does with the body element).

 

Domain forwarding in Apache

George Ornbo shows us how to alter configuration files to forward multiple domains onto a single domain. There are, of course, many ways to do this, but this is one of those ways that stays "Search Engine Friendly" and will not penalize you for duplicate content on those extra domains. I just found the "monkey school" references funny... I have had many many clients buy a bunch of domain names and ask me to do this for them. Now I am going to think of monkeys next time instead of the nearest weapon.

 

PDF Me Not

pdfmenot.png
Darn slick way to embed PDF files right onto a webpage. Check it out:

 

XHTML 2 vs. HTML 5

I've linked to articles like this in the past from both IBM and A List Apart, but this one is even better than those were. Mike Malone compares the two new specs with a pretty open mind. I used to be a HMTL 5 kinda guy, but I'm slowly changing my tune. I really love a lot of the new elements like nav and figure, but XHTML 2 has some even awesome-er features like the fact that any element can be an image and/or a hyperlink.

Comments

  1. CSS Queen
    Permalink to comment#

    In the “Fix Safari’s BG Bug”, i don’t know the author’s safari version,because i testing on my Safari 3.1(pc),no this bug display.

  2. Permalink to comment#

    I was looking for a way to utilize the custom fields in WP to show post thumbnails. Thanks a lot Chris

  3. Hey! Thank you for linking back to my article on using JavaScript libraries. You have a great blog. Good work!

  4. Permalink to comment#

    Thanks for the generous shouts, Chris! Much appreciated! :)

  5. I really love Noupe, it help me with many things, and because Noupe I found Css-Tricks!

  6. Bill Gates
    Permalink to comment#

    Who needs lorem2 when lipsum.com works great?

  7. Canaan Zeigler
    Permalink to comment#

    I agree, I use lipsum.com all the time. Works great because you can tell it how many paragraphs you want, how many words, how many bytes and even how many lists.

  8. I've been meaning to get up to date on the double background thing, and by glancing over the article, it looks like it's going to help me in the long run.

    Like the article says, there's a fine line between using 100% semantic code and a good design. I feel that this extra line of HTML code (empty div) is not that obtrusive and will gladly use this for the future. So thanks for the info.

  9. Dig the Lorem2 site!

    I'm still pretty fond of the Corporate Ipsum from doubleforte.net, but Lorem2 will be a definite go-to for list items.

    Thanks!

    -Jason

Leave a Comment

Current day month ye@r *

*May or may not contain any actual "CSS" or "Tricks".