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

This site is best viewed in a modern browser with JavaScript enabled.

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

jackonthenet

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/

coothead

[indent]

jackonthenet;1521559 wrote:
"...so let me know what you guys think..."

Well, your basic HTML template is extremely poor. :eek:

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

[color=navy]
<!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>[/color]

[/indent]

coothead

jackonthenet

Which template is poor? the one for my website or the one in the tutorial?

Train

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/pagespeed/insights/?url=http%3A%2F%2Fdevtuts.online%2F001-htmlcss-hello-world%2F&tab=mobile

jackonthenet

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?

Train

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=http%3A%2F%2Fdevtuts.online%2F001-htmlcss-hello-world%2F
CSS Errors (16) Warnings (275)
https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fdevtuts.online%2F001-htmlcss-hello-world%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

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

The attachments of this post were removed during the platform migration in 2018

RayhaKazmi

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.

coothead

[indent]

jackonthenet;1521571 wrote:
"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. :rolleyes:

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. :eek:

[/indent]

coothead

mohalihonda

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

seangibson

Its Good to hear that you want to teach, Bust of luck!

jedaisoul

I like the idea of a tutorial, and being idiosyncratic is a boon. That your first part covers so little of the essentials of building a web page, provides a simple introduction, but I wonder how much of the subject will be covered before you loose interest? Also, as a side issue, I would suggest that cloud storage is the last place I would entrust with my development area. It should be off-line, and backed up to a second (or more) independent off-line server(s).

eshal_123

i saw your video and Thanks for this great resource

Rabindra

Hi,

Website loading is taking too much time. So please increase the site speed. Because of for user-friendly.Finally, the website looking is good. If you possible use the advance technoligies.