Große JQuery Plugins für frische Webseiten
Man kann sich nur vorstellen, wie schwierig es war, Webdesign zu üben, als alles so neu erschien - in den Tagen von Netscape Navigator und Microsoft FrontPage. Rückblickend scheint es so eine archaische Zeit in der Geschichte des Webdesigns zu sein. Es war fast unmöglich, etwas von höchster und intelligenter Kreativität zu entwerfen. Damals wurden Sie als kreativ angesehen, wenn Sie einen schrecklich blinkenden Hintergrund oder farbige Bildlaufleisten hatten.
Es gab nicht wirklich viel Flexibilität, wenn es um das Wesentliche des Designs ging. Viele der Layouts waren gleich und ahmten nach, was in Magazinen und Zeitungen zu sehen war. Ich meine, denken Sie mal darüber nach: Vor nicht allzu langer Zeit konnten wir endlich einen Weg finden, dekorative Schriften online zu verwenden. Vorher war es alles Arial, alles Verdana und alle Zeiten New Roman - können Sie sich 2012 vorstellen, dieses Leben zu leben?
Tische waren die Norm und diese waren nicht zu flexibel. Apropos Flexibilität, wie haben wir jemals ohne Reaktionsfähigkeit gelebt? Wenn du vor einer Weile eine Website entwerfen wolltest, warst du ziemlich gut darin, mit dem zu arbeiten, was du hattest. Niemand beschwerte sich damals, aber Gott sei Dank für fortschrittliche Technologie.
Jetzt…
Schneller Vorlauf bis jetzt, und wir können so ziemlich alles so gestalten, wie wir es wollen, in was auch immer wir wollen. Diese Art von Dingen sollte nicht als selbstverständlich betrachtet werden, aber da neue Generationen von Designern und Entwicklern diesen Bereich betreten, ist es ziemlich viel. Ich meine, vor ein paar Monaten konnten wir endlich Stylesheets verwenden, um abgerundete Ecken zu erzeugen - wie schnell vergessen wir?
Die Fortschritte im Webdesign können zur fortlaufenden Entwicklung verschiedener Programmiersprachen beitragen. Sie können kein großartiges Webdesign haben ohne eine großartige Webentwicklung (und umgekehrt). Und Sie würden denken, die Dinge sind vielleicht komplizierter geworden, was die Entwicklung angeht, aber es ist ziemlich offensichtlich, dass die Dinge einfacher geworden sind. Sehen Sie sich zum Beispiel HTML4 gegenüber HTML5 an.
Eine der größten Entwicklungen im Bereich Entwicklung und Design war die Verwendung von jQuery. Es ist wahrscheinlich eine der einfachsten JavaScript-Bibliotheken, mit denen man lernen und programmieren kann. Wenn Sie frei gestalten und / oder ein paar wirklich tolle Interaktionen zwischen Ihrem Design und Ihrer Zielgruppe wünschen, werden Sie wahrscheinlich jQuery verwenden.
Die Plugins
jQuery erhöht nicht nur den tatsächlichen Entwicklungsaufwand, sondern verbessert auch die Benutzererfahrung. Wenn Websites so gestaltet werden sollten, dass sie Ihr Publikum willkommen heißen und es ihnen leicht machen, sich zu bewegen, ist dies wichtig. Das Design ist auch wichtig, wenn Sie eine große Menge an Kreativität mit Ihrem Design verwenden. Grundsätzlich sollten der Erstellung von Websites keine Grenzen gesetzt sein, und jQuery ist äußerst hilfreich, um sicherzustellen, dass Sie nicht in Boxen gefangen sind. Was kann jQuery für Sie tun? Im Folgenden finden Sie einige großartige Plugins, mit denen Sie in der Webentwicklung so kreativ und aktuell wie möglich sein können.
jQuery Gittermobile
Manche Designer öffnen gern das Programm ihrer Wahl und entwerfen ohne Bedenken das, was sie wollen. Es gibt andere, die gerne eine Methode zu ihrem Wahnsinn haben. Webdesign-Standards legen nahe, dass wir Grids verwenden sollten, um uns dabei zu helfen, großartige und effektive Websites zu entwickeln, insbesondere wenn Sie einen Blog oder eine Nachrichtenseite entwerfen. Ein zweiter Teil dieser Idee ist, dass das Netz flexibel und anpassungsfähig sein sollte. Mit diesem Plugin können Sie mehrere Spalten mit (und ohne) Reaktionsfähigkeit erstellen.
ArcText.js
Vor ein paar Jahren, wenn Sie einige wirklich großartige Schriftarten und typografische Effekte auf Ihrer Website haben wollten, mussten Sie Ihr gewünschtes Design-Programm öffnen und eine Grafik mit allem erstellen, was Sie wollten. Es war eine gute Technik, bis die Leute feststellten, dass sie nicht die flexibelste Lösung war. Mit Fortschritt und Technologie sind wir jedoch in der Lage, dekorative Schriften online zu verwenden. Nicht nur das, aber mit diesem Plug-In können wir ihnen etwas Styling hinzufügen, das sonst außerhalb von Photoshop nicht verfügbar wäre.
Fancy Moves
Ein gängiger Trend im modernen Webdesign ist die Fähigkeit, Dinge in Bewegung zu bringen. Es ist fast unmöglich, eine Website zu besuchen und statische Bilder zu sehen - fast jeder benutzt einen Bildschieber in irgendeiner Form oder Mode. Viele dieser Schieberegler sind automatisch und ändern Bilder in einem bestimmten Zeitrahmen. Daran ist nichts falsch, aber wie können Sie ein solches Konzept nutzen und es für die Benutzerfreundlichkeit verbessern? Dieses Fancy-Movies-Plug-in scheint so zu funktionieren, dass die Zuschauer die Folie steuern können, und zwar nicht nur durch Klicken auf den nächsten Pfeil, sondern auch durch einfaches Drücken der Pfeiltasten auf ihren Tastaturen.
FitText
Typografie im Design ist extrem wichtig. Webdesigner müssen die gewünschten Zeichensätze verwenden und sie dann beliebig zusammenstellen können. Durch Dinge wie Cufon und CSS ist das möglich, aber in letzter Zeit ist die Reaktionsfähigkeit einer Website von großer Bedeutung. Wenn Ihr Design nicht flexibel sein kann, ist es fast nutzlos und einer der Hauptbereiche von Websites, die reagieren müssen, ist die Typografie. FitText ermöglicht es Ihnen, Ihre Kopfzeilen und Fülltext zu optimieren, unabhängig von der Fenstergröße oder dem verwendeten Gerät, um Ihre Website zu überprüfen.
Schweben Zoom
Die Art und Weise, wie bestimmte Elemente auf Interaktionen auf einer Site reagieren, kann (negativ und positiv) die Art und Weise beeinflussen, in der die Zuschauer darauf reagieren. Eine einfache Interaktion, die immer gespielt wird, ist die Hover-Funktion. Wenn Sie Ihre Maus über ein Bild oder sogar einen Link bewegen, ist es fast üblich, dass dieses Element etwas tut. und je besser die Reaktion, desto besser reagieren die Leute. Dieses Plugin ist für Bilder gedacht, die beim Schweben ein- und auszoomen und zusätzliche Informationen liefern. Bei richtiger Anwendung kann dies sehr effektiv sein. Ganz zu schweigen von dem Design wird es gut gehen.
jRumble
Was Designer wissen müssen, ist, dass wir beim Erstellen von Websites viel Macht haben. Wir können Menschen dazu bringen, zu sehen, was wir sehen sollen, und nicht sehen, was wir nicht sehen wollen. Grundlegende Designprinzipien wie Balance und Hierarchie können helfen, den Fokus und das Interesse der Zuschauer zu beeinflussen. Es gibt subtile Wege, dies zu tun. jRumble ist leidenschaftlicher darum, jemanden dazu zu bringen, Dinge auf eine deutlichere und krassere Weise zu sehen und zu bemerken. Es ist ein lustiges Plugin und kann sparsam eingesetzt werden, egal zu welchem Zweck. Denken Sie daran, es nicht zu übertreiben.
jQSlickWrap
Erstellen von Layouts für Ihren Text kann eine schwierige Sache sein. Es geht nicht nur um die Schriften, die Sie wählen, sondern auch darum, wie Sie es präsentieren, das es effektiv macht. Wenn Sie eine Website entwerfen, die große Textblöcke vorsieht, kann es bei unsachgemäßer Einrichtung dazu führen, dass Ihre Leser nicht an dem interessiert sind, was Sie gerade sagen. Viele Designer haben Probleme, wenn sie versuchen, Bilder und Text gut miteinander zu interagieren. Wenn Sie sich nicht besonders mit den Textblöcken befassen oder feststellen, dass Ihr Text und Ihre Bilder mehr interagieren sollen, könnte dies das Plugin für Sie sein. Keine Zeitung mehr lesen, sondern mehr kreative Freiheit.
jQuery Offset Animation
Wie bereits erwähnt, sind statische Websites heute nicht so häufig wie in früheren Jahren. Viele Dinge haben dazu beigetragen, dynamische Websites zu erstellen, die sich gut mit ihren Zuschauern bewegen und interagieren. Eine Sache, die jQuery dieser Konversation hinzugefügt hat, ist die Fähigkeit, großartige Animationen und Übergänge von Element zu Element zu erstellen. Dieses Plugin erzeugt einen fließenden Übergang von einem Element zum nächsten. Es macht eine sehr angenehme Website.
Scroll-O-Rama
Mit einem Namen wie "Scroll-O-Rama" könntest du dieses Plugin weitergeben, aber ich würde dir raten, es nicht zu tun. So lustig und großartig dieses Plugin ist, ich glaube, es kann Sie in der trendigen Nische der einzelnen Seitenwebseiten populär machen. Wenn Sie auf einzelnen Seiten surfen, erwarten Sie, dass etwas passiert. Dieses Plugin erlaubt es, Überschriften und Text zu tanzen, wenn Sie daran vorbeigehen. Es ist ein weiteres Plugin, das hauptsächlich für dekorative Zwecke verwendet wird, aber wenn Sie es über Ihre Website streuen und es an den richtigen Stellen verwenden können, könnten Sie dieses Plugin für eine Stärke spielen.
jQuery Schatten-Plugin
Um Bildern oder Elementen manchmal ein wenig Tiefe zu verleihen, verwenden Designer gerne Schlagschatten. Es gibt zwei populäre Arten, wie Designer Schatten erstellen und zwar über CSS oder indem sie den Schatten in ihrem Entwurfsprogramm erstellen und ihn in der Regel als eine Art transparente Datei speichern. Meistens funktioniert das und manchmal kann es einige Probleme geben, aber das Tolle an diesem Plugin ist, dass Sie verschiedene Shadow-Typen zu den Elementen hinzufügen können, die Sie mögen, ohne sie zu entwerfen, und es funktioniert auch browserübergreifend.
Slitslide
Gute Übergänge in Websites sorgen für eine unterhaltsame und verlockende Erfahrung. Wir haben Ihnen bereits ein großartiges Plugin für Element-zu-Element-Übergänge gegeben, aber dieses Plugin eignet sich hervorragend für Übergänge von Seite zu Seite. Mit diesem Slitslide-Plugin teilt sich die Seite, gleitet und führt neue Seiten direkt dahinter ein. Dies ist ein äußerst dynamisches Tool, das Websites, die dieses zusätzliche Level benötigen, etwas Aufregung und Geschmack verleiht.
Gekippt
Tooltips sind ein Element, das aus vielen Gründen verwendet wird. um Aufmerksamkeit zu erregen, Informationen hinzuzufügen oder was immer Sie darin einfügen können. Es verhält sich ähnlich wie ein Hover-Effekt, bei richtiger Anwendung kann es sehr effektiv sein. Es gibt eine Tonne jQuery-Plugins, die auf die Entwicklung und Verwendung von Tooltips ausgerichtet sind. Tipped ist ein Plugin, das funktioniert und viele Funktionen hat, von denen die meisten durch HTML5 und CSS anpassbar sind, was eine einfache und reibungslose Erstellung ermöglicht.
Röhrenförmig
Wir sind uns alle einig, dass ein blinkender Hintergrund nicht der Ort ist, an dem Kreativität liegt. Es gibt jedoch noch andere Dinge, die Ihrem Hintergrund hinzugefügt werden können, um Ihrer Website einen Funken zu verleihen. Sie können nur strikt über Design und wollen ein gut zusammengestelltes Muster, aber Sie möchten vielleicht etwas dynamischer. Tubular ist ein Plugin, mit dem Sie YouTube-Videos als Hintergrund verwenden können. Denken Sie an die lustigen und kreativen Möglichkeiten, die man damit erzielen könnte.
jmpress
jQuery Knopf
3D-Miniatur-Hover
Wir haben bereits über den Image-Hover-Effekt gesprochen und wie er für Websites effektiv sein kann. Nun, was ist, wenn Sie ein bisschen mehr Schwung für Ihre Bilder haben wollen? Dieses Plugin bietet Ihnen einen Bild-Hover-Effekt, der Informationen mit einem 3D-Twist preisgibt.
blur.js
Gutes Design kann wirklich der Unterschied zwischen einer guten und einer schlechten Website sein. Oft geht es bei der Entscheidung nicht um das Design als Ganzes, sondern um die kleinen Details; Deshalb verwenden wir Tooltips und tolle Überschriftstexte. Dieses Plugin fügt Ihrer Website ein bisschen mehr Details hinzu, wenn Sie es wünschen. Dieses Plugin erzeugt pseudo-transparente unscharfe Elemente gegenüber anderen Elementen. Dies ist ein dekoratives Plugin, kann aber verwendet werden, um davon zu profitieren.
Fazit
Es gibt viele Möglichkeiten, Ihr Webdesign zu verbessern, um es Ihren Besuchern frisch und attraktiv zu machen. Denken Sie daran, dass Sie etwas schaffen wollen, das nicht nur kreativ, sondern auch kreativ und effektiv ist. Die Tools, die wir jetzt haben, sind großartig, und was noch besser ist, ist, dass die Technologie immer mehr zunimmt und bessere Dinge für die Website-Erstellung auf uns warten.