Forum Home
Press F1
 
Thread ID: 139175 2015-03-23 02:23:00 HTML question - CONTAINER versus WRAPPER BBCmicro (15761) Press F1
Post ID Timestamp Content User
1397006 2015-04-04 04:23:00 Not so good. (Family pressures on time.)

I have decided I can't get the reorganisation done (for a new site) before I renew my old site

I think Coffee Cup does HTML5

www.coffeecup.com

so I am tempted to not learn HTML5 but copy-and=paste into an HTML5 theme :mad:

Must...resist...

(thanks for those links)

Any time you copy and paste any code you are going to create mistakes for your self.
Once you get your head around HTML5 you will find it is not actually that bad. The main noticeable difference between XHTML4 and HTML5 is that pages with HTML5 start out simply as:

<!doctype html> the html5 standard removed all the other stuff that used to come after the xhtml4 part of the tag.
<html lang="en">
<head>
<meta charset="UTF-8">
Your links to your style sheet still go here
<link rel="stylesheet" href="css/main.css">
<title>Document</title>
</head>
<body>
page content goes here.
</body>
javascript links go here.
</html>

You can still use your basic <div> tags with HTML5, they have just added a few more specific ones for commonly used items like <footer> and <nav> etc although you can still do your <div class="nav-menu"> if you find that easier.


Coffee cup will do HTML5, it is one of the many HTML frame works that came out as a result of the introduction of HTML5.

Planning.. planning.. and more planning. ALWAYS map out your design. DONT skip this part. The better your preparation the easier it will be to write the code.

You can do the most basic of planning with pencil and paper - if you don't have access to an illustration program like Adobe Illustrator or MS Paint.

Here is a link to an article on design mock ups to show you what I mean. The article is for responsive design using Balsamiq but the overall rules still apply if you are just using pen and paper
support.balsamiq.com 		Webdevguy (17166)
1397007 2015-04-08 01:25:00 Yeah - I started with front page and free web platfroms, but slowly progressing to HTML5. Better to customise than be stuck with free or cheap web platforme, e.g. blogger, Google Sites, wix, edicy pages, etc. But now and then I might dip in to a tutorial to refresh.

Note: Google have indicated that a new ranking "friendleness" (bit.ly) (search results) algorithim is coming for mobile websites April 21st. They want mobile sites to be responsive and user friendly. You can test here (www.google.com) at their mobile test site. 		kahawai chaser (3545)
1397008 2015-04-08 01:46:00 Yeah - I started with front page and free web platfroms, but slowly progressing to HTML5. Better to customise than be stuck with free or cheap web platforme, e.g. blogger, Google Sites, wix, edicy pages, etc. But now and then I might dip in to a tutorial to refresh.

Note: Google have indicated that a new ranking "friendleness" (bit.ly) (search results) algorithim is coming for mobile websites April 21st. They want mobile sites to be responsive and user friendly. You can test here (www.google.com) at their mobile test site.

The other problem free templated website packages is that they come with a LOT of code bloat with gives them unnecessary overhead when the pages are being sent from the server to the browser.

Firefox, Chrome and Safari all have various sized mobile screens available in their developer menus which are good when building a site, but the best test comes when you actually view the site on your mobile device. That is when you find if you got the layout right and if your interactive components are laggy or not. 		Webdevguy (17166)
1 2