124 Comments
- mhuggins, on 10/12/2007, -7/+134I wish I could make a site look that good in 30 seconds...
- ICSU, on 10/12/2007, -1/+65As a horror show, I'd like to see how they created myspace.
- rayishu, on 10/12/2007, -1/+49You gotta love CSS
- knightblade2oo4, on 10/12/2007, -3/+42great idea man. simple design but it still looks good.
- Dradis, on 10/12/2007, -3/+37I enjoyed watching it, it took me back to when I first started to really learn CSS and watching my first CSS+XHTML design evolve. Thanks eolite.
- farther, on 10/12/2007, -11/+41How could anyone whore out a website with random Latin wordprocessor template text on it?
- stormgren, on 10/12/2007, -2/+30I work the same way. I like working with the actual coderather than a Photoshop mock-up, just for preference, so when I'm just trying to work out a design I do exactly this.
- MikeWeller, on 10/12/2007, -4/+31CSS makes it all so easy... I love CSS.
edit: heh rayishu beat me to it - inactive, on 10/12/2007, -7/+34Basic design, but pretty cool to watch.
- TenebrousX, on 10/12/2007, -3/+27oh, you were doing so well until the last line
- inactive, on 10/12/2007, -7/+28Jealousy's a bitch. ;)
- inactive, on 10/12/2007, -3/+21As opposed to what, using a wysiwig editor? Generally, people who want clean code and full control over their layout. The process shown in the video is similar to what I do when I'm coding a layout.
- Nodren, on 10/12/2007, -1/+19either you're really good at this, or you didnt screenshot the very fine tweaks or mistakes.
either that, or i'm an obsessive compuslive save/reloader :P - DonSlice, on 10/12/2007, -9/+27Beware the troll!
- praisethelard, on 06/06/2008, -7/+24This is intelligent design!
- appleswitch, on 10/12/2007, -1/+18You've never tried to create a centerd liquid 3 column layout that works in IE, stops growing at 940px and stops shrinking at 720px... we got it done, but It wasen't fun... I hate Internet Explorer.
- GTPilot, on 10/12/2007, -2/+18maybe if you're a graphic designer 1st and coder second.
- mikewhite314, on 10/12/2007, -3/+18Yes, you were.
- TenebrousX, on 10/12/2007, -1/+16eh, I wouldn't really call this advanced CSS
- inactive, on 10/12/2007, -1/+15I wonder if there is / someone could make, a firefox extension to save a screenshot every time you refresh the page? This effect would be really useful for demonstrating the process to students, or for proof of billing etc.
- inactive, on 10/12/2007, -1/+15http://www.w3schools.com/css
- waveman216, on 10/12/2007, -4/+16Coders.
- inactive, on 10/12/2007, -0/+9Old browser versions have exploits, which lead to marihuana use, premature pregnancy, the black plague, and eventually mass murder.
This could happen in YOUR home! - NiGHTSChao, on 10/12/2007, -5/+15I wish I knew how to make a layout like that
I need to learn CSS and such, need to stop using tables with Dreamweaver
I also need to learn more about slices in photoshop - northerncomfort, on 10/12/2007, -2/+9My process is similar, but slightly different.
1: Sketch design.
2: Design in CSS (I skip the Photoshop step that most people go for, my sketch is pretty detailed)
3-Infinity: Commit myself to a week in an insane asylum to tweak for IE. - krinthekuz, on 09/16/2008, -1/+9it's often better to know the type of content before you make up the pathing and template. i've worked for moron managers who know absolutely nothing about pathing and purposely want sites to end up like a department store that has one entrance... you'd have to walk through infant shoes and lingerie to get to power tools. obviously, he did a lot of general stuff but it's a basic article blog.
- norbiu, on 10/12/2007, -5/+13I think zeptobyte should get a Mac.
- norbiu, on 10/12/2007, -2/+10You also need to be creative. I can do a lot of stuff in CSS, but unfortunately I'm not that creative, so everything I do looks like *****.
- Nodren, on 10/12/2007, -2/+9heh i dont even bother fixing a site for ie until i've finished designing it in firefox.
step1: php code if needed
step2: slice psd
step3: create site
steps4-99: fix it so it works on ie - idonthack, on 10/12/2007, -9/+16My dog is a bitch.
- brianbennett, on 10/12/2007, -3/+10That's pretty cool. I wish I'd of thought to do such a thing the last time I redesigned my website.
- LoganKriete, on 10/12/2007, -6/+12@kalleanka
Why would *you* have way less spam if everyone kept their browsers up-to-date? What does everyone else's browser versions have to do with your spam amount? - Zhay, on 10/12/2007, -1/+6I'll second that. Where is the testing in IE and Opera? Hehe...
Very nice, simple layout. The Firefox PageSaver extension may have helped though. - tablatronix, on 10/12/2007, -3/+8Great job archiving and then animating all that.
Nice to have a visual archive representation of the process. - Braxo, on 10/12/2007, -8/+13css really can't get too advanced
- northerncomfort, on 10/12/2007, -1/+6Where might I find this? Because that sounds like the Holy Fluid Layout.
- zeptobyte, on 10/12/2007, -2/+7Windows in general just needs better screenshot support. I would like to be able to press a button and have a screenshot. Boom! Not press a button, then open a program, paste it, save it, pick a filename, pick a location, etc. I want it to just give me whatever format, name, and location it feels like. Perhaps a Screenshots folder within your Documents folder. Perhaps make them a preference you can set, the format and name and location, I mean.
- GTPilot, on 10/12/2007, -4/+9@farther - just a copy generator people use to quickly put text in to see what the layout will look like with copy. http://www.lipsum.com/
- mikeoum, on 10/12/2007, -5/+9Nicely done man.
- MBoffin, on 10/12/2007, -0/+4Hi. I'm the actual author of the animated .gif linked above. (I'm glad eolite found it useful enough to post to Digg.) The animation was actually part of a post that explains why I did it. You can find it here:
Designline - A Design Timeline
http://mboffin.com/post.aspx?id=1619
And it has a companion article as well...
Content-Driven Design
http://mboffin.com/post.aspx?id=1719
I hope those two answer some of the questions asked by all of you. Thanks for all the feedback!
kalleanka: My browser looks old in the screenshots because it was April 2005 when I made this. :) - Llanowar, on 10/12/2007, -1/+4And that is why you will never be a good designer...
- karch, on 10/12/2007, -1/+5no, madaxe is right - finish your design and then turn it into code, unless you WANT your site to look like every other boring CFM on the intarweb.
- Pepper, on 10/12/2007, -0/+3@kalleanka:
Who said he did this today? He might have done this when the browser version he was using was current. - ulyssesyt, on 10/12/2007, -2/+5his "design" was basically a duplicate of countless blog templates!?
that's "good design"?
good designers borrow--great designers steal. give me a break. - norbiu, on 10/12/2007, -1/+4jimmygoon is a perfect example of why the Mac ads don't work! They need to show live examples of why OS X is better, not a fat guy rebooting.
- karch, on 10/12/2007, -0/+3heh... invisible images with heights of zero.
- dippyskoodlez, on 10/12/2007, -1/+3http://www.techpowerup.com/downloads/201
Try it. You'll like it :P - stevenbao, on 10/12/2007, -1/+3@ulyssesyt, do you design websites? Didn't think so.
The designer's point was designing his own website. This isn't a competition to see the results (i.e. omgthatlookssocool) but to see the process of creating a design. - inactive, on 10/12/2007, -0/+2What is iWeb?
- althanis, on 10/12/2007, -0/+2Maybe because it IS a blog? Notice the archives, recent posts, RSS feed, etc. Don't be so quick to criticize.
Also, even if you do a complete mockup in Photoshop, you're still going to have to start with a fresh CSS file and then code everything to look like your design.
Doing a mockup doesn't generate the CSS for you! -
Show 51 - 100 of 121 discussions



What is Digg?
The Digg Toolbar for Firefox lets you Digg, submit content, and keep track of Digg even when you're not on the Digg site. Download the official