88 Comments
- tdkyo, on 10/12/2007, -2/+41Yeah, I pronounce it as P-N-G.
- psyon, on 10/12/2007, -0/+26People still care about Netscape 4?
- JCowdy, on 10/12/2007, -1/+19*hits button for elevator* going down?
http://www.duggmirror.com/design/20_Pro_Web_Design_Tips/ - defectDS, on 10/12/2007, -2/+20"There’s also an overlooked third format, PNG (pronounced ‘ping’) that comes in two flavours..."
I've never heard anyone pronouce PNG as 'ping' before. :P - defectDS, on 10/12/2007, -1/+18JIF!? Its Graphics Interchange Format, not Peanut Butter!!!
I pronounce it GIF, where did you get the J? - neoform, on 10/12/2007, -0/+15Let me add tip #21 for them:
-Host your website on a server that can handle people trying to load the page. - SpookyET, on 10/12/2007, -0/+12I was about to take this dude seriously until I saw that he is still talking about Netscape 4.x. WTF? I haven't seen an article talking about Netscape 4.x in professional online web designer magazine for a few years. It's 8 years old.
- ub3rgeek, on 10/12/2007, -0/+10Sorry these are not "pro" web design tips. these are basic web design tips.
- Area51mafia, on 10/12/2007, -2/+12I think it's along the lines of SQL. Some people say "ping" and "sequel", others say P-N-G and S-Q-L.
- Trevahaha, on 10/12/2007, -0/+10PRO TIPS? This is completely lame. Background gradients as a "pro-designer" tip?!? "em" is not the size of "em" but is a relative size size of a glyph. 12? Wrong again, alt is supposed to be a description of a the content of the image for visually impared while title is supposed to be additional text... This "20 pro tips" is just a bunch of random garbage pulled together.
- gbm85, on 10/12/2007, -2/+1121: Don't host your site on a server that goes down after only 72 diggs.
- SpookyET, on 10/12/2007, -0/+8People, including you, bbish007, if you want to learn web design, go to AListApart.com and start reading. This article is pure bollocks. It was marked lame.
- penguinboy, on 10/12/2007, -0/+8In regards to point number 8, does anybody really use Netscape 4.x anymore? Why add extra code to support a browser that barely anyone uses.
Also, as a web developer myself, I have to disagree with the use of ems in font sizes. Yes it does make the site more accessible in IE, but because one em is equal to whatever the user sets as their default font size in the browser, it can often be an unpredictable measurement, making it very difficult to know how the website is going to look. I guess it all depends on what type of website you are building. - noahhoward, on 10/12/2007, -0/+7The best is widdix (.wddx) those are fun... then of course there's whizzywhig (WYSIWYG)
- inactive, on 10/12/2007, -0/+7lets see....their version of the box model hack is disgusting. box within a box? unnecessary unsymantec markup? boo.
#9 has inline styles, yuck.
Besides that...everything is good. I like the stress on coding by hand and learning by example. Dealing with someone right now who's addicted to "design view" and gui development tools. Makes for some really, really crappy source. Maybe i'll send him this list. - dragonmantank, on 10/12/2007, -4/+11I think it goes both ways. I normally say 'ping'
- bluephoenix, on 10/12/2007, -3/+10A decent list...I would add that it's important to code in XHTML (strict or at least transitional) This prepares your site for a head start on accessibility issues and keeps your code clean and manageable.
- heretic24, on 10/12/2007, -0/+6This is so frustrating -- you see a title that is interesting, people seem to think it's useful, and what do you get? Planning! Blimey, that's revolutionary! Code by hand! Never knew that! Then they put a "pro tip" like those blindingly obvious non-ideas side by side with petty little tricks like the "IE Box Model Hack" and you have an entirely useless article.
Useless to a professional, that is. Digg people think it's fantastic. - ventro, on 10/12/2007, -0/+6symantec? Talk about ingrained brand recognition
- daedal, on 10/12/2007, -1/+7No offense but the amount of diggs is irrelevant to how much traffic is going out. If only one person out of 100 deems the site worthy of their digg, then that means 720 people visited the website in a short amount of time and that's a pretty forgiving ration considering all the people who don't reply or are lurking.
- nilobject, on 10/12/2007, -0/+6@GamingLab -
Those aren't browser statistics. Those are search term statistics.
Try:
http://www.w3schools.com/browsers/browsers_stats.asp
http://www.upsdell.com/BrowserNews/stat.htm - chadu, on 10/12/2007, -0/+5not one of the 15+ sites I currently admin or have access to the stats of has a user percentage above 0.5%... haven't cared about NS4 for years.
- Tarmas, on 10/12/2007, -0/+4"12. The ‘title’ and ‘alt’ attributes
Ensure that all your images make use of the alt and title..."
OK, I was taking this guy seriously until this point. You _don't_ use the alt tag for every single image. According to W3C, you leave them blank for images that are placed for purely decorative purpose.
Imagine a blind person with a screenreader going to your website awho gets something like "this is a small pink rounded corner". - chadu, on 10/12/2007, -0/+4agreed. not pro tips.. more like "starting pro webdesign" or "how to get past myspace web design and try your hand at real stuff" ;-)
- yongfook, on 10/12/2007, -0/+4these are not tips to bring you from Good -> Great as the article implies. As many other people have said, some of this is basic, other parts are inaccurate. More like a n00b -> n00b 2.0
- somerandomnerd, on 10/12/2007, -0/+3"I would add that it's important to code in XHTML (strict or at least transitional) This prepares your site for a head start on accessibility issues and keeps your code clean and manageable."
I wouldn't agree that XHTML is intrinsically a better format- it depends on the nature of the site. If you've got lots of dynamic markup being generated (for example) then you can end up with broken or invalid pages which would work fine in HTML.
But I agree that it's good habit to get into the practice of closing all your tags etc. - JCowdy, on 10/12/2007, -0/+3It seems to be the trend... The page is only 30KB in total so its not that much? My best guess would be the quality of service provided by the host is sub par.
- GamingLab, on 10/12/2007, -1/+4Agreed. It just makes no sense to even consider Netscape 4 anymore.
http://www.google.com/trends?q=%22netscape+4%22%2C%22firefox+2.0%22%2C%22internet+explorer+6%22%2C%22internet+explorer+7%22&ctab=0&geo=all&date=all
netscape 4 is the blue line... - killa2, on 10/12/2007, -1/+4Wouldn't that be 7200? ;)
- heretic24, on 10/12/2007, -0/+3On closer examination, I just cannot believe this. The existence of a "Favicon" is considered one of the top 20 "PRO" web design tips. Then the next one is "use semantic markup". That gets a line. Using semantic markup -- a key concept that forms the cornerstone of modern web development, or a "pro" tip that can be dismissed in a line after you've discussed what a Favicon is? Any serious professional web developer would go with the former. Digg people go with the latter.
- troon, on 10/12/2007, -0/+3@dlohr
Yeah? Name one, if you're such a genius! - bloodyValentine, on 10/12/2007, -0/+3This is more like a list of tips for beginners, pro's should know most this *****.
- arbernaut, on 10/12/2007, -0/+3I wrote the 20 Tips for .NET magazine, and I can assure you that the "Pro" part is the magazine's prefix, not mine. I agree with the posters who say that if you are a pro coder you'll know most of this stuff. However, the readers of .NET go from complete novices to pro coders so I tried to write tips that at least every tier would get something from, which is why it takes a somewhat scattergun approach. Still, it's highly amusing to see people get wound up over Ping vs PNG and Gif vs Jif!
- ideadude, on 10/12/2007, -0/+3With regards to #4: On some slower computers, the rendering of a repeated 1-pixel-wide image will slow the computer down. The computer would have to draw your image about 1000 times on the average display. The user may even see the background render across the screen (This might be nice if you were going for a wipe affect).
I always compromise a bit and make the background at least 50 pixels wide/tall or some width/height that would result in a reasonably low number of tiles. You will still save a lot of space. It's a balancing act. - nilobject, on 10/12/2007, -6/+8Most of these tips are completely insane. Don't waste your time on Netscape 4.0. Dear god. On one, the author recommends using semantic markup. Ok, good. Then, through the rest of the entire article, the author recommends mixing presentation and content. God!
I love this bit:
"Simply add the following CSS to your stylesheet: "
Marked "lame". Sorry kids - you're going to have to do better than this. - kevincannon, on 10/12/2007, -0/+2Good tips. But non of those are really about design, they're about building webpages effectively.
All too often the term 'web design' and 'web page building' are used interchangably.
They're quite different. - Nick22, on 10/12/2007, -0/+2@call2biz... your site is ugly, has spelling errors (sounds like someone does too much IMing..), contains very bad english and your feeble attempts at advertising is just plain sad
Back on topic: Ya I agree these are anything but pro web design tips. If they were they would include xhtml, php, javascript etc. instead of just basicl html and css and support for dinosaur browsers... - analogpanda, on 10/12/2007, -0/+2#21 dont use:
font-size:'small enough to print on a grain of rice'; - Kilroy2004, on 10/12/2007, -0/+2Their list forgets to make the site colorblind-friendly. With 1/12 males being red-green colorblind, it is vital that your website be user-friendly for them.
- keitho, on 10/12/2007, -0/+2i agree and these really don't relate to design but to web coding. and what kind of pro list discusses favicons and character sets but completely ignores javascript and web standards?
- sahala, on 10/12/2007, -0/+2Actually "em" refers to units of the M at a base font size.
http://www.w3.org/WAI/GL/css2em.htm - wingnut21, on 10/12/2007, -8/+10.png is pronounced "PING"
http://en.wikipedia.org/wiki/Png
And .gif is pronounced "JIF"
http://www.olsenhome.com/gif/ - dlohr, on 10/12/2007, -3/+5Gee, I'm no mental giant, but being generous, I'd be able to generate several reasons why, generally speaking, g's can be pronounced as j's.
- mathyoo, on 10/12/2007, -0/+2"And .gif is pronounced "JIF"
http://www.olsenhome.com/gif/"
Only if you're clueless. GIF stands for Graphics Interchange Format-the ony reason you'd pronounce .gif with a "J" sound is if your'e an idiot and pronounce "graphics" as "jraphics".
"Jif" is peanut butter. - rlombardo, on 11/05/2008, -4/+6no i believe it is pronounced ping
- alchumley, on 10/12/2007, -0/+2Like others have said, diff. people pronounce things diff. ways. I always pronounce it as the first letter of the word is said in the word. GIF = Graphics Interchange Format, so it would be pronounced with a hard "G" b/c "graphics" is pronounced with a hard "G". Just my preference.
- phpirate, on 10/12/2007, -0/+2Good list, not all of them are great, but it deserves a digg for the good ones.
- theadvinci, on 07/01/2008, -0/+1"Do it by hand" is the best tip.
- sklreturn, on 01/07/2009, -0/+1Didier Grossemy says, this can be a distinct competitive advantage for you... meaning converting or not and of course getting a return on your investment.
Step #1. Ask yourself a few questions
* Why are you building a website or landing page? http://www.zoominfo.com/people/Grossemy_Didier_324 ...
* What will be your expected conversions?
1. E-commerce — adding an item to a shopping cart and beginning the checkout process.
2. Lead generation — filling out a registration form to accept an offer (generally free) with the implicit understanding that this may lead someday to a sale.
3. Branding/education — spending a significant amount of time examining and/or interacting with content on the site that the Home page is a gateway for
4. Relationship — opting-in to receive communications from the brand/publisher on an ongoing basis.
5. Membership — registering to actively use the site on an ongoing basis in exchange for either payment, an implied agreement to view advertising, or to allow one's activity data to be measured.
6. Viral — telling personal and professional contacts about the Home page, perhaps via an email tool, blog links, word-of-mouth, etc.
http://grossemy.typepad.com/ - nazsco, on 10/12/2007, -1/+2# 7. use font's in em. not because i know what that implies. but because my cool webdesigners told me too. i even searched a forum to know how to use em but still be able to create constrained designs and make the fonts some pixel wide.
# 8. IE don't understand css with width plus padding and/or margin. so, create a lot of divs. Don't even try to make the layout so that you don't ***** need to use width plus padding and/or margin. very pro
# 9. i think everyone will get the correct idea here
# 10. Another one all my cool webdesigners friends told me. I even sent a bug report here http://www.w3.org/TR/html4/struct/objects.html#h-13.2 because they don't encourage the use of alt AND title in every image. They are so amateurs they don't even recommend the use of title attribute for the images.
# 13. now serious. this can chance. keep in mind that there are forms for compose states, like visited:hover... I'm not gona search for you this one. go kid. go.
# 14. all the purpose of "pro" webdesigners is to kill semantic markup. so shut you ***** hole. How many "pro" webdesigners already used a ? noooo. they rather have "bla. And i will not even get started in this topic.
# 21. "drop this ***** webdesign college and go read some references. HTML is dead simple and direct." yep, i agree with this one. the best advice in the list. keep up the good work -
Show 51 - 84 of 84 discussions



What is Digg?
Check out the new & improved