Comments on: Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/ Web Design & Development Blog Fri, 24 Feb 2012 23:55:31 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Vivian http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-139254 Vivian Sun, 05 Feb 2012 13:30:50 +0000 http://inspectelement.com/?p=6298#comment-139254 I got confused by your comments, and I did some more research how to use sections in html5. In this Impressive Webs article they conclude this: "DO use section to divide the different sections of a one-page website or portfolio". http://www.impressivewebs.com/html5-section/ Thus, it seems that as you said, the section id="contentcontainer" should be a DIV instead. But to not to confuse others who use this tutorial, ALL THE OTHER SECTIONS are used CORRECTLY. :-) I got confused by your comments, and I did some more research how to use sections in html5. In this Impressive Webs article they conclude this: “DO use section to divide the different sections of a one-page website or portfolio”. http://www.impressivewebs.com/html5-section/

Thus, it seems that as you said, the section id=”contentcontainer” should be a DIV instead. But to not to confuse others who use this tutorial, ALL THE OTHER SECTIONS are used CORRECTLY. :-)

]]> By: Jaider http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-137479 Jaider Tue, 31 Jan 2012 04:39:30 +0000 http://inspectelement.com/?p=6298#comment-137479 HTML5 Validation is OK, but it failed on CSS Validation. http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finspectelement.com%2Fhtml5portfolio%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en Result: W3C CSS Validator results for http://inspectelement.com/html5portfolio/ (CSS level 3) Sorry! We found the following errors (38) HTML5 Validation is OK, but it failed on CSS Validation. http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finspectelement.com%2Fhtml5portfolio%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

Result:
W3C CSS Validator results for http://inspectelement.com/html5portfolio/ (CSS level 3)
Sorry! We found the following errors (38)

]]> By: Rasha http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-109859 Rasha Sun, 04 Dec 2011 13:59:17 +0000 http://inspectelement.com/?p=6298#comment-109859 Great Article , is there anyway to make slide horizontal ???? Thanks Great Article , is there anyway to make slide horizontal ????
Thanks

]]> By: Jitendra Shah http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-106901 Jitendra Shah Mon, 28 Nov 2011 21:41:51 +0000 http://inspectelement.com/?p=6298#comment-106901 Good tutorial to get you started on HTML5! Good tutorial to get you started on HTML5!

]]> By: Jitendra Shah http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-106900 Jitendra Shah Mon, 28 Nov 2011 21:39:19 +0000 http://inspectelement.com/?p=6298#comment-106900 Nice tutorial! Nice tutorial!

]]> By: Mena http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-72569 Mena Wed, 21 Sep 2011 20:10:04 +0000 http://inspectelement.com/?p=6298#comment-72569 how to change the nav bar background after jumping intro diffrent section ? or change the background-image ? how to change the nav bar background after jumping intro diffrent section ? or change the background-image ?

]]> By: Zap! Media http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-68169 Zap! Media Sat, 10 Sep 2011 07:35:19 +0000 http://inspectelement.com/?p=6298#comment-68169 More and more websites are now making use of HTML5. Fantastic article, thanks for sharing. More and more websites are now making use of HTML5. Fantastic article, thanks for sharing.

]]> By: mobilya modelleri http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-67505 mobilya modelleri Thu, 08 Sep 2011 20:08:33 +0000 http://inspectelement.com/?p=6298#comment-67505 Hi Tom Kenny, This template doesn’t seem to be working with Blogger. I copied the HTML template above and pasted it in the Blogger HTML editor, each time I try to save the template it shows an error message: Open quote is expected for attribute “{1}” associated with an element type “id”. How to fix this? Does this template support Blogger? Hi Tom Kenny,

This template doesn’t seem to be working with Blogger. I copied the HTML template above and pasted it in the Blogger HTML editor, each time I try to save the template it shows an error message: Open quote is expected for attribute “{1}” associated with an element type “id”. How to fix this? Does this template support Blogger?

]]> By: Tom Kenny http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-66578 Tom Kenny Tue, 06 Sep 2011 08:14:25 +0000 http://inspectelement.com/?p=6298#comment-66578 Unfortunately the form doesn't actually work. You'll have to implement that yourself. I may actually do a simple tutorial about creating a working form soon. Unfortunately the form doesn’t actually work. You’ll have to implement that yourself. I may actually do a simple tutorial about creating a working form soon.

]]> By: rafael john "flaming pixel" http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/#comment-65933 rafael john "flaming pixel" Sun, 04 Sep 2011 11:53:04 +0000 http://inspectelement.com/?p=6298#comment-65933 Hi Tom, once I read the tutorial I know I had to learn more css3 and html5 stuff, so thanks for the nice post. I have even made a somewhat copy of my portfolio but with your design implemented. you can check it at rafaeljohn.com/html5 , I actually treat it as my html5/css3 gallery ^_^, I'm also planning to make my porfolio gallery to be jquery slider or you know the one's that pop out.hehe, But I guess I have to research on more resources for that *or maybe I'll just have to dig in your site more and maybe found some good resource*. one question, does the form in this design works? I mean if I just actually copy the code for the form,edit some email address, it'll work? Sadly my host has no smtp service..Thanks! any tips? ^^ Hi Tom, once I read the tutorial I know I had to learn more css3 and html5 stuff, so thanks for the nice post. I have even made a somewhat copy of my portfolio but with your design implemented.
you can check it at rafaeljohn.com/html5 , I actually treat it as my html5/css3 gallery ^_^, I’m also planning to make my porfolio gallery to be jquery slider or you know the one’s that pop out.hehe, But I guess I have to research on more resources for that *or maybe I’ll just have to dig in your site more and maybe found some good resource*.

one question, does the form in this design works? I mean if I just actually copy the code for the form,edit some email address, it’ll work? Sadly my host has no smtp service..Thanks!

any tips? ^^

]]>