Loading...

Webagentur Meerbusch

Alles Rund um Webdesign, Seo und vielem mehr
Start / Blog - / Tutorials
Internet Explorer 9 soll auch CSS3 können.
28. Juni 2010  WAM 

Der für Webdesigner, Nervenkiller Nr. 1 Internet Explorer, soll in der Version 9 (Internet-Explorer 9) auch endlich CSS 3 Anweisungen besser verarbeiten können. Nicht nur dass er auch rasant schnell sein soll, was aber jeder Browser von sich behauptet, wird diese Änderung unter Webdesignern schnell anklang finden, sofern Sie auch Funktioniert.

Internet Explorer 9 soll auch CSS3 können. 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

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

78 Regel für Fotografen
18. Januar 2010  WAM 

Im Folgenden Bericht könnt Ihr sehen was Ihr alles Falsch machen könnt. Die Liste ist Lang. Aber scheinbar war es nötig sie mal zu schreiben.

fotofehler

78 lustige Fotografie Regeln und nützliche Tipps

78 Regel für Fotografen 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.

14 geniale jQuery Plugins weiterlesen

35 Unglaubliche Digital malen Tutorials

Kunst auf Digitale art. Mit der heutigen Technologie bekommt man wirklich erstaunliche Sachen hin. Das Malerei nicht nur auf das Medium Leinwand beschränkt ist kann man mit den folgenden Tutorials gut erkennen.

Das Digitale Zeichnen oder Malen würden wir nicht unbedingt als Trend bezeichnen, es ist Kunst.

digitalzeichnungen

35 Unglaubliche Digital malen Tutorials 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

Wie erstelle ich eine Kachel oder ein Muster?…

Eigentlich ist es einfacher, als man denken könnte. Beispielsweise können Sie auf BgPatterns, einer „Hintergrund Designer Seite“,die im Grunde eine Muster-Bibliothek ist, wo Sie Muster  können finden, erstellen, bewerten und gemeinsam nutzen und verwenden können. Sie können eines aus den 68 Vorlagen (Schriftrollen, Sterne, Blumen, Herz, Zeichen, Strukturen usw.) auswählen und Farblich bearbeiten. BgPatterns generiert dann automatisch Ihren Hintergrund.

kachelnstartup_image

Wie erstelle ich eine Kachel oder ein Muster?… weiterlesen

Lassen Sie uns Sprechen