1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

10 Tips for Budding Web Designers and Developers

Discussion in 'HTML & Website Design' started by chrys, Nov 28, 2007.

  1. #1
    I wrote this blog post a couple months ago, but it still applies:

    http://www.aclevercookie.com/10-tips-for-budding-web-programmers-and-designers/

    Cliff notes:

    1. Use Firefox
    2. Be Compatible
    3. Less is more
    4. Want javascript? use jQuery
    5. AJAX has its time and place
    6. Search engines like structured code
    7. DIVs not TABLEs
    8. Minimize inline styles
    9. Code with the future in mind
    10. Know the standards, but you don’t always have to follow
     
    chrys, Nov 28, 2007 IP
  2. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Why use firefox? It certainly used to be true but since IE7 has add ons the case is no longer true that it is better.

    You need to have FF for testing, along with IE 6, IE7, Safari, Opera etc

    Divs not tables needs to be clarified that it is for layout only as tabular data should be in tables, likewise nesting Divs can be as bad as nesting tables was
     
    AstarothSolutions, Nov 28, 2007 IP
  3. iliqueur

    iliqueur Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    this is great one :) thanks for ur nice article ...


    and even most of users are using IE , i m opera fun ...
     
    iliqueur, Nov 28, 2007 IP
  4. babyboy808

    babyboy808 Well-Known Member

    Messages:
    491
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    125
    #4
    1. Use Firefox (I use ff/opera/ie6/7, makes it easier to fix problems head on)
    2. Be Compatible (with what :) )
    3. Less is more (in what respect?)
    4. Want javascript? use jQuery (jQuery is great, but you shouldn't overlook the others like mootools for instance)
    5. AJAX has its time and place (when & where?)
    6. Search engines like structured code (define structured code? )
    7. DIVs not TABLEs (cool, but use tables for tabular data (calendars etc))
    8. Minimize inline styles
    9. Code with the future in mind
    10. Know the standards, but you don’t always have to follow (explain please)
     
    babyboy808, Nov 28, 2007 IP
  5. chrys

    chrys Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It's all in the blog post
     
    chrys, Nov 28, 2007 IP
  6. speaker

    speaker Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    i think using firefox +firebug this is good tool that save time.
     
    speaker, Nov 29, 2007 IP
  7. MeetHere

    MeetHere Prominent Member

    Messages:
    15,399
    Likes Received:
    994
    Best Answers:
    0
    Trophy Points:
    330
    #7
    Definitely great tips..

    As for firefox, my awstats show more traffic from IE than FF.. so i think work for both. ;)
     
    MeetHere, Nov 29, 2007 IP
  8. SEOsoft

    SEOsoft Peon

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Nice tips,thanks
     
    SEOsoft, Nov 29, 2007 IP
  9. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Add Internet Explorer 5.5, Internet Explorer 6, Internet Explorer 7, K-Meleon 1.0 (for older Gecko engine testing), Opera (latest build) and Safari to the mix, and then test in each one as you go along with each section of the page rather than waiting until the end.

    With what? If you mean W3 specifications, then state so.

    I call it "Minimal Markup" for a reason. :)

    Better yet, write your own library. JQuery is a bloated piece of garbage. Besides, if you really want to use JavaScript, use it unobtrusively - meaning it must NEVER touch the HTML code.

    Yes, it's called progressive enhancement.

    No they don't. They could care less - all they care about is content.

    Use the proper HTML elements for the jobs they were intended to be used for.

    Forget inline styles exist completely, and keep everything in the external stylesheet.

    Coding to the standards will do this for you.

    That's fine if you don't care about quality and craftsmanship, or accessibility and usability for that matter.
     
    Dan Schulz, Nov 29, 2007 IP
  10. flakdesign

    flakdesign Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I am not sure if thats true, but if you use valid markups with title, alt tags, it sure can help better page indexing IMO
     
    flakdesign, Nov 29, 2007 IP
  11. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #11
    If someone took away my Firefox and Firebug I'd go mad now, it's such a time saver even when fixing errors in IE. Instead of sifting through your code wondering whats wrong, inspect the element giving you problems and work it out much faster.
     
    Crimsonc, Nov 29, 2007 IP
  12. SEOWOES

    SEOWOES Peon

    Messages:
    60
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #12
    1. Use Firefox (and Opera, and IE, and Safari, and ....)
    2. Be Compatible (see 1)
    3. Less is more (more or less)
    4. Want javascript? use jQuery (or Mootools, or Prototype, or ....)
    5. AJAX has its time and place (see 4)
    6. Search engines like structured code (do they? can you prove it?)
    7. DIVs not TABLEs (unless it tabular data, then tables not divs)
    8. Minimize inline styles (no, have zero inline styles)
    9. Code with the future in mind (hindsight is always 20:20)
    10. Know the standards, but you don’t always have to follow (unless you are designing for someone who expects you to be compliant and accessible).
     
    SEOWOES, Nov 29, 2007 IP
  13. Mooseman

    Mooseman Peon

    Messages:
    453
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #13
    That's why you test as you code instead of waiting until the end. :)
     
    Mooseman, Nov 29, 2007 IP
  14. smile123

    smile123 Guest

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    i dont have what to add. great tips for the start.
     
    smile123, Dec 11, 2007 IP
  15. buckmajor

    buckmajor Active Member

    Messages:
    574
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #15
    Thanks for the tip.
    I still got alot to learn though :(

    ...<DIVS not TABLES> :D IS ONE THAT IM FOCUSING ON AT THE MOMENT
     
    buckmajor, Dec 11, 2007 IP
  16. T-P-X

    T-P-X Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    I'm sure if you follow by all the tips you will to it easily:).
     
    T-P-X, Dec 12, 2007 IP
  17. ronskit

    ronskit Greenhorn

    Messages:
    123
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #17
    thanks. it will help a lot
     
    ronskit, Dec 12, 2007 IP
  18. agilius

    agilius Well-Known Member

    Messages:
    1,021
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    100
    #18
    everyone has his/her own way of coding. Those rules are true, but above all is ready to learn more and to adapt.
     
    agilius, Dec 12, 2007 IP