English 
Deutsch JavaScript-Elemente, wie Bilder-Galerien, Featured-Slider, ToolTips oder Zoom-Effekte helfen dabei Webseiten übersichtlicher zu gestalten, und Inhalte platzsparend unter zu bringen. jQuery ist dabei einer der beliebtesten JavaScript-Frameworks. Daher habe ich heute 12 meiner Lieblings-jQuery-Plugins für dich zusammen gestellt.
Weiterlesen
Artikel der Kategorie ‘Coding’
Den Lightbox-Effekt für das NextGEN Gallery WordPress-Plugin nutzen
Das NextGEN Gallery Plugin ist das umfangreichste Fotogalerie-Plugin für WordPress mit vielen praktischen Funktionen. Bisher habe ich das Plugin allerdings nicht sehr gerne verwendet, da mir der Galerie-Effekt nicht besonders gut gefallen hat. Jetzt habe ich herausgefunden, wie man auch den viel schöneren Lightbox2 JavaScript-Effekt in Kombination mit den NexGEN-Gallery verwenden kann.
Weiterlesen
JavaScript Dropdown-Menüs mit Superfish
Dropdown-Menüs haben oft so ihre Tücken! Entweder funktionieren sie nicht in älteren Browsern, oder sie sind nicht sonderlich übersichtlich und ansprechend gestaltet. Neulich habe ich mich im Netz auf die Suche nach kreativ-gestalteten Dropdown-Menüs gemacht, und etliche schöne Lösungen entdeckt. Heute möchte ich dir das jQuery-Plugin »Superfish« vorstellen, mit dessen Hilfe du leicht schön animierte Dropdown-Menüs erstellen kannst.
Weiterlesen
CSS Grid-Systeme und Grid-Generatoren für Webdesigner
CSS Raster-Systeme sind eine tolle Hilfe, um Webdesign-Layouts besser zu strukturieren, und die Programmierung später so effizient wie möglich zu machen. Wenn man noch nie mit einem Raster-System gearbeitet hat, erscheint die Verwendung der Grids zuerst etwas kompliziert. Aber es ist eigentlich gar nicht so schwierig, und für alle Grid-Newbies finden sich etliche Tutorials und Erklärungen im Netz. Für den Einstieg in die Welt der Raster-Systeme habe ich eine kleine Liste der beliebtesten Grids, Tools, und Tutorials zusammen gestellt.
Weiterlesen
Transparente Farben mit der CSS3-Funktion RGBA
Bisher war es üblich transparente PNGs zu verwenden, um transparente Flächen oder Hintergründe darzustellen. Das bedeutet man muss mühselig die transparenten Bilder in Photoshop vorbereiten, um sie dann im CSS Style Sheet aufzurufen. Mit der praktischen CSS3-Funktion »RGBA« kannst du ganz einfach transparente Hintergrundfarben, Rahmen, Schriften und sogar Schatten erzeugen.
Weiterlesen
Hintergrund-Verläufe mit CSS3
Um einen Hintergrund-Verlauf (gradient) mit CSS3 umzusetzen, musst du derzeit für Webkit (Safari, Chrome) und Mozilla (Firefox) noch unterschiedlichen CSS-Code nutzen. Da Internet Explorer und Opera derzeit leider noch keine CSS3 Verläufe unterstützen, kannst du für diese Browser entweder eine alternative Hintergrund-Farbe wählen, oder wie gewohnt ein JPG-Image als Verlauf einsetzen.
Weiterlesen
Meine Top 10 JavaScript-Plugins
Mit coolen Javascript-Effekten, Animationen und Bildergalerien kannst du deine Webseite so richtig pimpen. Praktischen Funktionen wie Tabs und Slider helfen dir deine Inhalte attraktiv und platzsparend anzuordnen. Da es unzählige Javascript-Plugins gibt, habe ich für dich meine »Top 10 Favoriten« zusammen gestellt. Ich hoffe dir gefällt meine Auswahl :-)
Weiterlesen
10 Javascript Lightboxes im Vergleich
Javascript Lightboxes sind eine elegante und simple Möglichkeit einzelne Bilder, Fotogalerien, HTML-Inhalte oder Videos auf deiner Webseite zu integrieren. Seit die originale Version der Lightbox heraus kam, gibt es etliche sogenannte Klone mit den unterschiedlichsten Funktionen und Designs. Hier eine Auswahl der 10 schönsten Javascript- Lightboxes.
Weiterlesen