Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: proper html design today?

  1. #1

    Default proper html design today?

    I started doing web design over 10 years ago. Today I don't really to much web design, but I write a lot of php scripts for admin sort of functions on my sites. Since its for my eyes only it doesn't need to be pretty or error free in a code check. It just needs to spit out the data I want. I use css for layout.

    I know I'm using sloppy old html coding. Works fine for what I'm doing but... I want to keep current. If I'm writing pages, I might as well use them as an educational tool and do proper html design.

    So what standards etc should I be writing html to today to be current? I'm only talking about html, but if I should be using other code such as js clientside or at least know it I'm interested in input on that as well.

    So, I guess, how should code standard sites be coded today?

  2. #2
    Registered User
    Array
    MostHeather's Avatar

    Join Date
    May 2011
    Location
    Northeast Ohio
    Posts
    172

    Default

    Websites have changed a lot over the years, now search engines favor websites that load fast and provide a better user experience. Proper coding is also pretty important and there are numerous platforms that can provide this without you having to code yourself, which is great because you can focus on the things that are really important. What are you currently using?

  3. #3

    Default

    I hand code in a linux text editor that flags a lot of errors. Since I'm interested in coding properly, I'm not as interested in code editors. My web pages are half php anyway and that pretty much requires hand coding.

  4. #4
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    Bill I'm not entirely sure what you're looking for with your question. I certainly can't teach you everything about html in a single post. Are you asking something like whether or not to use xhtml 1.1 or html5?

    (x)html hasn't really changed all that much in the last few years at least where xhtml 1 and html 4 are concerned. html5 is the new kid on the block. The spec isn't completely done, but you most browsers are already supporting a lot of it right now so you can already use much of it. It uses the simple doctype

    HTML Code:
    <!doctype>
    which will work in any browsers. html5 aims to be backwards compatible with older versions of html. It doesn't force any kind of coding style so you can mix upper and lowercase and even leave off the closing tags, however best practice will likely be following the xhtml style of all lower case, closing all tags, using quotes on attributes, etc.

    If you really want to code well it's more than just html though. The best developers will code in a way that lets their site work across as many platforms as possible. That includes different devices, operating systems, and browsers. They'll do this by using html and css they know to work across all those platforms. Then they'll add things to create better experiences on those platforms that can accept the code to create the better experience. It's called progressive enhancement.

    When building the better experience you'll use css and javascript that may not work on every platform, but won't cause the site as a whole to not work.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  5. #5
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    That's cool! So, if I understand this correctly, I can continue to learn css at my own (slow) pace and bone up on html5 and be ahead of the game.

    Boy! It's been a few years since I've been ahead of the game!

    Is html5 expected to replace xhtml?

  6. #6
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    Nope. To be able to do this stuff right means a deep understanding of how it all works. And it's a lot more than just knowing the syntax of the language. You really need to understand how and why all the code you use works in order to use it well.

    If you use the doctype above you're using html5 and all the html you currently write should work with it. html5 won't be complete as a spec for another 10 years approximately. Using the new stuff now is more about whether or not browsers are supporting it. As you might guess Internet Explorer lags the most, however there are workarounds, usually involving one or more javascript libraries.

    Eventually html5 will be what most everyone uses, but html 4 and xhtml 1 should still work. Those will only stop working if and when browsers stop supporting their doctypes and that will probably only happens once everyone stops using them. html5 isn't a new language you have to learn. Like I said it's backwards compatible so whatever html you're using now is still going to be html when you start using html5.

    To be ahead of the game you're going to need to learn more than the doctype though and you're going to need to learn more than html5. You'll need to know css up to css3. You'll probably want to know some javascript. More than anything you'll need to learn best web development practices. You can make a good or bad page using the most the most up to date code. Developing websites is a lot more than knowing the tags of html.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  7. #7
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    Aw shoot! You're not making this easy, y'know!!! :-)

  8. #8

    Default

    I intentionally left the question open ended. You did, however, pretty much answer my questions. If I understand your answer correctly, and understanding that the html that I do is by and large fairly simple but I want to stay abreast of the technology, I should write in html5?

    Whats the difference in the different css's? Should I be using css3 and what is it?

    Can you elaborate on what you mean by "best web development practices"?

  9. #9
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    First for anyone wanting to learn html5 here's a free online book: Dive into html5

    Aw shoot! You're not making this easy, y'know!!! :-)
    Sorry. Think of it like this. I can drive a nail with a hammer and turns screws with a screwdriver. In fact I can use all the tools in my toolbox rather well. None of that makes me a good carpenter.

    Whats the difference in the different css's? Should I be using css3 and what is it?
    The difference is that the newer versions add new things. css3 isn't a different language or anything compared to css2.1 It mainly adds new properties and values. It doesn't replace css2.1. It adds to it. It's similar with html5. You don't need to unlearn html 4 or xhtml 1 to learn html5.

    Can you elaborate on what you mean by "best web development practices"?
    Not really in a single forum thread. If you have specific questions I can try to answer them, but if you want to understand best practices the best thing to do is start following the blogs of web developers, read some books or online tutorials. There's not really a single recipe of best practices.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  10. #10
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    "Best practices" is a phrase used to keep out wannabes and pretenders and make the task at hand seem more difficullt and more exclusive than it really is!


    OUCH! Do you throw something at your monitor, VG?!!!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •