Loading...

Webagentur Meerbusch

Alles Rund um Webdesign, Seo und vielem mehr
Start / Blog - / jquery
Die Besten jQuery Plugin von FlowPlayer und Codrops
7. Oktober 2010  WAM 

Ob Bildergalerie, Tabs, Slider oder Menüs. Alles wird in JQuery gepackt. Wo vor einigen Jahren nur Flash ging, wird heute mit Java gearbeitet. Das schöne dabei ist es verträgt sich fast immer mit den gängigsten CMS, wie z.b. mit TYPO3, Joomla, WordPress oder sogar XT-Commerce Shops. Eigentlich kann man diese Plug-ins überall einbauen, es ist zwar manches mal etwas kniffelig aber am ende ist es dann doch in der Seite.  Die Besten jQuery Plugin von FlowPlayer und Codrops weiterlesen

Interaktiver Foto-Tisch mit jQuery und CSS3
2. Juli 2010  WAM 

Auf der Seite von „tympanus.net““ codrops“ haben wir die absolute Konkurrenz für Flash gefunden. Was hier mit J-Query gemacht wurde, war vor einigen Jahren, nur mit Flash möglich. Hier die Übersetzung des Beitrags von CODROPS: „In diesem kleinen Experiment haben wir einen interaktiven Fotoschreibtisch, der einige „realistisch“ Interaktionsmöglichkeiten für die Benutzer, bereitstellt. Die Idee ist es, einige Fotos auf einer Oberfläche zu haben, die gezogen und abgelegt, gestapelt und gelöscht werden können, jede Aktion, die ähnlich der realen Welt.

Interaktiver Foto-Tisch mit jQuery und CSS3 weiterlesen

JQuery Zoom Effekte zum Nachbauen
6. März 2010  WAM 

JQuery ist wirklich erstaunlich. Ihr könnt für beinah alles und für jeden Bedarf das richtige Tool finden. Hier stellen wir nun ein paar, fantastische Bildzoom Plug-ins vor, die auf JQuery Basis funktionieren. Zudem lassen Sie sich leicht in euren Seiten oder Blog hinzufügen. Diese Tools sind sehr nützlich, wenn ihr große Bilder habt, die sonst zu viel Raum einnehmen würden.

JQuery Zoom Effekte zum Nachbauen weiterlesen

Vertikales bewegliches Info Panel

Auf den Seiten spyrestudios.com haben wir ein bewegliches Panel entdeckt das Es ermöglicht kurze Informationen oder Inhalte seitlich auf der Seite zu platzieren.

Immer mehr Seiten werden mit solchen Panels ausgerüstet. Einige nutzen diese für Ihre Login oder Kontakt Formulare oder einfach um noch ein paar Information in die Webseite zu stellen. Sie können aber auch für Soziale Netzwerk Schaltflächen genutzt werden. Die Möglichkeiten sind eigentlich unbegrenzt.

sliding-Panel

Technorati-Tags: ,,,

Vertikales bewegliches Info Panel weiterlesen

Festes Ausblende Menü mit JQuery
9. Februar 2010  WAM 

Auf der Seite von CODrops gibt es wieder ein hervorragendes Tutorial über ein fixiertes Menü, das sich beim Scrollen der Seite ausblendet.

Eine sehr innovative Lösung für Feste (fixierte) Menüs. Die Basis des Ganzen ist wiedermal JQuery.

fade_out_menu

Inspiriert wurde CODrops von David Walsh’s Menü, das genau auf dieser Ausblendfunktion basiert. Eigentlich kann man ein Menü nicht besser “Top Menü” nicht besser einsetzten, da die eigentlich immer störend sind. Wir werden das Menü beim nächsten Joomla Templates mal einbauen.

Technorati-Tags: ,,

Im Tutorial wird genau beschrieben wie Ihr es einbauen bzw. verwenden müsst das Es anschließend auch richtig funktioniert.

Festes Ausblende Menü mit JQuery weiterlesen

Die 10 Besten Bild und Content Slider auf jQuery Basis
4. Februar 2010  WAM 

JQuery wo man nur hinschaut. Diese Plug-ins scheinen einfach alles zu können. Ob Bild Rotation, Tabs, Slider, oder Scrolling. Geht nicht gibt es scheinbar bei JQuery nicht.Dazu kommt auch seine Kompatibilität,  es lässt sich fast in jedes Projekt einbinden. Manchmal über einen kleinen Umweg, aber es funktioniert eigentlich immer.

Wir haben nachfolgen eine List der einfachsten und Besten Slider zusammengestellt. In den meisten Fällen dauert der einbau in eine Webseite nicht mal eine halbe stunde.

Die Liste führt euch zu den Tutorials, wo Ihr nachlesen könnt wie diese Slider eingebaut werden.

Fangen wir mit unserem Favorit gleich an.

Anything Slider

anithing

Die 10 Besten Bild und Content Slider auf jQuery Basis weiterlesen

Apple Icons Slide Menü
30. Januar 2010  WAM 

Heute will euch CODDrops zeigen, wie ein Apple-Style Navigation Leiste mit Beweglichen Icons zu machen ist. Obwohl Fancy und Apple nicht wirklich zusammenpassen, dachte CODDrops  es ist Zeit für was neues.

Diese Menü sieht sehr der Apfel-Stil Navigation ähnlich aber es enthüllt einige Icons, wenn man mit der Maus darüber geht. Die Icons rutschen hinaus  und wenn die Maus die wieder vom Menüpunkt entfernt, rutscht das Icon zurück unter das Menü. Dies schafft eine ordentliche und saubere Wirkung.

fancy_apple_icons

Das Bild für zum TUTORIAL >>>

Apple Icons Slide Menü weiterlesen

Tooltip als Menü Nutzen

Der Tooltip und jQuery sind schon feine Sachen, aber in manchen Punkten hackt es mit den einfachsten CSS Befehlen. So z.b. wenn man den Tooltip auf der Seite in eine Fixe oder Zentrierte Position bringen will. Wir hatten selbst genug Probleme mit diesem Phänomen. Bei der Codierung der Seite haben wir den Tooltip schön ausgerichtet, doch beim Kontrollieren auf einem anderen Rechner, sind wir bald umgefallen. Das Menü wollte einfach nicht auf Position bleiben. Bei einer kleineren Auflösung ist das Menü immer nach Links verschoben worden. Bei einer  größeren Auflösung nach rechts. Da war der schöne Effekt gleich mal wieder hin.

Original

[sourcecode language=“java“]
$(document).ready(function() {
// enable tooltip for "download" element. use the "slide" effect
$("#download_now").tooltip({ effect: ’slide‘});
});
[/sourcecode]

Nach einigem Suchen im www und probieren von befehlen sind wir aber dann doch auf die Lösung gekommen. Da wir schon eine Anfrage bekommen haben wie das den nun Funktioniert schreiben wir einfach hier eine kleines Tutorial wie wir es gemacht haben.

demo Download

Das solltet Ihr Laden.

1. FULL jQuery

2. tooltip_menu.js

3.Tooltip_menu.css

Oder das Komplette Paket

Wir haben als erste die .js Datei mal aufgemotzt Indem wir noch ein paar Funktionen und Änderungen eingebracht haben. Damit der Tooltip endlich auf einer Angegebenen Position Bleibt.

Technorati-Tags: ,,,,

Damit alles am richtigen Platz erscheint mussten wir ein paar Classen einfügen.

Tooltip als Menü Nutzen weiterlesen

14 geniale jQuery Plugins

Was immer auch in einer Webseite gezeigt werden soll, stellt immer ein Problem dar wenn es Platzmangel gibt. Um Aber dennoch eine ansehnliche Seite mit viel Inhalt zu bekommen könntet Ihr ja die unten aufgeführten jQuery Plugins nutzen. Kompakter kann man den begrenzten Platz einer Webseite nicht ausnutzen. Wir greifen schon Seit einiger Zeit auf diese Möglichkeit zurück, weil sie nicht nur wie schon erwähnt Platzsparend ist sondern auch gut aussieht.

Technorati-Tags: ,,

jquery_pluginintro_image

14 geniale jQuery Plugins weiterlesen

20 Einfache JQuery Text Effekte

Man muss kein Hardcore Programmierer sein um super Effekt in seine Seite zaubern zu können. Besondere Eyecatcher bekommt man auch mit Texten hin. um diese aber sauber animieren zu können gab es bis vor einiger Zeit eigentlich nur Flash. Vorbei die Zeit mit “Nein, wie soll ich einen “Normalen Text” Animieren, das geht nicht. Mal wieder Rappelt es in der jQuery Kiste und ein paar neue Effekt können auch sauber euern Text animieren. Am Besten Finden wir die Animation wie auf dem Flughafen.

jquery_text_effekte

20 Einfache JQuery Text Effekte weiterlesen

Lassen Sie uns Sprechen