dcsimg
www.webdeveloper.com
Results 1 to 9 of 9

Thread: New HTML/CSS tutorial series that may help some newbies.

  1. #1
    Join Date
    Nov 2017
    Posts
    3

    New HTML/CSS tutorial series that may help some newbies.

    Hi everyone,
    I am starting a new tutorial series so let me know what you guys think and if you have any input on what you would like to see in future tutorials.

    http://devtuts.online/001-htmlcss-hello-world/

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,846

    Quote Originally Posted by jackonthenet View Post
    "...so let me know what you guys think..."
    Well, your basic HTML template is extremely poor.

    I would suggest that you use one like this...

    Code:
    
    <!DOCTYPE HTML>
    <html lang="en">
    <head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
    
    <title>untitled document</title>
    
    <link rel="stylesheet" href="screen.css" media="screen">
    
    </head>
    <body> 
    
    <script src="somename.js"></script>
    
    </body>
    </html>

    coothead
    ~ the original bald headed old fart ~

  3. #3
    Join Date
    Nov 2017
    Posts
    3
    Which template is poor? the one for my website or the one in the tutorial?

  4. #4
    Join Date
    Oct 2013
    Location
    Sheboygan, Wisconsin
    Posts
    1,615
    Opened your link and hit F12
    Console shows a lot of errors
    Selected the Network tab and did the performance test 7+ seconds
    1.5+ MBs of js. A bit much there.
    Possible help.
    https://developers.google.com/speed/...%2F&tab=mobile

  5. #5
    Join Date
    Nov 2017
    Posts
    3
    Interesting. I get a 1.3 second load time and no error...

    It's just a simple wordpress theme that's installed and its a well known and popular one at that so there really shouldn't be an issue.

    Any chance you could provide a screenshot so I can possibly debug the issue?

  6. #6
    Join Date
    Oct 2013
    Location
    Sheboygan, Wisconsin
    Posts
    1,615
    Using Firefox
    Open your site and then hit F12, web developer will open with the Console tab selected.
    You will see the errors.

    The errors are probably caused by that theme.
    HTML - 8 errors
    https://validator.w3.org/nu/?doc=htt...hello-world%2F
    CSS Errors (16) Warnings (275)
    https://jigsaw.w3.org/css-validator/...rning=&lang=en

    The attachment is what I see when I did the performance analysis.
    Attached Images Attached Images

  7. #7
    Join Date
    Oct 2017
    Posts
    6
    It’s in fact amazing forum with very much helpful information..This is such an informative post
    __________________________________________________________________________________
    **Links removed by Site Staff so it doesn't look like you're spamming us. Please don't post them again.**
    Last edited by Train; 11-14-2017 at 07:18 AM.

  8. #8
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,846

    Quote Originally Posted by jackonthenet View Post
    "Which template is poor?
    The one for my website or the one in the tutorial?"
    The one in your tutorial, of course.

    I never looked at your site all.

    But as you asked, from a brief glance at the coding used for your website,
    having you as a teacher, unfortunately, does not bode well for your pupils.

    coothead
    ~ the original bald headed old fart ~

  9. #9
    Itís in fact amazing forum with very much helpful information..This is such an informative post

Thread Information

Users Browsing this Thread

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

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