HTML, CSS & Web Design Tutorial Ideas

Discussion in 'HTML & Website Design' started by Piggy, Sep 21, 2010.

  1. #1
    Hey guys, I'm going to be creating a bunch of tutorials, and a few of my sections involve HTML, CSS and Web Design.

    If you have any ideas for a tutorial, please post them here!

    Also, if you've just got a question in general, no matter how basic/advanced, please post that question here. I've made many tutorials based on good questions I've found around this forum!
     
    Piggy, Sep 21, 2010 IP
  2. Nimnix

    Nimnix Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    How about a tutorial of wrapping content beside each other without using tables? Like a side-menu beside the content.
     
    Nimnix, Sep 21, 2010 IP
  3. Piggy

    Piggy Active Member

    Messages:
    574
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    70
    #3
    Hmm, a simple <div> and floating would get you that, but it's still a good idea. I'll probably do this soon.
     
    Piggy, Sep 21, 2010 IP
  4. Robico

    Robico Greenhorn

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    How about a tutorial with css tips for multiple browsers as IE doesn't always want to display items the same as Firefox
     
    Robico, Sep 21, 2010 IP
  5. obehi

    obehi Member

    Messages:
    62
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #5
    Make a tutorial about how to maximize efficiency maybe? It could involve everything from creating a project to fast coding practices. What coding apps that are fast and stuff like that?
     
    obehi, Sep 22, 2010 IP
  6. Piggy

    Piggy Active Member

    Messages:
    574
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    70
    #6
    Both very good ideas. I'm going to begin work on a list i've got this afternoon, and all of these have been added to my queue.
     
    Piggy, Sep 22, 2010 IP
  7. Eager2Seo

    Eager2Seo Member

    Messages:
    72
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    48
    #7
    How about going thru a few popular or common moderately complex web 2.0 Layouts from scratch. Cover the Structure, Style, and Interactivity - HTML, CSS, Jquery. Also the little things like creating rounded corners and all. Maybe analyze an existing site and improve upon it. I would love to get into the mind of a designer to see how the sites are initially wireframed or templated...
     
    Eager2Seo, Sep 22, 2010 IP
  8. Martenxxx

    Martenxxx Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    HTML - div wraping
    CSS - using '!'
    Design - how simply create website logo
     
    Martenxxx, Sep 24, 2010 IP
  9. Deanny

    Deanny Active Member

    Messages:
    307
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #9
    Perhaps how to do gradients in photoshop would be a popular one.
     
    Deanny, Sep 24, 2010 IP
  10. ApocalypseXL

    ApocalypseXL Notable Member

    Messages:
    6,095
    Likes Received:
    103
    Best Answers:
    5
    Trophy Points:
    240
    #10
    If you do want to do something useful run a A-Z tut treating H5 like H4 .
     
    ApocalypseXL, Sep 28, 2010 IP
  11. AntunTun

    AntunTun Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Tutorial about sticky footer and types of background for example. Well, basically you can start from simple things - explain basic attributes in css and html.
     
    AntunTun, Sep 28, 2010 IP
  12. shadabiitr

    shadabiitr Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I have some problem with my thumbnail. I am using some html code for my images so that it could be thumbnail on the homepage but in the post it look original one but where is the mistake I don't know actually because on the home page I see my thumbnail but in the post It look like thumbnail not the original picture... so if you have any idea then please reply me...
     
    shadabiitr, Sep 29, 2010 IP
  13. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #13
    (X)HTML/CSS/JS in conjunction with optimizing everything for loading speed.

    I did some of that tutorials already ;)
     
    CSM, Sep 29, 2010 IP
  14. Eric89

    Eric89 Peon

    Messages:
    195
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Piggy you are great ..thanks for making HTML tutorials i l really need those...
     
    Eric89, Sep 29, 2010 IP
  15. janessecret

    janessecret Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    The old chestnut, which is probably answered elsewhere on the site is 'How to center a page using CSS' A tutorial would be good.
     
    janessecret, Sep 29, 2010 IP