What is Digg?Sponsored by Travelzoo
All-time Low Fares for Thanksgiving, Christmas & New Year view!
travelzoo.com - Flights $52 and up. Nifty all-airline calendar identifies absolute cheapest dates to fly.
60 Comments
- ChrisPhillips, on 06/14/2009, -4/+6020 Awesome Ways to Make Your Website A Complete Nightmare.
No.1: Make it out of a load of massive cut-up Photoshop Images. - rm249, on 06/14/2009, -1/+35Step 1) Learn HTML/XHTML
Step 2) Learn CSS
Step 4) Practice practice practice until you get the general idea of how to do things / techniques for doing certain layouts (floated elements, lists, sprites, etc) Practicing and experimenting is the best way to learn how to slice optimized XHTML/CSS layouts - it takes patience. Over time you will be able to do things almost second nature.
Step 5) NEVER EVER USED PHOTOSHOP'S BUILT IN SLICER - The HTML it outputs... is just horrid. - boojoy, on 06/14/2009, -3/+32WHY NOT JUST USE PHOTOSHOP SLICES IT IS QUICK AND EASY AND I'M TOO STUPID TO KNOW WHY THAT'S BAD.
- Someone who should not be allowed to make websites for money - Johnglave, on 06/14/2009, -4/+25I thought making the PSD was the hard part. Slicing the PSD is fairly easy with CSS.......
- MtheoryX, on 06/14/2009, -2/+22How many tutorials on this should it really take?
- pbgswd, on 06/14/2009, -1/+19photoshop is not an ide for web pages. learn real markup skills with text editors or you will be producing heavy unmaintainable garbage.
- x713, on 06/14/2009, -3/+14And design is any easier? It is not that hard. It takes much less time to learn how to develop websites than it does to learn the good skills of a great designer.
- inactive, on 06/14/2009, -2/+13Follow-up to the article: 20 Best Tutorials To Find A Good Host
- ph3rny, on 06/15/2009, -0/+9And step 3 is completely unnecessary ;)
- alpha88, on 06/15/2009, -0/+6Step 6) NEVER EVER USE DREAMWEAVER'S WYSIWYG EDITOR - The HTML it outputs... is just horrid.
They may have improved it since previous versions, but I've still seen websites that have things like this in the code:
<div></div><div></div><div></div><div></div><div></div>
<br />
<br />
<br />
:/
Writing XHTML by hand is the only way to go. - Vindexus, on 06/14/2009, -4/+10I know I'm a programmer and not a designer because I start with some basic HTML and do the graphics after.
- vaccumpony, on 06/14/2009, -0/+5 How to make simple websites that all look the same. Skip the stupid tutorials and go study design and the presentation of information.
- skc0der, on 06/15/2009, -0/+5PFFF REAL webmasters write everything (including the images) in notepad!
- lcmatt, on 06/14/2009, -1/+5When to float elements, positioning, browser bugs, OS differences (FF Mac and FF Vista or XP might have slight issues - just because it's the same browser doesn't mean they'll display exactly the same)
Then you've got the xhtml - strict or transitional, while you don't have to have a perfectly validated site it helps you learn how to correctly build the design. - alpha88, on 06/14/2009, -3/+7Experimentation is the best way to go, not reading 20+ tutorials. You find out what works and you end up understanding better than if someone explains their method to you.
- zip000, on 06/14/2009, -1/+5Same here. I hate doing graphics. My photoshop skills are pretty damned pathetic really.
- valleyman86, on 06/14/2009, -0/+4Ill be honest... I am not super good at design but Im ok. OK is not enough though so I usually find good professional templates and then modify those to my needs. I keep the nice design but Im familiar enough with CSS that I can add anything I may need. I am horrible at a fresh start design.
- Gazthrak, on 06/15/2009, -0/+3Can I join your support group?
- botbotbot, on 06/15/2009, -0/+1Exactly! If someone can't imagine what their website will look like from the code then they're not a programmer. Yeah sure design it in photoshop, but slicing up a PSD just doubles the amount of work! And if someone has to rely on photoshop to build their website, they then wonder why their code looks a state and is throwing up accessibility errors! I wouldn't call them programmers, and hardly website designers... more like photoshop designers.
- ThatWebGeek, on 06/18/2009, -0/+2Ok so which one is the best one? I mean I'll be damn if I actually go through them all. ;)
- 7aji, on 06/15/2009, -0/+1I teach, you learn, or go ***** your self.
- DeanMix1234, on 06/15/2009, -0/+2Slicing has never been a problem for me..Creating great artwork on the otherhand is a different story...
- zwaldowski, on 06/15/2009, -0/+2Oh, god, it's such a relief to know that somebody else out there feels like that. I just felt so stupid and uncreative while working on some design work.
- quaffapint, on 06/15/2009, -0/+2Whatever, dude - How can you have more than ONE BEST ? Is that like how everyone today gets a nice participant ribbon, and everyone's a winner?
- MtheoryX, on 06/15/2009, -0/+2You could always use google.
Just sayin'. - Auto, on 06/15/2009, -0/+2Was 20 tutorials *really* necessary? Does anyone actually click through to all 20? I sure as hell don't. It's information overload.
- painting, on 06/15/2009, -0/+1you're not surprised
- painting, on 06/15/2009, -2/+3the reason you start with a psd is for presentation to client, you can show multiple ideas, multiple layout and designs. why put in hours of work coding it properly and everything and have it not sell. So if you're going to start with a psd, why not built off it as well. win win.
- 7aji, on 06/15/2009, -0/+1Glad that you guys are saying that rather just bashing Photoshop. I know more in design than coding and floats in CSS give me headaches!
- paulosoar, on 06/15/2009, -0/+1nice tutorials you got there, tanks
- DonJuanMAC, on 06/15/2009, -0/+1I like to use the site as a reference and just use the links that appeal to me on a as needed basis. Anything more on this topic could be somewhat overkill, but the various techniques used can be good ways of learning for the newcomers to the web design world.
- inactive, on 06/15/2009, -1/+2SNOB!
- rossisdead, on 06/15/2009, -0/+1Who pissed in your mouth today?
- AbJa85d, on 06/15/2009, -0/+1Yes, I've finded this information in the internet not long ago..
- Behnood, on 06/15/2009, -1/+2thank you x 1 million for this!
- centran, on 06/15/2009, -0/+1I am not a great designer either. I prefer to code the webpage rather then try to slice it. However, if I do have to start from scratch then I make a very crude design in photoshop to work off.
The problem is that if you do this professional then you must design it to what it will fully look like in photoshop. You need to show it to the client before you start coding so they can make changes. A good designer should be able to slap together the look of a website in photoshop much more quickly then a great coder could code it. That is just how it is. - fxu1989, on 06/15/2009, -0/+1I love tables!
- PHPmoz, on 06/29/2009, -0/+1I am still awaiting users to upload their tutorial links to my site. If you have one, feel free to add it.
http://www.phpmoz.org - erhanaltay, on 08/08/2009, -0/+1Wow, great tutorials. I know this site used it for their theme
http://mmohut.com - alpha88, on 06/15/2009, -0/+1What differences are there between FF Mac, Vista and XP? I've never had them render any of my websites differently. I thought since they used the same rendering engine, they'd be identical?
- Vivek94401, on 10/11/2009, -0/+1google throws warning -- visiting this site may harm your computer? hackers got into most successful diggs now?
- rm249, on 06/15/2009, -0/+1Doh. I originally had a step 3 but then I removed it. Oh well.
- ChTa9fb, on 06/15/2009, -0/+1Nice one;)
- kupa, on 06/15/2009, -0/+1if by notepad you meant replacing it with notepad2, then i agree!
- myglobalsetting, on 06/19/2009, -1/+2I usually order psd to html on this site http://psdhtm.com
I'm glad :) - inactive, on 06/16/2009, -0/+1Should have used an unordered list.
- brundlefly76, on 06/15/2009, -0/+1you mean vim
- exul, on 06/14/2009, -4/+5http://rorr.im/digg.com/programming/20_best_tutori ...
-
Show 51 - 64 of 64 discussions
© Digg Inc. 2009
— Content created and posted by Digg users is