digg

Join DiggAbout

Donkeys and Elephants and Delegates,oh my!
Check out the most popular Elections 2008 content on Digg.

How to Nail a Sexy Layout

addictedtonew.com — Step-by-step guide on how to code a sexy, CSS and XHTML compliant, and tableless layout.

Bury
show profanity settings
expand all
  • peezer, on 10/12/2007, -3/+1"How to nail a sexy..."
    that could've ended in sooo many better ways than "layout"
  • FormulaOne, on 10/12/2007, -4/+0You mean like "Yo Mama"?
  • angelwspr, on 10/12/2007, -4/+0ur durty...
  • Anth, on 10/12/2007, -3/+1Yea, I was hoping it would be "How to nail a sexy woman".
  • hayden.evans, on 10/12/2007, -3/+0o..k... nothing special, who cares?
  • Otto, on 10/12/2007, -3/+1Too bad that site's layout sucks.

    This whole blog phenomenon of making your layouts fixed width really blows. People have different sized screens nowadays. I have a 16x10 screen, and if I maximize the browser, his site remains a column using less than a third of the available width.

    Way to suck, dude.
  • tarun, on 10/12/2007, -0/+0Can someone point me to a really GOOD tutorial then?

    I already know about http://veerle.duoh.com/comments.php?id=208_0_2_10_C

  • dknighton, on 10/12/2007, -3/+0"I have a 16x10 screen"

    WTF are you surfing on? A pen with a digital clock? Some things don't abbreviate well, genius.

    Perhaps some of you should go to tact school, and learn that just because you don't like something doesn't mean someone else won't. A more appropriate way to comment would be, "I don't really like this because of the fixed width" yada yada. "Way to suck, dude." Just personifies your ignorance.

    Or maybe try this...don't freaking comment at all! Save the keystrokes for typing sweet nothings to your hot, 17-year-old Australian girlfriend who is actually 46-year-old Bob from Hackensack, NJ.
  • mGee, on 10/12/2007, -0/+1I really wish wannabes would stop using the word sexy in the context of design. Anyway, you shouldn't be striving for "sexy, you should be striving for well designed. Period.
  • mGee, on 10/12/2007, -2/+0BTW... no one can be "taught" how to have taste in regards to layout. Especially not with 1 tutorial at some wack site.
  • smhill, on 10/12/2007, -3/+0Meh.
    Nothing special. Pretty much layout 101.
  • Slipdisc, on 10/12/2007, -2/+0nail a sexy what?

    I can do everything described myself. and as lame as it is it gets a digg.

    + digg
  • Anunnaki, on 10/12/2007, -2/+0>Yea, I was hoping it would be "How to nail a sexy woman".

    Hmm you don't already know how to, no?

    :-P

    Well well but for once there is something to learn: If I look around the web, 90% of the "designers" don't even know when to use gif or jpeg, they mix css and table layout, dont know how to embed a movie that plays Mac AND Win AND Linux, they color the MSIE Scrollbars in their CSS etc etc.. there's much to do...
  • chiquita, on 10/12/2007, -0/+1Can someone point me to a really GOOD tutorial then?

    If you want something based more in fact, transfered from the world of print try Mark Boulton's good grid design series.

    It takes solid Graphic Design based skill and transfers them to the web.

    http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/

    And fixed-width pages are used becauset it's easier to make things look nice, and work on more browsers without huuuge amounts of fiddling about
  • jnunemaker, on 10/12/2007, -0/+2The article is not about design, it's about CSS/XHTML. It's about laying out a design (that is sexy) using web standards. I don't claim to be a designer. I am a developer. Don't rag the article because you don't like my design. Rag the article because you don't like my methods. Just wanted to clear that up.
  • jcostom, on 10/12/2007, -0/+1"WTF are you surfing on? A pen with a digital clock? Some things don't abbreviate well, genius."

    Um, he said a 16x10 screen. It's probably safe to assume he didn't mean pixels, and in fact meant 16:10, you know - widescreen aspect ratio, like what the PowerBook and most widescreen notebooks are.
  • ZicklePop, on 10/12/2007, -0/+1Widescreen is 16:9, not 10, isn't it?
  • MacGyver, on 10/12/2007, -1/+0A bit ironic that he's giving web design tips when his page looks like crap with all that green.
  • Billistic, on 10/12/2007, -1/+0Yeah the site is totally uggo.
  • mailman-zero, on 10/12/2007, -0/+0I think the site looks pretty slick, but then again, green is my favorite color.
  • eyesx, on 10/12/2007, -0/+0More popular web designing tips and tools
    http://pchere.blogspot.com/2005/10/15-popular-web-designing-tips-tools.html
  • smhill, on 10/12/2007, -0/+0Ditto all that chiquita said.

    My problem with the article is pretty much the same the same I have with most, hype. The "methods" and "techniques" are nothing than just basic setting up a overly simple web page. The title is too dramatic for something that is basically chapter 1 in 'Web Design for Dummies'. Additionally it is pretty much a backward approach to proper development. Designing the content is is the first step. Then move to semantic page structure. Starting out with writing out all the divs is pretty much no different than table layout.

    So many noob developers miss the point about CSS based layout, like this article. It is about separating the content from display. Simply replacing tables with divs is missing the point entirely.
  • oepapel, on 10/12/2007, -0/+0"Widescreen is 16:9, not 10, isn't it?"

    Widescreen just means wider than 4:3. Apple's Widescreen notebooks are 16:10. Other notebooks use different Aspect Ratios.

    Even when it comes to movies, widescreen doesn't mean 16:9. Many movies are shot wider. 20:9 and 22:9 are very common sizes.
  • Otto, on 10/12/2007, -0/+0zicklepop: 16:9 is a commonly used one for home theaters, but 16:10 is quite common for PC screens.
  • OrangeTide, on 10/12/2007, -0/+0What does digg keep having web design junk posted? This is boring.
  • Huze, on 10/12/2007, -0/+0Maybe Digg can use this to fix this problem on their site:

    http://digg.com/design/Fix_it_Digg.com_Cookie_Overload_When_Changing_Font_Size
  • SaintStryfe, on 10/12/2007, -1/+0I thought It was going to help me on what to do with this annoying French nail job that's so plain....
  • Arkitan, on 10/12/2007, -0/+0Didn't we see this exact story with this exact title like a month ago? Maybe I saw it somewhere else.
  • xboxdesign, on 07/29/2008, -0/+0I like it it's too good

    http://xboxdesign.com
    http://www.zeniltuo.com/
    http://www.iconlook.com/

    lokendra
    (web designer)
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.