Html5 and CSS3 Tutorial

[Tfishdesign]

Thanks man. Good stuff! I didn't know about a couple of those input types for forms yet. By the way though for an html5 doctype declaration you would need only "html", your document actually shows an xhtml doctype declaration. Thank you again.

[memoivoila]

Thank you very helpful.

[dr798]

DON'T EVER TELL PEOPLE TO GO TO W3SCHOOLS!!!!! ARGH!!!!

[sl00tie]

@dr798 Perhaps you'd like to elaborate as to why.. ? Is there something evil about them neither ryanconn4 nor i know?

[dr798]

@sl00tie Sorry, go to "w3fools(dot)com". That'll explain it all for you.

[sl00tie]

@dr798 Thanks for the URL. I really like the vast amount of examples they'e got... ; )

[dr798]

@sl00tie You're very welcome. It does show that they have some work to fix w3schools. There are just too many mistakes. :]

[emale003]

I don't know anything about web development. What IDE are you using?

[ryanconn4]

@emale003 In that one I am using adobe dreamweaver cs5.

[yvonnia123]

That was probably one of the best no-muss-no-fuss html5 tuts!! Can you do one on layouts? Obviously I'd use css, but I'm a little confused about the articles and sections. Thx!

[ryanconn4]

@yvonnia123 I should be able to get one of those done... Will let you know when i finish it.



[macoronicheez]

hey guys to test you web development code head to htmlbin(.dot)info for a free code sandbox

[emilelampe]

i want to put something like audio or a video in my page, with dw cs4, i downloaded a html5 package from adobe.com. but when i use the code, i get the size of the vid, but i cant press play and there is just a black screen, with the audio, i also cant press play... please help me

[ryanconn4]

@emilelampe Not all browsers support html5 yet, internet explorer 8 doesnt internet explorer 9 does a little but google chrome and firefox 4 and up should... Thats what it sounds like the problem is... a work around is you can flash embed between the tags for browsers that dont support html5

[emilelampe]

@ryanconn4 My browser is Google Chrome,if I use IE it doesn't shows anything.

If I use Chrome, it only shows the size of the vid, but a black screen and I cant press play...

[ryanconn4]

@emilelampe are you using the controls parameter in the tag.... you have to use controls="controls" in side the tag along with the width and height.

[emilelampe]

@ryanconn4 yeah i'm using everything you said, and i also looked for another vid where they do it slightly different, same results.... again, thanks for helping

[ElectromechanicPyro]

Nice tutorial, cleared up some of my confusion about the new tags and stuff. Only one thing - Your !DOCTYPE is old HTML4. The new one is just '!DOCTYPEhtml'

[ryanconn4]

@ElectromechanicPyro Thanks a couple of people pointed that out... it was the default set for dreamweaver and i forgot to change it... but yes if you are using strict html5 thats very important thanks... Im also glad it helped

[ElectromechanicPyro]

@ryanconn4 Yea, I know what you mean about Dreamweaver. It looks like it is doing the predictive text thing on the new tags?? Is that the case??

[ryanconn4]

@ElectromechanicPyro yes it does that by default.... I also have a plugin installed that auto hints html5 and css3.

[BeastlyRig]

@ryanconn4 is it smart to use only html 5 now?

[ryanconn4]

@BeastlyRig Yes and no. There are a list of browsers that support html5 and which tags and browsers are compatible. They all should be within the next year.

[nkhullar1]

dude which editor are you using ... sorry for lame question but I just started with basics

[ryanconn4]

@nkhullar1 in this one I am using Adobe Dreamweaver CS5

[yeshuafollower]

Forgive me if I seem like a know-it-all because I'm very new to CSS3. Doesn't the third number for box shadow define the shadow's width? It sounded like you said it defines the bottom offset.

[Chiisuchianu]

Hello! i just wanna ask coz i am really new to HTML5 and i have an assignment... i need to develop a dictionary application... i'm already finish with the design and some functions, my problem now is that how can i link the word inputted on the the textarea to google dictionary when you click the word to show what the word means... BIG BIG HELP HERE!!!!! my deadline is coming...

[TheSlippySock]

wow css3 looks awesome, no more images for rounding of divs anymore

[JoseDiogo1992]

Nice tutorial mate.

[ryanconn4]

@JoseDiogo1992 Thank You

[morphman86]

O my god... I woke up this morning with a wish to learn how to make a proffessional web page, and you just thought us the basics in under 10 minutes.

My lust for learning just grew!

[minus9176]

Really liked this video.. Im new into this but really wanna learn now :) Thx

[ryanconn4]

@minus9176 I am glad you liked it....

[leo104777401]

Better define the proper doc type for html5

[ryanconn4]

@leo104777401 Thanks I realized that after I uploaded the video.

[crazeycane]

what editor are you using?

[ryanconn4]

@crazeycane I am using Dreamweaver in this one

[Techn0Junki3]

NEVER USE W3SCHOOLS.

[ferzao47]

WoW. It's Fantastic!!!