HTML5 and Bootstrap

Forum Moderators: open

Message Too Old, No Replies

HTML5 and Bootstrap

buckmajor

11:28 am on Aug 10, 2015 (gmt 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 :)

Fotiman

6:09 pm on Aug 10, 2015 (gmt 0)

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.

pageoneresults

7:24 pm on Aug 10, 2015 (gmt 0)

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...]

buckmajor

8:14 am on Aug 12, 2015 (gmt 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

Fotiman

3:26 pm on Aug 12, 2015 (gmt 0)

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