Grow your CSS skills. Land your dream job.

Links of Interest

Published by Chris Coyier

The Funkiest Ampersand's You Have Ever Seen

ampersand_header.gif
Spoon Graphics has an awesome roundup of funky ampersands. I mentioned in the comments a cool thing to "use the best ampersand available" is to wrap the ampersands in an unique class and then list your 10 favorite in your font-family declaration. Chances are, most visitors won't have your crazy fonts, but there is decent change that some of them will have at least one of them. And if not, they'll just get the default, no harm done.

 

Web Design Timeline

chart.png
I enjoyed this pie chart of time spent in web design.

 

Seam Carving

If you haven't seen a demo on this "seam carving" technique for re-sizing images, you gotta check it out. This particular demo let's you use any image you want to. If we could get this built into web browsers, that would be amazing. Can you image utilizing this for a fluid width layout? That like the the "flying cars" future of web design.

 

Entire Resizeable Webpage

Speaking of resizeable... This is years old but its like my example of resizeable images only with an entire web layout. Again, I realize that FF3 and the new Opera are already doing this automatically, but this was done well before that using the resizeablity of em's. Darn nice work if you ask me.

 

Em to Pixel Conversion Chart

And speaking of the resizeability of em's.... Here is a handy-dandy little conversion chart. Make sure you resize the text while you are there, you'll see an elastic width site in full action. Actually, all of Jon's site is elastic, nice.

Comments

  1. Permalink to comment#

    Dan Cederholm’s most recent redesign of SimpleBits is also entirely em-based and resizeable. It’s pretty nice. Em-based design is a growing trend I’ve been seeing around here and there. I’ve recently started working more in ems, myself, though I’m not yet to the level of an entire website. :)

  2. Permalink to comment#

    haha, I love that web design pie chart. Right on point.

  3. Permalink to comment#

    Cool Chart. I did an all em resizable website about a year ago. plagiarism.org. It’s nice because if your viewing the page 800×600 you can shrink the entire layout to fit perfectly with your resolution. However, I think this may go out of vogue pretty soon because new browsers are offering scaling built in. Also, often times you want just the text not the whole layout to resize.

    P.S.
    The Web Design chart is brilliant!

  4. baz
    Permalink to comment#

    haha, love the pie chart.

    Typically tho, i’d spend at least two thirds of the time getting the bastard to work in internet explorer, and swearing is a common occurrence throughout the whole experience.

This comment thread is closed. If you have important information to share, you can always contact me.

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