• Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Webinar html5 css3

on

  • 3,280 views

Snel op de hoogte van alle mogelijkheden van HTML 5 / CSS 3. Onze cursus volgen? http://eduvision.info/html5-css3

Snel op de hoogte van alle mogelijkheden van HTML 5 / CSS 3. Onze cursus volgen? http://eduvision.info/html5-css3

Statistics

Views

Total Views
3,280
Views on SlideShare
2,935
Embed Views
345

Actions

Likes
2
Downloads
0
Comments
0

7 Embeds 345

http://www.webthings.nl 268
http://www.eduvision.nl 54
http://www.eduvision.be 12
http://www.webthings.be 7
http://www.eduvision.nl.sites.intra 2
http://www.eduvision.be.sites.intra 1
url_unknown 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Webinar html5 css3 Presentation Transcript

  • 1. HTML5 / CSS3 Webinar Alle informatie op http://eduvision.info/html5
  • 2. Vooraf
    • Compatibaliteit
    • Status Flash
    • Javascript
    • GO GO GO
  • 3. NIEUW NIEUW HTML
    • Basis indeling pagina
    • Nieuwe tags
    • Video tags
    • Audio tags
    • Canvas
  • 4. Nieuwe tags
  • 5. De traditionele indeling
  • 6. Indeling 2.0
  • 7. In html5
    • <!DOCTYPE html>
    • <html dir=&quot;ltr&quot; lang=&quot;en-US&quot;>
    • <head>
    • <meta charset=&quot;utf-8&quot;>
    • <title>HTML5</title>
    • </head>
    • <body>
    • <header>
    • <nav></nav>
    • </header>
    • <section>
    • <article>
    • <header></header>
    • <figure></figure>
    • <footer></footer>
    • <dialog><dialog>
    • </article>
    • <aside></aside>
    • </section>
    • <footer></footer>
    • </body>
    • </html>
  • 8. Formulieren: nieuwe veldtypen
    • Datetime
    • Datetime-local
    • Number
    • Range
    • Email
    • Url
    • Color
  • 9. Video
    • <video src=&quot;mijnvideo.ogg&quot; />
    • en met controls
    • <video src=&quot;mijnvideo.ogg&quot; controls />
  • 10. Audio
    • <audio src=&quot;mijnaudio.ogg&quot;></audio>
    • <audio src=&quot;mijnaudio.ogg&quot; autoplay controls loop>
    • <a href=&quot;mijnaudio.ogg&quot;>download</a>
    • </audio>
  • 11. Canvas
    • <canvas id=“voorbeeld&quot; width=&quot;200&quot; height=&quot;200&quot;></canvas>
  • 12. Canvasrider.com
  • 13. Storage
    • localStorage – data opslag zonder tijdslimiet
    • sessionStorage – opslag voor 1 sessie
  • 14. NIEUW NIEUW CSS3
    • Kleur
    • Achtergronden
    • Borders
    • Tekst
    • Transformatie (2d / 3d)
  • 15. Kleuren: HSL
    • HSL Kleuren (Hue, Saturation, Lightness)
    • HSLA Kleuren (Hue, Saturation, Lightness, Alpha)
    • +A = Opacity
  • 16. Kleuren: RGBA
    • Alpha kanaal (Opacity)
  • 17. Achtergronden
    • Background-size
    • Meerdere achtergronden (niet breed ondersteund)
  • 18. Borders
    • Colored borders
    • Border image
    • Border radius (afgeronde borders)
    • Box shadow
  • 19. Tekst
    • Text shadow
    • Text overflow
    • Word wrap (wel of niet afbreken woord)
    • Extern lettertype inladen (@font-face)
  • 20. Transformatie
    • Rotate
    • Scale
    • Skew
    • Translate
  • 21. Rotate: 30 graden
  • 22. Scale (transform)
  • 23. Skew
  • 24. Translate
  • 25. Cursus HTML 5/CSS 3
    • eduvision.info/html5-css3
    • Alle nieuwe HTML
    • Alle nieuwe CSS
  • 26. Vragen?
    • Twitter: twitter.com/eduvision
    • Facebook: facebook.com/eduvision
    • Linkedin: arjan-burger.nl
    • Facebook: fb.arjan-burger.nl
    • Later vragen? Bel of mail ons!
    • +31 (0)55 576 80 44
    • +32 (0)3 747 03 10
    • info@eduvision.nl/info@eduvision.be