Welcome to WebmasterWorld Guest from 34.225.194.144

Forum Moderators: open

Message Too Old, No Replies

HTML5 and Bootstrap

     
11:28 am on Aug 10, 2015 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 28, 2007
posts: 105
votes: 0


Hey y'all,

I noticed bootstrap is a new plugin to install and code your site a lot better.
I haven't completely converted over yet but would like to understand it more.

Do people still use CSS resets or hacks e.g. Eric Meyer? Or is this no longer applicable to HTML5 or bootstrap?

It look like there are some new tags added:

<doctype html> 
.....w
<body>
<header></header>
<article></article>
<footer></footer>
</body>
</html>


I haven't found a go to code to structure a page?
If you can show me a basic one apart from the one above then I would much appreciate it?

Many thanks in advance
CHEERS :)
6:09 pm on Aug 10, 2015 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
posts: 5021
votes: 26



Do people still use CSS resets or hacks e.g. Eric Meyer? Or is this no longer applicable to HTML5 or bootstrap?

Yes, these are still very useful. Another popular choice is Normalize [necolas.github.io].

I haven't found a go to code to structure a page?

That's the good (and bad) thing about HTML... there is no single, all-encompassing, correct way to do it. You might find Dive Into HTML 5 [diveintohtml5.info] very useful for getting started. Once you've given that a look, take a look at the HTML5 Boilerplate [html5boilerplate.com]. It contains a good structure to get started with.
7:24 pm on Aug 10, 2015 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 27, 2001
posts: 12172
votes: 61


I noticed bootstrap is a new plugin to install and code your site a lot better.

Bootstrap is a "Framework" based on the Twitter Development Team's interpretation of the HTML specification. I think they have some of it wrong but for the most part, it's a solid framework to start with. You can easily change what you don't like by customizing/extending the Bootstrap CSS.
I haven't completely converted over yet but would like to understand it more.

Everything you'll need is right here...

[GetBootstrap.com...]

It looks like there are some new tags added: <header></header>, <article></article>, <footer></footer>

This is one of the resources I recommend to fully understand all HTML elements. There are quite a few more than those listed above.

[Simon.HTML5.org...]

I haven't found a go to code to structure a page? If you can show me a basic one apart from the one above then I would much appreciate it?

The GetBootstrap site provides examples for you to start with and learn...

[GetBootstrap.com...]
8:14 am on Aug 12, 2015 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 28, 2007
posts: 105
votes: 0


Thank you so much guys! I took the time to study on those links. I have noticed a really lot of html5 sites very attractive animation without using adobe flash?
Anyone here knows how this site was built: [prospek.ca...]

I view the source code and wow it looked like the footer tag was near the body tag? This is a great start for me to get the ball rolling
3:26 pm on Aug 12, 2015 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
posts: 5021
votes: 26


Take a look at CSS Transitions [developer.mozilla.org].
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members