Resources for Learning Web Design

Discussion in 'Web Design' started by v2Media, Oct 15, 2010.

to remove all ads.
Thread Status:
Not open for further replies.
  1. v2Media

    v2Media New Member

    Messages:
    116
    For those of you that want to learn Web design and would like a recommendation of on-line and off-line resources, what to do, and what not to do, this thread is for you.

    Inspiration and Industry News
    Get yourself informed about the web design industry. It's an extremely dynamic arena, so this is a never ending practice.

    Smashing Magazine
    Smashing Magazine is focused on design and web-development. We deliver useful information, latest trends and techniques, useful ideas, innovative approaches and tools.

    A List Apart
    A List Apart Magazine explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

    CSS Zen Garden
    A demonstration of what can be accomplished visually through CSS-based design.

    CSS Gallery Sites
    Do a google search for 'css gallery'. Find about 10, frequently updated gallery sites that suit your tastes, bookmark them, and visit a few times a week.

    Web Design Style and Graphics
    What are the conventions of web design? Where is a good place to learn how to do this stuff properly...

    Yale Web Style Guide
    Comprehensive coverage of basic design principles for creating web sites.

    Websites That Suck
    Knowing what NOT to do is just as important as how to design web sites properly. Learn from other designers' mistakes and ensure you don't wind up with a site that sucks donkey nutz.

    Web Design @ Wiki
    A good introduction to web design, history and current issues. Lots of internal resources and links to good quality related material.

    Website Wire-frames
    Website wire-frames are the best method of planning and scoping out a website project. I consider wire-frames as the most effective tool for communicating a web design project details to all parties involved from the client to the gfx designer to the developer.

    Web Design Coursework and Tutorials
    Good tutorials are hard to come by these days. The topic is now full of spam and duplicate content. 90% of the search results for design tutorials are utter garbage. So where to look? Dig into those search results and bookmark a few gem sites, the diamonds in the rough so to speak. Alternatively, check out some of these premium sites:-

    Lynda.com
    Software training & tutorial video library. Our online courses help you learn critical skills. Free access & previews on hundreds of tutorials.
    (Lou - keep ur fricking 'poach lynda content' youtube link to yourself)

    W3Schools
    HTML XHTML CSS JavaScript XML XSL ASP SQL ADO VBScript Tutorials References Examples.

    Web Design Library
    Web Design Library offers free web design tutorials, articles, news, interviews, web design showcase, software reviews, free web design stuff.

    Sitepoint Courses & Books
    An Aussie mob, so I may be biased; but Sitepoint is one of the major players in this niche - there's no denying that. I have a shelf devoted to Sitepoint publications and every book in pdf version. One of the best reference libraries in use at our office.

    Web Design Software & Digital Assets
    What software do you need to be a productive & creative web designer. Consider though, if you are going to make a living out of web design, pay your dues to the companies that built your software and don't use pirated software.

    Photoshop or Gimp
    Photoshop if you can afford a license - this is a must. Use Gimp in a pinch.

    Fireworks
    Fireworks is a graphics optimisation solution. Fireworks is NOT for photo or graphics editing/animation. Whilst Fireworks can do basic bitmap, vector editing and animation, this is not it's primary purpose. Fireworks is chiefly about optimising web graphics; no other software does it better.

    Illustrator or CorelDRAW
    Many companies will supply logos and digital assets as vector files. Photoshop doesn't handle vectors with remotely as much sophistication as Illustrator or CorelDRAW. For those of you on a budget, check out the open-source offerings (you get what you pay for though): InkScape and Karbon14.

    Visual Web Designing Software
    Dreamweaver has the largest market share. It is the standard for the visual web design industry.
    MS Expression Web (formerly FrontPage). With a heritage from FrontPage, I wouldn't touch it with a 10ft barge pole - but others swear by it, especially if you want to work on MS servers & technology.
    NetOjbects Fusion
    A fair amount of hype around netobjects. Download a trial and judge for yourself.

    There are others, CoffeeCup HTML, KompoZer, and SeaMonkey. All cheap, and will get the job done.

    FileZilla
    Open-source FTP program (Windows, Linux & MacOSX). Supports everything you'll ever possibly need for file transfers and bulk permissions.

    iStockphoto
    All web companies that I have worked for have had iStock accounts. Whilst iStock is a good source of stock images and graphics, it is also a controversial source of generic logos and ID designs. If you want a career in web design, don't support off-the-shelf design suppliers.

    Fotolia
    Buy and sell royalty-free stock photos on Fotolia. Affordable royalty-free stock photos, cheap stock images and stock pictures.

    WikiMedia Commons
    WikiMedia is a fantastic source of digital assets on a budget (free). Just be sure to double check the licence for what you use.

    Your Own Digital Camera
    You should own a 1/2 decent, portable digital camera and take it with you EVERYWHERE! Take photos of anything and everything, from fruit down at the local supermarket, crowds and buildings, cars and trees. Build up a collection and organise/tag/categorise them. You won't have to pay for these images, and they're original.

    Copyright Warning
    You should not source graphics and photos to use in your site from image search engines. In 99.9% of cases, you'll be breaching copyright.
     
    Last edited: Oct 23, 2010
  2. bcee

    bcee New Member

    Messages:
    367
    Great list, there are so many out there but you narrowed it down to a nice list. I'm sure others will chime in and add others.
     
  3. v2Media

    v2Media New Member

    Messages:
    116
    Doesn't matter if there's plenty out there. We need one in here, as a sticky. The number of newbies starting topics along these lines is frustrating.
     
  4. LouTheDesigner

    LouTheDesigner New Member

    Messages:
    506
    I'll hold back my free lynda.com tutorial b/c this is your thread and I'll respect your request.

    You are certainly right about so many people coming here to ask "Where do I start?" And by all means, this should be a sticky.

    BUT, your hostility toward my tutorial, or at least toward my promotion of it, is a bit misplaced. There are so many job postings that will list, for example, 7 or so languages and/or programs that you already know -- but then they'll throw in some program that people have never experienced. (for example, "Experience with Quark a Plus"). This is where my tutorial comes in handy. What free lynda.com tutorials help people to do is apply for that job, and then learn some software relatively quickly before they are actually hired. I never do it out of self promotion, it's just trying to help -- like your potential sticky. Also, keep in mind that many people here are using pirated software for a reason (it's free). Downloading a copy of ZoneAlarm of LittleSnitch is worthwhile, considering that people who love pirated software won't pay to get their mothers out of jail.

    I've conducted plenty of interviews for potential employees and some interns as well… I would love it if they could access such a wealth of knowledge for free, rather than wallow in a rich mud of books and crappy tutorials that they'll likely find. I know lynda.com will point them in the right direction.

    Just an add-on, and perhaps you may construe this as a question, so I'll formulate it as such:

    Why not add fotolia.com? You can get very decent images for $2. Also, Firebug can help people learn from others once they understand the basics.

    Furthermore, many clients may ask for some nice business cards. I would recommend vistaprint.com. You can have the client pay you for the cards to be made, and since vistaprint is so cheap, you can make a profit off it. That's called evaluated service fees.

    Also, maybe we should throw in some recommendations for FTP clients and hosting services?

    For Mac users, try Cyberduck. I've used some purchased software like Transmit, and Cyberduck is more reliable in my experience. For windows users, try Filezilla.

    My recommendation for a hosting service would have to be Hostgator, especially if you can gain money through their affiliate program.

    -Lou
     
    Last edited: Oct 16, 2010
  5. v2Media

    v2Media New Member

    Messages:
    116
    Hi lou - the reference to your link is tongue-in-cheek, no hostility intended. However I don't condone ripping off intellectual property from anyone for any reason. Lynda is not expensive and the content authors deserve every cent of income. Your providing a means for less honourable people to just take what they want - give them an inch and they'll take a mile.

    I'll add fotilla and FileZilla (good idea) though (CyerDuck is a POS).
     
  6. Brian Angel

    Brian Angel Member

    Messages:
    248
    Id like to add in Killersites.com especialy for beginers as he has a very good way of explaining things (alot of advaced stuff to but Stefan has a way of "dumbing it down")
     
    Last edited by a moderator: Jan 5, 2011
  7. anna

    anna New Member

    Messages:
    542
    HTMLdog is a great resource as well...
     
  8. PixelPusher

    PixelPusher Super Moderator Staff Member

    Messages:
    1,077
    Figured this thread was worthy of a sticky :D

    Thanks v2Media for compiling this list (and other members for their recommendations), this is a great resource for those starting out in the web design field.
     
  9. CristAndrei

    CristAndrei New Member

    Messages:
    2
    Website Icon

    Hi guys,

    Can anyone tell me how to tune my website with an Icon like this?

    [​IMG]

    I would really appreciate it!

    Thanks..
     
  10. anna

    anna New Member

    Messages:
    542
    Are you talking about a favicon?

    Here is their website. Let us know if you have any other questions.

    :)
     
  11. aliyodaboy

    aliyodaboy New Member

    Messages:
    7
    wicked i always been looking for things like this
     
  12. CristAndrei

    CristAndrei New Member

    Messages:
    2
    In fact, I thought that that icon is something you can do yourself, and then place it in the code of the page, I didn't know it's a service...

    I'll try it..

    Thanks
     
  13. aliyodaboy

    aliyodaboy New Member

    Messages:
    7
    can you post more
     
  14. v2Media

    v2Media New Member

    Messages:
    116
    I hope to trawl through the hundreds of 'new to web design' threads and add links to well received sites. I've also got a tonne of bookmarks to check, so ya - will so soon.
     
  15. anna

    anna New Member

    Messages:
    542
    It is something you can do yourself. You go to the website; either design your own icon or upload a picture, then click "generate" or something similar, and it will give you the code you need to paste in your site.

    Good luck!
     
  16. magico

    magico New Member

    Messages:
    1
    Hi everyBody How are you?
    thanks for all ur resources
    you can go to www.w3schools.com to learn about web development
     
  17. smoovo

    smoovo New Member

    Messages:
    377
    megico is right, w3schools provides good knowledge source of web design (HTML+CSS) and web development, plus you can get certified for any exam you are taking.

    For the graphic design part use your imagination with Photoshop or similar software. Are you stuck? Google for tutorials.

    ____________________
    SMooVo- Web Design
    [email protected]
    www.SMooVo.com
     
  18. talitakdmnn

    talitakdmnn New Member

    Messages:
    5
    Thank you! There are many helpful references here, really helped me out.
     
  19. v2Media

    v2Media New Member

    Messages:
    116
    w3c is already on the list
     
  20. whisper28

    whisper28 New Member

    Messages:
    1
    I want to learn about web design , I think it's a big help to build my own site. But I don't have enough time to read those list. Is there anything I can do?
     
Thread Status:
Not open for further replies.

Share This Page