What is Digg?Sponsored by Microsoft
Microsoft responds to the headlines. view!
microsoft.com/everybodysbusiness - Read our developers' points of view on the headlines making news.
464 Comments
- Thinkingbuddy, on 11/12/2007, -17/+616Beautiful code looks like a way over sized jpg?
- peterjmag, on 11/12/2007, -9/+229Too bad they ruined such beautiful code with crappy JPG compression.
- kgdoom, on 11/11/2007, -3/+210What's up with the unclosed ul tag in the "Semantically Clean Menu" section? Oh the irony...
- CrossfireCurt, on 11/12/2007, -9/+179This is the first time I've never gotten mad after looking at someone else's HTML.
- fcukbush, on 11/13/2007, -7/+125And beautiful HTML is written in PHP, Apparently.
- fekimoki, on 11/12/2007, -4/+92I got lots of my website clients saying: "I don't understand / care about it. Please use NOT beautiful HTML code to cut the work fees! As long as it rotates, blinking, and got marquees on it, I'd say it's beautiful!"
- h4ppydotcom, on 11/11/2007, -1/+74When, oh when, are people going to learn the difference between GIFs and JPGs?
* JPGs are for PHOTOS
* GIFs (and PNGs) are for images with block colour - logos, screenshots of text, anything with large areas that are one colour as opposed to photos where more or less each pixel is a different shade
It's not difficult, people! Using a GIF in this instance would give a higher quality of image with a smaller file size.
Rant over ;) - haentz, on 11/12/2007, -20/+90That's not beautiful. There's PHP code...
- ZooKoo, on 11/09/2007, -6/+62This is how real websites should be made, there is no excuse for messy unmaintainable code.
Saying otherwise shows you up as being a very low quality developer - reversekilled, on 11/12/2007, -2/+57As beautiful as only demonstration code can be.
- tastypickles, on 11/09/2007, -9/+54ah... so refreshing!
- nlogax, on 11/08/2007, -5/+48Misleading headline, this is what mediocre HTML looks like.
- Cannon13, on 11/12/2007, -42/+83Yeah it's beautiful until you go and make, say, a practical website. In real life.
- danoph, on 11/09/2007, -5/+46Hah. Not a lot of people would appreciate this!
- darnit, on 11/11/2007, -9/+49I didn't realize HTML came in a .jpg extension....
- fcukbush, on 11/09/2007, -3/+40it's obviously PHP. You can't have PHP includes in an html document, But you can have html in a php file.
- TeeDeeNL, on 11/09/2007, -0/+33Ah, what if you want to place the 'right-sidebar' on the left? Are you gonna rename it? Or are you putting the right-sidebar on the left-side thus creating a naming scheme that doesn't make any sense?
Think of it this way, I have a [h1 id=title24px]. Now in your next design, you don't want the title to be 24px but 34px. Brilliant. - EBFoxbat, on 11/10/2007, -8/+40Great design... It's resized to fit my screen and thus illegible and when printed it doesn't fit an 8.5"x11" sheet of paper. Perfect example of how NOT to share information over the web.
- meat30, on 11/11/2007, -4/+33Didn't necessarily need the div id="menu" at all. Could just attach the id to the ul and do away with the extra div.
- CaptainCyanide, on 11/12/2007, -11/+40Its... Its... Its beautiful!
- zeptobyte, on 11/09/2007, -0/+27Uhh, proper style helps keep your code maintainable, not just smaller. In fact, in many cases it might make your pages LARGER. But if they render more easily, and are easier for you to later tweak and change, then that outweighs the tiny size increase.
- inactive, on 11/09/2007, -1/+28Somehow, I doubt it will fit on a 8.27 X 11.69 sheet of paper either. Now, please stop being a dumbass.
- Richandler, on 11/08/2007, -3/+30So what does the page look like?
- iamaelephant, on 11/09/2007, -0/+26Yeah, it's cheaper until they need to get someone to change something and you've moved somewhere else, and some poor schmuck has to figure out your messy, rushed HTML.
- zeptobyte, on 11/10/2007, -0/+24Beautiful HTML does.
- saynotocensors, on 11/12/2007, -0/+23Not really a good example at all... as mentioned before using 'right-content' and 'right-sidebar' is hardcoding style into your structure.
Secondly inline styles and finally inline javascript.... not being a standards fascist but if you're going to submit what is supposed to be beautiful code then those are very basic mistakes. - zwaldowski, on 11/09/2007, -1/+24Good. At least you're not taught to use MS FrontPage.
- philsherry, on 11/09/2007, -1/+22*yawn* This is what happens when people who know what they're doing write their markup first, before styling it. It's nothing sensational - it's average, but as a few people have already mentioned, it's far from perfect (left-, right-, unclosed ul, etc). It's funny to see how the markup shown in the jpg gets raped by some asshat with a Dreamweaver license by the time the finished version hit the server.
- inactive, on 11/08/2007, -3/+24Yea HTML is a mamal!
- MtheoryX, on 11/09/2007, -2/+21Some people user Dreamweaver as a text editor. It's not half-bad what with syntax highlighting and mirroring files to a server.
That said, I prefer TextMate for serious work, and Coda for collaborative work because of it's sharing feature. - aussieNickuss, on 11/09/2007, -2/+20It's not that hard. When you code a page by hand, it is very easy to keep the code neat and tidy while you are coding it. Leave it till the end to tidy your code and it is an absolute bitch of a job.
- alecks, on 11/09/2007, -3/+21suggesting dreamweaver is the same as frontpage make you look like you don't know what the ***** you're talking about
- pezholio, on 11/09/2007, -2/+20Looks like it's your crappy coding that's at fault then. I've made plenty of 'practical websites' in 'real life' with HTML that follows these exact rules...
- nerfnick, on 11/08/2007, -0/+17HTML Tidy isn't bad for cleaning up dirty html:
http://tidy.sourceforge.net/ - Nallep, on 11/09/2007, -2/+18No, you should put div tags around the different parts of your site, so that users with screen readers can skip over those parts. It makes your site more accessible.
- drakenlot, on 11/09/2007, -1/+17Screw IE and all it's users!
I've always wanted to say that... I hate web developing for IE whores. - Phoenyx, on 11/09/2007, -0/+16Why not use XHTML Strict instead of Transitional? Also, I find it easier to read if I only indent my tags two spaces and easier to tell if my tags are lined up if there are less blank lines.
- h4ppydotcom, on 11/09/2007, -0/+16Whatever you want it to look like (i.e. whatever you define in the CSS).
HTML is the content, CSS is the style and the two should, if using best practice, be separated. - iamaelephant, on 11/08/2007, -1/+17Nicely spotted!
- sickthoughts, on 11/08/2007, -0/+16and until you understand the difference between your and you're, you're just a jackass.
- wibambau, on 11/09/2007, -2/+18Here's the site if you want to see this in context:
http://www.wisc.edu/urpl/ - mokkos, on 11/08/2007, -2/+17Welcome to real life.
- srg13, on 11/09/2007, -2/+17"* GIFs (and PNGs) are for images with block colour - logos, screenshots of text, anything with large areas that are one colour as opposed to photos where more or less each pixel is a different shade"
PNGs (but not so much gifs) are also great for gradients.
Anyway, I'd probably use SVG for this image - the text and lines are perfect for a vector format. Too bad IE doesn't support it though (or most other cool web technologies)... - theright, on 11/08/2007, -0/+15Yes, but when you have a website with multiple pages, you can give each a different id and create page-specific styling from a single stylesheet (or group of stylesheets)
- Asianwaste, on 11/09/2007, -3/+18I know my web-dev professor would. She's all about the w3 verifications and forms.
- gnatinator, on 11/11/2007, -4/+19*fap* *fap* *fap*
- AngelaQ, on 11/09/2007, -0/+15I only get mad when they expect me to fix their messed up code for free.
- purplegecko, on 11/08/2007, -0/+14Having an id on the body allows you to use one stylesheet across your site, but have different pages styled differently.
But yeah, :first-child would be nice to be able to use consistently. - wpjmurray, on 11/09/2007, -0/+14Why aren't more designers using PNG? It's lossless and supports 8-bit alpha transparency (IE6 blows, but you can still make 1-bit alpha PNGs for IE6) and is ideal for GIF type graphics or tonal JPEG graphics (photos). Plus it's great to use with the Adobe CS3 suite with Dreamweaver and Fireworks. Fireworks maintains an editable, layered PNG so you can edit graphics right from Dreamweaver.
- primal, on 11/10/2007, -0/+14That site does not match the markup, which makes this even more entertaining.
-
Show 51 - 100 of 467 discussions
© Digg Inc. 2009
— Content created and posted by Digg users is