#Original #GIFS #Funny #Picdumps #Animals #Creative #Photography #History #Celebs #Tech #Movies #Music


#News #Science #Interesting #Space #Sports #TVShows #SciFi #Memes #Gaming #Quotes #Sexy #Ask
PROTIP:  Press the and keys to navigate the slideshow.
I've been interested in learning how to make websites and i figured, why not start learning html5 instead of older stuff? so my search around the web has brought me interesting articles that i thought you guys may be interested in seeing.

This is a good layout of how web browsers work and how html5 will optimize their use:
http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Also, another good article of speculation:
http://venturebeat.com/2011/04/07/how-html5-will-kill-the-native-app/

This is a decent tutorial i've found of someone in college who is actually learning how to program in html5. its not fully developed yet, but he shows you the basics and has a video chain:
Report this topic to moderators This post already reported
-3Remove
-2Remove
-1Remove
+23
+1Remove
+2Remove
+3Remove
Views: 917
Posted: 2012-02-23 18:51:25

Responses (33) // Sorted by points

  • Disco - replied 2012-02-23 18:53:18
    +4
    Spam bot dislikes your post. +3 for internets
    Reply
    Report
    • bufus101 - replied 2012-02-23 21:09:37
      +1
      Lol why do you say that? Cause of all the links? Lol
      Reply
      Report
  • casper667 - replied 2012-02-23 21:38:38
    +1
    Not to be a debbie downer or anything, but HTML5 coding isn't really too different than the current version of xhtml or HTML is it?

    Also, the guy in the video sounds like he's more obsessed with his mac than actual HTML. His video doesn't even contain anything you can't do in current html... If you want to learn web languages I suggest http://www.w3schools.com
    Reply
    Report
    • bufus101 - replied 2012-02-23 21:45:59
      +1
      The thing is its not necessarily going to be different. but they are adding a lot of features, which have never existed before in html therefore it is technically "different"
      Reply
      Report
      • casper667 - replied 2012-02-23 22:23:30
        +1
        It sounds to me like its mainly for mobile web browsing, which my crappy phone still can't do. (Damn you redneck area where I live!)

        Some of the new tags seem neat, like <video> and <details>, and finally <frame> will be gone as well as <center>, but as a web developer you'll still have to make sure your web site works for people with older browsers.
        Reply
        Report
        • bufus101 - replied 2012-02-23 22:27:09
          +1
          thats the whole point. they are designing html5 to work with all browsers, because they are making the code take care of the order of operations and everything so all the browser has to do is unpackage it pretty much. This allows your hardware to have less to handle but then you need faster internet speeds to keep up
          Reply
          Report
          • casper667 - replied 2012-02-23 22:36:07
            +1
            Well if the code looks the same in all 3 major browsers, I'll love HTML5 cuz you have no idea how annoying it is to get a webpage to look similar in IE, FF, and Chrome. lol:)
            Reply
            Report
            • bufus101 - replied 2012-02-23 22:39:52
              +1
              exactly lol. thats why its so exciting. idk how to make web pages but i really want to learn. I was going to start learning html4 but if 5 is coming out soon i would obviously rather learnt that. but if they are going to be quite similar than i could start with html4.

              you seem like you program in html, do you have any tips for a newbie? :D
              Reply
              Report
              • casper667 - replied 2012-02-23 23:15:25
                +1
                From what I understand 5 is VERY similar to 4, just don't use the deprecated tags like <center> which you should be using css for anyways.

                I have been coding in html for a few years now, you canc heck out my site if you want. http://www.caspergaming.com

                The one tip I can think of off the top of my head would be to try and use the <table> tag sparingly for layout, and instead use the <div> tag.

                Also, if you see something you like on a webpage but don't know how to do it, you can always right click and select "view page source".
                Reply
                Report
                • bufus101 - replied 2012-02-24 08:06:29
                  +1
                  web pages have to allow you to see their code? and thanks for the advice :)
                  Reply
                  Report
                • bufus101 - replied 2012-02-24 10:21:26
                  +1
                  and whats your recommendation on which text editor to use? also, do i have to buy a domain name just to test out my html code?
                  Reply
                  Report
                  • casper667 - replied 2012-02-25 01:01:42
                    +1
                    No, your browser can open .html or .htm files saved to your computer, including ones you create.

                    For text editors, I use Notepad since a lot of the other editors insert a lot of extra code but it just depends on your personal preference really.
                    Reply
                    Report
                    • bufus101 - replied 2012-02-25 09:33:43
                      +1
                      Aright, thank you for all the help. just one last question, would you consider it "easier" to use a editor, specifically as a beginner? or does it not really matter that much
                      Reply
                      Report
                  • casper667 - replied 2012-02-25 20:12:31
                    +1
                    It might be easier to use an editor, since instead of having to type out tags most of the time you'll be able to just click a button and follow prompts, and it should also remember to close tags for you as well as nest things properly.

                    However since editors like Dreamweaver(the only one I have experience with) do a lot of the work for you I don't think you'd learn actual HTML as quickly or as fluently.

                    You'd also have to learn how to operate the editor, which is something to consider.
                    Reply
                    Report
                    • bufus101 - replied 2012-02-25 20:21:47
                      +1
                      yeah skinnybill below linked a good site for teaching everything. i want to learn html, but its for a specific website idea i have so i kinda want to learn but i also kind of just want to get it done lol. ill gather my resources and do whatever feels best
                      Reply
                      Report
                • bufus101 - replied 2012-02-25 21:24:29
                  +1
                  How would you use the <div> tag to make a table without the <table> tag? do they share the same attributes or something?
                  Reply
                  Report
                  • casper667 - replied 2012-02-26 01:25:25
                    +1
                    If you're making a table, then you would use the <table> tag.

                    However, lots of people set the table border to 0(making it invisible) and use tables for their basic site layout, when <div> and CSS is actually much better suited for that once you get the hang of it.

                    Here's a good discussion of why you should use <div> instead of <table> when doing the layout of your page: LINK
                    Reply
                    Report
                    • bufus101 - replied 2012-02-26 01:36:35
                      +1
                      very good argument. i agree div would be better, just the tutorial skinnybill recommended didnt have a div section i think. ill look around and see what i can find. thanks
                      Reply
                      Report
                    • bufus101 - replied 2012-02-26 01:42:00
                      +1
                      so div is the way to organize all of your layouts and CSS is used to make the layouts, pretty much?
                      Reply
                      Report
                  • casper667 - replied 2012-02-26 01:43:33
                    +1
                    Here's w3schools' div section: LINK

                    You'll understand <div> a lot more once you learn CSS. W3schools also covers <div> layouts vs <table> layouts here: LINK
                    Reply
                    Report
                    • bufus101 - replied 2012-02-26 09:14:59
                      +1
                      beautiful, thank you. Yeah i looked at CSS a bit last night, i can understand why using that can make managing a website a hell of a lot easier
                      Reply
                      Report
  • SkinnyBill - replied 2012-02-25 09:48:04
    +1
    The way you say "thought Id learn this new stuff rather than the old stuff" is a little irrelevant.

    HTML5 is a standard, not a version. What this basically means, is HTML5 just defines what is new and what won't be used anymore. Its not a brand new HTML.

    What I would recommend is to just learn HTML (may be referred to as HTML 4.01) and then look at HTML5 later. Its just a few extra tags to learn about (audio, video, canvas etc)
    Reply
    Report
    • bufus101 - replied 2012-02-25 11:15:57
      +1
      Yeah i completely agree with you. One thing ive always been bad with is wording lol. what i ment was when a new version comes out of any type of programming language sometimes certain things are fixed or changed in such a way that your methodology about programming something may be different depending on the features your version has. i figured if i was going to learn, i might as well learn the most recent version is what i ment. I understand HTML4 and 5 are going to be very similar though
      Reply
      Report
      • SkinnyBill - replied 2012-02-25 11:33:13
        +1
        Good Good :)

        All you really need to understand is:
        There are some awesome new tags
        Some (crappy, never should have ever been used) tags are being depreciated
        Reply
        Report
        • bufus101 - replied 2012-02-25 11:39:54
          +1
          Simple, descriptive, I like it :D
          Reply
          Report
          • SkinnyBill - replied 2012-02-25 11:47:45
            +1
            I see someone already suggested W3Schools for HTML tutorials.

            Its excellent, and provides tutorials for absolutely ANY kind of language for web development. From basic HTML, javascript, jQuery to Server-Side-Scripting such as PHP, ASP.net, ruby-on-rails, to data management such as XML or even Databases (MySQL, MSSQL etc)

            It also contains a simple HTML5 tutorial, introducing you to the new tags and giving simple tutorials:
            W3S HTML5 Tutorial
            Reply
            Report
            • bufus101 - replied 2012-02-25 13:18:39
              +1
              awesomesauce, about.com has some free online classes you get take too, like they email you links to videos and such. thanks for the info, ill look into it
              Reply
              Report
              • SkinnyBill - replied 2012-02-25 14:04:26
                +1
                Yeah, but with me, I like my tutorials skimmed to the bare bones. For example - W3Schools tell you all what you actually need to know, but dont add paragraphs and paragraphs of stuff you don't need to know.

                Its also why i find TheNewBoston's tutorials not useful. While they are VERY GOOD resources, I feel he talks about it too much, and talks too slowly. He could make his videos quicker and more efficient if he talked less, and wrote a script to follow more exactly. (As far as I know, he writes an outline to follow when recording his videos, but not a full script)
                Reply
                Report
                • bufus101 - replied 2012-02-25 18:45:51
                  +2
                  wow you are right, w3schools is like literally barebone information. its actually quite awesome
                  Reply
                  Report
                • bufus101 - replied 2012-02-26 01:19:33
                  +2
                  Sorry for all the comments lol, but also, i just found this, but i cant find anything online that tells me what else to use. im glad the w3schools tells you whats going to be canned in html5 but it doesnt tell you what to replace it with

                  The <frame> tag is not supported in HTML5.

                  The <frame> tag was used to define one particular window (frame) within a frameset.

                  The <frame> and <frameset> tags are not supported in HTML5, because they have a negative effect on the usability of a web page.
                  Reply
                  Report
                  • SkinnyBill - replied 2012-02-26 04:39:41
                    +1
                    Oh, there is that i suppose. But just for this example, i will tell you that you need to use iframe:

                    The <iframe> tag specifies an inline frame.

                    An inline frame is used to embed another document within the current HTML document.

                    It basically does the same job, but much better.

                    Example Usage:
                    <iframe src="http://www.sharenator.com"></iframe>

                    You can even add the "seamless" attribute to make the iframe look as if it was part of the page, rather than embedded.
                    Reply
                    Report
                    • bufus101 - replied 2012-02-26 09:14:16
                      +1
                      ohh i see. so iframe is the replacement for frame? cool beans.
                      Reply
                      Report
                • bufus101 - replied 2012-02-25 14:24:52
                  +1
                  oh i see. yeah when i have time ill scroll around and check out all my sources to see which one i like best. whenever i find the time to do that lol
                  Reply
                  Report

Leave a reply

Upload files