Results 1 to 9 of 9

Thread: Learning HTML5 and CSS3?

  1. #1
    Join Date
    Aug 2012

    Learning HTML5 and CSS3?

    I want to learn to create websites (hand coding).

    I took a few introductory courses but my knowledge is rather limited. A friend who claims to know much about these questions suggested to start immediately with HTML5 and CSS3 while I do not even know much about HTML and CSS. He says the old languages are outdated and that I need to start right away with HTML5 and CSS3. I am skeptical ...

    You think it's a good suggestion?

    Thank you very much in advance.

  2. #2
    Join Date
    Aug 2012

    Smile Treehouse

    try searching on Google for treehouse html5 and CSS course. you have to pay for the course but it's really good stuff.

  3. #3
    Join Date
    Aug 2006
    You are right to be skeptical. Firstly, html5 and css3 are supersets of html4 and css2. So "just learn html5, don't bother with html4" would be equivalent to "just learn calculus, don't bother with algebra". You need both, or your calculus class has to include an algebra class - however you want to describe it.

    Secondly, html5 and css3 are not being rolled out all in one late tuesday "upgrade the internet" event. Pieces and parts are slowly being deployed via various browser upgrades, while other pieces are still in the definition and debate stage. So while you can use certain parts, other parts will simply break in a browser, and may not even end up in the final specs for the language.

    I recommend doing some googling on things like "html5 compatibility" and you'll find tables that show what browser versions have what html5/css3 capabilities. You'll get a decent idea of what you can and can't use today.

    Of course you could go the way most of the rest have done and learn html4.01 (strict) and css2, which will work in all browsers, and then enhance your skills over time by incorporating html5 and css3 as those features are of interest to you and available in browsers.


  4. #4
    Join Date
    Mar 2012
    I echo tracknut's comments, and would add that, in addition to the things that do not work across browsers, many of the things that do work in HTML5 and CSS3 require browser specific code, because they have not been implemented in a standard fashion. That will eventually be resolved, but right now it is clunky.

    Also, bear in mind that IE8 and below (which still have global usage levels of 10%+) are not HTML5/CSS3 compatible anyway. So you need to ensure graceful fall back on non-compliant browsers.

    Furthermore, the bits of HTML5/CSS3 that are well supported, like border-radius, can be used in HTML4/CSS2 documents anyway. You will get complaints from the validator, but it will work.

    And you'd probably have enough to do learning HTML4/CSS2, JavaScript and PHP anyway, which are the nuts and bolts of web development, without bothering about HTML5/CSS3!

  5. #5
    Join Date
    Aug 2012
    If you want to learn to build a website site I think your worrying about the wrong things man. My suggestions is this..

    use tutorials on youtube.com to find the information step by step on how to build what ever it is you want to build.

    make a project up in your head and start building it. So if you need a navbar start with tutorials on how to build navbars then a footer then how to add content. then how to use CSS with all of it..

    and at the end of the day when you run in to a problem and you cant figure it out come ask on this forum.

    I am not claiming to be pro but I am self taught and did it all with youtube and forums.

    If you are interested I can give you the links to some of the videos that kinda gave me that ohhhhhhh thats how it works moment... some help and some just confuse you.

  6. #6
    Join Date
    Jul 2003
    The City of Roses

  7. #7

    Thumbs up Learning HTML5 and CSS3 at the web bestcoursehub

    hi you!
    You can star learning HTML5 and CSS3 at this web: http://bestcoursehub.com/home/index....b-developement
    great web!

  8. #8
    Join Date
    Dec 2012

  9. #9
    Join Date
    Oct 2012
    If you want to use some of the browser specific features of HTML 5 consider using modernizr (http://qww.modernizr.com). This javascript module allows you to test for specific HTML5 function support such as supported video formats, local data storage, form placeholder text, 3d transforms etc.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.11684 seconds
  • Memory Usage 2,922KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (9)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (9)postbit
  • (9)postbit_onlinestatus
  • (9)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (71):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates