jQuery-Tutorial für Anfänger Wie kann man jQuery für Anfänger vorstellen. jQuery bietet sehr viel – und das browserübergreifend. jQuery ist zugegebene wesentlich mehr, also nur die schmerzfreie Art mit JavaScript zu arbeiten. jQuery beseitigt die Nachteile von JavaScript, die oft darin lagen, dass man sich wegen der Browserkompatiblität sich fast tot programmiert hat. Hier bietet jQuery eine einheitliche Vorgehensweise. Aber noch wichtiger ist, dass viele Möglichkeiten mit wenigen Zeilen jQuery-Code umgesetzt werden können. Einsatz und Möglichkeiten von jQuery Hier in Kurzform die Möglichkeiten – später dann ausführlich Einfache Möglichkeiten, Elemente auf der Website (DOM) auszuwählen (um dann später damit Sachen zu machen wie Aussehen ändern, Animationen oder Aktionen). Es lohnt sich also, sich mit jQuery zu beschäftigen und anzufreunden. jQuery-Bibliothek in die eigene Website einbinden Bevor wir jQuery nutzen können, müssen wir die jQuery-Bibliothek in unsere Website einbinden. Es gibt 2 Arten um jQuery einzubinden.
Lektion 10: Tabellen - HTML.net Tabellen werden verwendet um “Tabellendaten” anzuzeigen, also Informationen, welche logisch – in Zeilen und Spalten angeordnet – präsentiert werden können. Ist das schwierig? Tabellen in HTML zu bauen mag am Anfang schwierig aussehen. Aber wenn Sie cool bleiben und Schritt für Schritt vorgehen, ist es eigentlich ganz logisch. So wie alles andere bei HTML auch. Beispiel 1: <table><tr><td>Zelle 1</td><td>Zelle 2</td></tr><tr><td>Zelle 3</td><td>Zelle 4</td></tr></table> sieht im Browser wie folgt aus: Wo ist der Unterschied zwischen <tr> und <td>? Werfen Sie einen nochmal einen kurzen Blick auf das obige Beispiel, dies ist wohl das bisher schwerste. Drei verschiedene Elemente werden benötigt, um Tabellen zu erzeugen: Der Start-Tag <table> öffnet und der End-Tag </table> schließt die Tabelle. Hier eine kurze Erklärung des Beispiels 1: Die Tabelle startet mit einem <table> und wird gefolgt von einem <tr>, welches der Beginn einer neuen Zeile ist. Zelle 1 und Zelle 2 bilden eine Zeile. Beispiel 2:
Getting Started with the JavaScript Version of the GreenSock Animation Platform (GSAP) Quick links: Jump Start Introduction Animating with code may seem intimidating at first, but don't worry – the GreenSock Animation Platform (GSAP) was engineered to make it simple and intuitive. What exactly is GSAP? The GreenSock Animation Platform is a suite of tools for scripted animation. TweenLite: the core of the engine which handles animating just about any property of any object. Loading the GSAP files Check out the download screen where you can download a zip containing minified and uncompressed files, or you can just paste a CDN link right into your page. Since TweenMax includes TweenLite, CSSPlugin, EasePack, TimelineLite, TimelineMax, RoundPropsPlugin, BezierPlugin, AttrPlugin, and DirectionalRotationPlugin, this one file gives you tons of goodies to play with and the CDN should help things load very quickly. Notice that we're linking to the "latest" version of these files, which means that as new versions come out you should automatically get those updates. Basic tweening Easing
ScrollMagic: Ein Animationsframework, das hält was der Name verspricht | t3n Jan Paepke hat den Urvater der Scroll- und Animation-Frameworks, nämlich Superscrollorama, von Grund auf neu entwickelt und geschrieben. Am besten könnt ihr euch ScrollMagic als ein Skript vorstellen, das den Scrollbalken als eine Art „Fortschrittsbalken“ sieht. Wird ein gewisser Punkt erreicht: Zack – und es wird eine Funktion gezündet. Das hört sich jetzt noch alles sehr abstrakt und wenig spektakulär an: wartet aber bis ihr die Demos gesehen habt. Wie auch Superscrollorama basiert ScrollMagic auf der „Greensock Animation Plattform“ (GSAP), wurde aber um folgende Funktionen erweitert: Erhöhte PerformanceUnterstützung mobiler GeräteFull-responsive-UnterstützungObjektorientierte ProgrammierungUnterstützung von horizontalem und vertikalem scrollenScroll-Möglichkeit innerhalb von (multiplen) DivisionsDebugging-Extension ScrollMagic: So könnt ihr es nutzen Bevor ihr ScrollMagic nutzen könnt, müsst ihr vorher die Abhängikeiten beachten. Fazit: Gefällt mir! NEU: Lass dir diesen Artikel vorlesen
ScrollMagic - Demo