Ich habe mich in letzter Zeit wirklich mit diesem jQuery-Phänomen beschäftigt. jQuery ist eng mit CSS verbunden, also wenn Sie sich bereits mit CSS wohlfühlen und nach Möglichkeiten suchen, Ihre Möglichkeiten zu erweitern, ist jQuery der richtige Ort. Sie können damit so viele coole Effekte erzielen, und es gibt so viele gute Lernressourcen dafür, dass ich denke, es ist sinnvoll für ernsthafte Webdesigner, sich damit zu beschäftigen. In den letzten Wochen bin ich auf einige großartige Tutorials und Zusammenfassungen gestoßen, die mir beim Lernen geholfen haben, also dachte ich, ich teile sie.
jQuery für Designer
Ich war sehr erfreut, diese Seite zu finden. Es gibt nur sieben Beiträge, glaube ich, aber jeder einzelne davon ist ein Juwel. Vier davon haben sehr gut gemachte Screencasts, die sie begleiten, wo Sie den Code sehen können, wie er erstellt wird, und die dahinterstehende Denkweise verstehen können. Sehr genial.
Web Designer Wall: jQuery-Tutorials für Designer
Nick La hat einen Artikel mit 10 großartigen Beispielen, wie man recht einfache Dinge in jQuery macht, wie z. B. ein einfaches Akkordeon erstellen und Boxen löschen. Das gesamte Paket ist kostenlos herunterladbar.
8 fantastische jQuery-Tutorials für Designer
Ich habe dieses Roundup für TutorialBlog zusammengestellt, das einige weitere Tutorials hervorhebt, die in diesen anderen Roundups möglicherweise nicht gesehen wurden.
50 erstaunliche jQuery-Beispiele
Manchmal ist ein guter Weg zu lernen, einfach Beispiele herunterzuladen und damit zu spielen. Noupe ist immer großartig für große Zusammenfassungen und diese jQuery-Zusammenfassung ist keine Ausnahme.
Auch
jQuery Homepage
jQuery UI
Ich habe mich auch damit beschäftigt, ich habe die Tutorials auf Web Designer Wall benutzt, um etwas jQuery zu meiner Homepage hinzuzufügen, ich habe Block-Links und einige coole Opazitätsänderungen beim Überfahren.
Es ist definitiv etwas, mit dem ich mehr machen werde.
Es scheint im Moment eine Menge Blogbeiträge über jQuery zu geben und ein Buch ist gerade herausgekommen.
Ich spiele seit ungefähr einem Tag damit und es gefällt mir sehr gut. Kleiner als Prototype und ich finde es einfacher zu laden als Moo-Tools.
Ich mag diese kleine Dokumentationsseite hier.
Auch als ich sagte, es sei kleiner als Prototype, meinte ich es wirklich, schau dir diese Zahlen an.
Danke Chris,
Ich bin total mit dir, wenn du Experte oder auch nur ein normaler Designer mit CSS bist, jQuery wird dir das geben, was du brauchst.
Danke für den Link Chris, und für das ausgezeichnete Roundup.
Hallo Chris,
Sehr schöne Sammlung. Eine allgemeine Frage: Hat jemand hier MooTools schon länger ausprobiert? Gibt es einen Grund, warum so viele Leute jQuery benutzen? Gibt es Klone von beliebten "Anwendungen", zum Beispiel LightBox (oder MooTools: Slimbox)?
Nebenbei bemerkt: Ich liebe die Tipps und Tricks auf deiner Seite wirklich. Diese sind für mich als fortgeschrittener Webdesigner und Entwickler sehr hilfreich. Ich werde mir bald auch deine Screencasts ansehen. Danke für diese Website.
PS: Entschuldigung, wenn mein Englisch schlecht ist, ich bin Deutscher.
@ as-Design.
Menschen sind Affen, Affe sieht, Affe tut. Du siehst jemanden jQuery benutzen, über jQuery reden und bevor du es weißt, wirst du es auch benutzen. Warum? Weil wir Affen sind.
Es gibt eine Menge AJAX-Toolkits, die du benutzen kannst. Außerdem gibt es bei jQuery viele Anwendungen, die Skripte für dich erstellen, und das ist die Nachfrage. Du willst nicht die ganze Arbeit selbst machen, wenn jemand anderes sie bereits gemacht hat. Das wäre Zeitverschwendung (es sei denn, du magst es natürlich, es auf die harte Tour zu machen).
Der einzige Vorschlag, den ich dir geben kann, ist, alle Toolkits auszuprobieren und zu sehen, was am besten zu deinem Workflow und deinem Projekt passt. Es könnte auch klug sein, über das Framework hinauszuschauen, wenn es sich mit anderen Frameworks integrieren lässt. Einige Toolkits haben Widgets oder Funktionen, die andere nicht haben, daher musst du manchmal die Toolkits mischen, um deine gewünschte Benutzererfahrung zu erzielen.
Ich bin ein Adobe Spry-Süchtiger, ich habe damit angefangen, ohne jegliche JavaScript-Erfahrung, und wurde zum ersten Adobe Spry Community Expert. Ich habe mich in seine Einfachheit verliebt und wie es sich wie eine Erweiterung von HTML und CSS anfühlt.
Ich habe Mootools ausprobiert und ich muss sagen, sie sind nicht schlecht :p, wie ich oben gesagt habe, wähle ein Framework, das zu deinem Workflow und deinem Projekt passt, nimm nicht einfach die 'bekannten' Bibliotheken, jQuery, Prototype, Scriptaculous, YUI, Mootools, Dojo, ExtJs, Nitobi, Spry, GWT, JMaki, Mochikit ..
Und oh je... das muss der längste Blogbeitrag hier sein ._.
Ich gebe zu, der Grund, warum ich mich für jQuery entschieden habe, war ein wenig "affenartig". Ich sehe viele andere Designer, die ich mag und bewundere, die es benutzen, also folge ich ihrem Beispiel.
Ich bin sicher, dass alle wichtigen Frameworks ihren Reiz haben, aber ich denke, die Zeit ist besser investiert, wenn man eines wirklich lernt, anstatt mehrere nur oberflächlich zu lernen. Ich bin mir auch sicher, dass alle wichtigen (Prototype, Spry, MooTools, YUI...) ihre glühenden Verfechter haben, und das wahrscheinlich zu Recht.
Hallo Chris,
Großartiges Roundup von jQuery-Tutorials. Wenn Sie die Gelegenheit haben, finden Sie vielleicht einige gute Dinge auf meiner Seite, Learning jQuery, ebenfalls.
@as-design: Als Antwort auf Ihre Frage zu Lightboxen hat jQuery eine Reihe von Plugins, die die gleiche Art von Dingen und mehr tun: ShadowBox, Thickbox, Lightbox, etc. Tatsächlich ist ShadowBox bibliotheksunabhängig, sodass Sie es mit jeder der Bibliotheken oder mit keiner verwenden können. Es ist eine schöne Sache.
Ich entwickle derzeit ein CMS ausschließlich mit jQuery und ich muss sagen, es macht mein Leben 100x einfacher. Die AJAX-Funktionalität ist entscheidend, da alle Aktualisierungen des Systems abgeschlossen werden können, ohne die Seite verlassen zu müssen. jQuery ist König.
Ich frage mich, welches JS-Framework am besten für FatWire CMS geeignet ist. Wir verwenden derzeit Adobe Spry und Mootools für einige Effekte. Ich bin ziemlich neu in JS, also ist jede Hilfe großartig. Danke.
Hallo nochmal. Wie überzeuge ich meinen Entwicklungsleiter davon, dass jQuery das Beste ist? Er ist nicht abgeneigt, aber ich muss ihm solide Beweise liefern, dass jQuery gegenüber anderen JS-Frameworks der richtige Weg ist. Danke nochmal.
@Barry: Gute Frage. Leider kann ich es nicht wirklich gerecht werden, da jQuery das einzige Framework ist, das ich wirklich "kenne", und ich kenne es nicht wirklich gut.
Ich habe jedoch das Gefühl, dass sich jQuery sehr natürlich anfühlt, weil es so eng mit HTML und CSS verbunden ist. Sie zielen auf Elemente mit ungefähr der gleichen Syntax, die Sie im Markup verwenden, und Sie steuern CSS mit den gleichen Attributen, die Sie in echtem CSS verwenden. Ziemlich cool.