What is Digg?Sponsored by newegg
Don't save your Digg images to your Hardrive... view!
newegg.com - Add them to a Digital Photoframe from newegg
25 Comments
- mtnboy, on 07/10/2009, -2/+13Wow that's a long tutorial, will take me a while to get through it. Nice touch with the final product being released under GPL.
- petewhite, on 07/10/2009, -1/+8Nice tutorial, for someone starting out I'm guessing its going to be 4-5hours work.
- guolin, on 07/10/2009, -5/+12Eww.. IE7.
- zip000, on 07/10/2009, -0/+5How many of these photoshop slice web design tutorials do we need?
- Nurven, on 07/10/2009, -1/+5nice tut, I'm gonna use this
- Rodex123, on 07/10/2009, -2/+6Just declared my major for graphic/web design. Good tutorial for anyone who wants to bring their PS creations to life.
- unochild, on 07/10/2009, -0/+4It's bad practice naming a block level element based on the position you want it to appear i.e div id="left-navigation". What if down the line you decide to move your navigation to the right of the page? Elements should be descriptive based on the content they contain. id="main-navigation" would be better.
- RickCarstens, on 07/10/2009, -1/+5this is really good i always tried to code from the scratch.... but always faced a problem.... this is a great tutorial... really helpful
- inactive, on 07/10/2009, -1/+5Digg gamers.. This does not deserve a frontpage..
Six Revisions, stop gaming Digg!
And this is a bad HTML practice without accessibility:
-when i switch off images, i dont see any text in header
-when i switch off images, text in menu have white color and background is gray, that is no good for some people..
-where is style for print? - steelclash84, on 07/10/2009, -1/+4This is...ok. If you want just a basic html driven website (read: no dynamic content).
I like how they mentioned doing a css reset, but not about setting a doctype to make the website look marginally the same on ff/webkit and ie. Even with a css reset, if you don't specify a doctype, then IE will almost always look different than ff (in terms of pixel spacing and other factors). - astrotrain, on 07/10/2009, -2/+4Yup, they should have used a browser that follows HTML standards (Firefox, Opera, etc), and not one from a company that has defined "their own HTML standards", such case being with Microsoft.
- mattalexx, on 07/11/2009, -0/+2heh, and you thought this article was long.
- MtheoryX, on 07/10/2009, -0/+2I agree. It also allows you to shop around for different aspects of a project.
Designers, copywriters, programmers, etc, they all have different "market rates" for their job.
No reason you should be paying a database architect $225/hour to do a mockup in photoshop. - DamonToo, on 07/11/2009, -0/+2Actually, all browser vendors are guilty of deviating from standards while trying to one-up the competition or appear as the innovative one.
Show me the Javascript standard on the W3C site. You can't. It was created by the Netscape guys. The sickening blink tag was also created by them and they happen to be the grandfather of the Mozilla Foundation and codebase.
Also, Microsoft has been a contributor to a number of W3C specs, including HTML...
Don't get me wrong, I hate IE. HATE it. Just know the facts before you start spreading propaganda. - chokeaduck, on 07/10/2009, -0/+1That's like saying cyanide is better than Zyklon-B.
- B1665r, on 07/10/2009, -1/+2When you get this type of gig, the designer will hand you a photoshop file, and ask you to make a "standards-compliant XHTML/CSS template" they might also use the word "tableless". They are looking for code monkeys, they are not looking for more designers at that point.
This template is going to be dumped into their CMS, or whatever it is that they use.
I think the idea is, you get the people who are best at every stage of the project rather than bog one person down with every last detail. Because when you do that, the project looks like it was made by one person, who no matter how skilled they are, will make a website that looks like it was made by one person. That way you have isolated your copywriters, visual designers, programmers, and scripters into tasks that they are all good at. No square pegs in round holes.
Also breaking a project up this way allows you to reduce the risk and shorten the length of your project from weeks to days. - fearphage, on 07/21/2009, -0/+1@DamonToo: ECMAScript is the language that JavaScript (most browsers) and JScript (IE) are derived from and is standardized by Ecma International
a clue: http://en.wikipedia.org/wiki/Ecmascript
http://www.ecma-international.org/publications/sta ...
Also while most browsers do deviate to an extent, many (like webkit with their css transitions and transformations) submit them to the appropriate bodies to become a standard. Many of IE's apis and ie-isms are not submitted to the W3C. IE often does what they want because they feel like it with no attempt to form a standard. - canthraxp, on 07/10/2009, -0/+1I hate some people think that Photoshop is the ultimate tool for every problem; this same task could be done far easier on Fireworks for example.
But still a nice tutorial. - Johnglave, on 07/10/2009, -5/+5Seriously the author calls himself a web designer but uses IE???? And it's IE 7! Not even IE 8.........
- laur3ntlapo, on 07/11/2009, -0/+0even worst, IE8
- MtheoryX, on 07/10/2009, -2/+1To be fair, it's way better than IE6.
- aespec, on 07/10/2009, -6/+5Good for beginners, think the next article should be how to get it all working in IE6
- arthursk, on 07/10/2009, -7/+1Last time I checked grass, sky, and clouds which were drawn in illustrator in less than 5 minutes do not equate to "Illustrative"
- mdude85, on 07/10/2009, -7/+0Dang. This is a throw back to 7 years ago when websites had to be coded by hand instead of uploaded as Movable Type templates. Nice.
- BobDle, on 07/10/2009, -8/+1im so sick of these articles.
© Digg Inc. 2009
— Content created and posted by Digg users is