Comments on: Adding Depth with Pixel Perfect Line Work

By: Kevin

Kevin — Tue, 22 Jun 2010 02:45:52 +0000

Can anyone direct me to some tutorials on this? Would love to add this to my work..

By: nikhil

nikhil — Sat, 20 Feb 2010 12:51:28 +0000

wow !!! thts gr8. Its just add more beauty to design….

thnx for sharing it

By: Michael Dick

Michael Dick — Fri, 15 Jan 2010 17:36:50 +0000

Thanks for showcasing my website and adding the kind words!

By: Gisela

Gisela — Thu, 07 Jan 2010 11:22:12 +0000

I also wanted to know how they do these lines, the different techniques available!

By: Paul Ehrenreich

Paul Ehrenreich — Mon, 04 Jan 2010 10:59:45 +0000

I looked over some of the examples like icondock and uxboth to make lines pop. Are they adding those 1px lines to the images themselves? or they adding them via CSS?

By: Jannis Gerlinger

Jannis Gerlinger — Mon, 04 Jan 2010 10:12:18 +0000

this is the pixel extra which makes it perfect!

By: Paul Liversidge

Paul Liversidge — Sun, 03 Jan 2010 23:26:28 +0000

Great article, it actually inspired me to re-work my business card site. Added a thin line here, some noise there, a little lighting everywhere and ended up with something that looked like a rendered image.

By: Chris Renner

Chris Renner — Thu, 31 Dec 2009 16:55:54 +0000

Nevermind, I just answered my own question. I had border-collapse set to “collapse”…

By: Chris Renner

Chris Renner — Thu, 31 Dec 2009 16:53:51 +0000

Love the article, thanks! I’m trying to implement the “groove” technique on table rows, and it doesn’t work. The border-bottom property of a cell or row appears to overwrite the border-top property. This behavior appears to be across browsers. Anybody have a suggestion?

By: Matt Esau

Matt Esau — Thu, 31 Dec 2009 14:18:07 +0000

This may seem like a dumb question, but I wonder if this style of luminosity and depth in web pages is a fad or if it is cemented into what good design looks like on the screen medium. It makes sense that if your medium is based on light, it would do the vibrant, luminous look very well.

I’d say depth and luminosity are here to stay. The high contrast looks that are being created right now on cutting edge websites increase readability a great deal.

with that said, what is the wheat and what is the chaff? If depth and luminosity are going to be the norm, what are the trends we can weed out?

Just some thoughts…Happy New Year everybody!