Od jQuery do HTML5 i CSS3

OD JQUERYDO HTML5 i CSS3

HTML5PANTS

web 2.0?

jQuery?

to już przeszłość...

CSS2HTML JavaScript Flash

HTML5 JavaScript CSS3

<marquee /> -> JavaScript -> CSS3

CSS3 > Flash/JavaScript

http://www.ﬂickr.com/photos/red5standingby/975389672/sizes/l/

$.animate?

$.animate? ﬂickr.com/photos/athomeinscottsdale/3279949186/sizes/l/

CSS3 Transitions

Working Draft

p { [-moz,-webkit,-o]transition: własność czas_trwania typ_opóźnienia}

p { -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}

p { -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}p:hover { opacity: 0.2;}

CSS3 Animations

Working Draft

@keyframes nazwa_animacji { [klatka]% { własność: wartość; } [klatka]% { własność: wartość; }}.foobar:hover { animation-name: nazwa_animacji; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 2s;}

@-webkit-keyframes nazwa_animacji { 0% { left: 10px; } 30% { left: 50px; } 60% { left: 90px; } 100% { left: 130px; }}.foobar:hover { -webkit-animation-name: nazwa_animacji; -webkit-animation-duration: 2.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}

Czy ktoś widział JavaScript?

Formularze

Więcej?

http://articles.sitepoint.com/article/html-5-snapshot-2009/3

Moja aplikacja potraﬁ wybierać kolorki i jestem z niej dumny („ ”) Ty, nie uwierzysz, znalazłem fajny plugin do jQuery, no bez kitu, tylko 15kb!

Wybieranie kolorków w najnowszej Operze 11, sprawdź!

Bez pluginów, pełna satysfakcja

jQuery!

HTML5 i CSS3!

Jest tego więcej!

kilka obrazków jako tło elementu gradienty contenteditable=”true” <audio> <video> <canvas> querySelectorAll @font-face border-radius border-image

Czego nie wymieniłem?

caniuse.com

diveintohtml5.org

css3.pl

Dzięki!

Damian Wielgosik ferrante.pl varjs.com

http://ferrante.pl	953
http://speakerrate.com	65
http://www.netvibes.com	2
http://static.slidesharecdn.com	1

Od jQuery do HTML5 i CSS3

by Damian Wielgosik on Feb 13, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 1,021

Statistics

Od jQuery do HTML5 i CSS3 — Presentation Transcript