WEBDESIGN

Archiv

  • Seite 1 von 3:
  • 1
  • 2
  • 3

5 jQuery Tipps & Tricks

Viele Webseiten verwenden das Javascript Framework jQuery, heute schauen wir uns ein paar Tipps und Tricks an, um noch effizienter mit jQuery zu arbeiten. jQuery wurde entwickelt, um Webentwicklern das Leben einfacher zu machen und um Innovationen voranzutreiben. Es kann deshalb nicht schaden, noch ein paar Tricks mehr zu kennen, um sich das Leben vielleicht…
1 Kommentar

Responsive Nav – Schlanke Javascript Libary für eine responsive Navigation

Es gibt viele Ansätze um eine Navigation responsive zu machen, meistens verwendet man ein Grid-System und @media-queries. Responsive Nav geht aber noch einen (kleinen) Schritt weiter und hilft einem dabei, dass die Navigation auf kleinen Displays nicht unübersichtlich wird. Außerdem ist die Verwendung sehr einfach und straight forward.
2 Kommentare

Drag & Drop Upload mit Dropzone.js

Dropzone.js ist eine kleine aber sehr mächtige Javascript Libary, die einem dabei hilft Dateiuploads per Drag & Drop zu realisieren. Heute schauen wir uns an, wie man innerhalb von wenigen Minuten einen Drag & Drop Uploader in eine Website integrieren kann.
2 Kommentare

5 jQuery Plugins die es in sich haben

jQuery hat eine riesige Community und viele Programmierer und Webdesigner leisten einen großen Beitrag dazu, warum jQuery so toll ist. Jeden Monat kommen neue Plugins hinzu, wobei die meisten kostenlos und ohne Einschränkungen der Community bereitgestellt werden. Heute schauen wir uns 5 Plugins an, die alle wirklich großartig sind.
1 Kommentar

Eigene Custom Scrollbar mit jQuery

Es ist mal wieder Zeit für ein paar Artikel! Heute schauen wir uns an, wie man mit dem jQuery Plugin Custom Scrollbar  Scrollbars zu jedem beliebigen Container hinzufügen kann. Diese sehen in den meisten Fällen besser aus als die Standardscrollbars der Browser, außerdem ist es so möglich sicherzustellen, dass die Scrollbars plattform- und browserübergreifend gleich…
1 Kommentar

Javascript und Social Media Buttons asynchron laden

Jedes Script das von einer externen (aber auch lokalen) Quelle geladen werden muss, verursacht einen zusätzlichen HTTP Request und verlängert damit die Ladezeit der Website. In diesem Artikel wollen wir uns anschauen, wie Scripte und damit auch Social Media Buttons asynchron geladen werden können, um nicht die gesamte Website zu blockieren.
3 Kommentare

IMDB Wertung eines Films mit jQuery und Ajax auslesen

Heute schauen wir uns an, wie man mit Hilfe von jQuery und ein bisschen Ajax die IMDB Wertung eines Films auslesen kann. Dies kann z.B. nützlich sein, wenn man zu seiner privaten Filmsammlung automatisch IMDB Wertungen hinzufügen will. Der kommerzielle Gebrauch ist jedoch nicht gestattet.
2 Kommentare

5 schicke Beispiele für Tabs mit jQuery

Tabs werden beim Design von Webseiten sehr häufig eingesetzt, da sie viel Content auf wenig Platz erlauben. In diesem Artikel schauen wir uns 5 Beispiele für schick umgesetzte Tabs mit jQuery an.
1 Kommentar

Moment.js – nie mehr Probleme mit der Berechnung von Zeit

Zeitrechnungen haben sicherlich schon den ein oder anderen, nicht so Mathematik bewandten Webdesinger zur Verzweiflung gebracht. Es gibt Schaltjahre und Zeitumstellung, was uns das Rechnen noch schwerer fallen lässt, die bei korrekten Rechnungen aber natürlich berücksichtigt werden müssen. Mit Moment.js gibt es eine kleine Javascript Libary, mit der Zeitrechnungen zum Kinderspiel werden.
0 Kommentare

Parallax-Scrolling mit jQuery Plugin erzeugen

Parallax-Scrolling ist sicherlich einer der größten Webdesigntrends in diesem Jahr. Doch was ist Parallax-Scrolling überhaupt und wie kann man so einen Effekt selber erstellen?
0 Kommentare

CSS Stylesheets schnell und effizient testen mit CSSrefresh

Jeder Webdesigner kennt es, man ändert eine Eigenschaft im Stylesheet und drückt dann F5, um zu schauen ob es nun besser aussieht. Dem niederländischen Webdesigner Fred Heusschen wurde dies wohl auf Dauer zu nervig und entwickelte eine Javascript Libary, die das Aktualisieren komplett automatisiert.
0 Kommentare

jQuery Tipps um mit Formularen zu arbeiten

Formulare finden sich auf fast jeder Website, sei es um eine Kommentarfunktion oder ein simples Gästebuch bereitzustellen. Um Formulare möglichst interaktiv und benutzerfreundlich zu gestalten, verwendet man häufig Ajax um sie an den Server zu schicken. Es gibt aber noch jede Menge weiterer Tipps, um Formulare mit jQuery interaktiver und benutzerfreundlicher zu machen.
0 Kommentare

Javascript/jQuery URL Parser

Ab und an kommt es vor, dass man per Javascript auf die URL zugreifen muss, um bestimmte Parameter zu verarbeiten. Wie man per Javascript auf GET-Parameter zugreift, wurde bereits in einem anderen Tutorial beschrieben. In diesem Tutorial geht es im eine kleine Javascript Libary (bzw. jQuery Plugin), mit der die URL komplett geparst werden kann.
0 Kommentare

Responsive Images mit jQuery Picture

jQuery Picture ist ein kleines Plugin, um Bilder dynamisch dem Layout und der Auflösung in der eine Website betrachtet wird, anzupassen. Mit jQuery Picture ist es möglich, Bilder ohne große Umstände responsive zu machen.
0 Kommentare

Mit jQuery verschiedene Elementeigenschaften prüfen

Manchmal ist es notwendig Elemente auf bestimmte Eigenschaften zu prüfen, z.B. ob eine Checkbox angekreuzt ist oder nicht. In diesem Artikel werden einige Methoden vorgestellt, wie bestimmte Eigenschaften schnell mit Hilfe von jQuery überprüft werden können.
2 Kommentare

Dynamische Statusanzeige als Favicon mit Piecon

Piecon ist eine kleine Javascript Bibliothek mit der dynamische Piecharts als Favicon verwendet werden können. Damit kann man z.B. Besucher über den Fortschritt einer bestimmten Aktion auf dem Laufenden halten, ohne dass diese auf der Website bleiben müssen.
0 Kommentare

5 jQuery Plugins für modernes Webdesign

Das Web entwickelt sich kontinuierlich weiter und damit auch werden auch immer neue und höhere Ansprüche an das Design von Webseiten gestellt. In diesem Artikel werden 5 jQuery Plugins vorgestellt, mit denen auf einfache Weise moderne Webdesigntechniken umgesetzt werden können.
2 Kommentare

HTML5 Placeholder Attribut in älteren Browsern verwenden

Mit dem HTML5 Attribut placeholder ist es möglich, vorausgefüllte Werte für ein Text oder Suchfeld zu definieren. In allen modernen Browsern funktioniert das auch anstandslos. Jedoch sind auch noch ältere Browser wie z.B. der IE8 sehr verbreitet. In diesem Artikel wollen wir eine Lösung finden, wie man mit jQuery das placeholder Attribut auch in älteren…
2 Kommentare

Besucher mit AdBlocker zählen mit jQuery

AdBlocker wie AdBlock oder AdBlock Plus für Chrome oder Firefox sorgen dafür, dass sämtliche Werbung von einer Website entfernt wird. Für den Webmaster der entsprechenden Website ist das natürlich kein Spaß, denn er verliert dadurch wichtige Einnahmen. In diesem Artikel geht es um eine Methode, Besucher zu zählen die einen AdBlocker verwenden.
0 Kommentare

Shoutbox mit Auto-Refresh zur Chatbox machen

Vor etwas mehr als einem halben Jahr gab es auf Staticfloat ein Tutorial zu einer Shoutbox mit PHP, jQuery und HTML. Die Shoutbox war sehr simpel aufgebaut und hatte keine Funktion um neue Kommentare automatisch nachzuladen. Heute schauen wir uns an, wie wir aus der Shoutbox eine Chatbox machen die neue Beiträge sofort nachlädt.
24 Kommentare

Doppelte Werte aus Array entfernen

Wer auch mit PHP arbeitet kennt bestimmt die Methode array_unique(). Mit dieser werden sämtliche Einträge die mehrfach in einem Array vorhanden sind entfernt. Javascript bietet von Haus aus kein Pendant dazu an, deswegen schauen wir uns in diesem Artikel an, wie wir unser eigenes array_unique() erstellen.
1 Kommentar

Javascript Objekte miteinander vergleichen

Ab und an kommt man in die Situation, ein oder mehrere Objekte miteinander vergleichen zu müssen. Zum Beispiel 2 JSON Objekte die nach einer Ajaxanfrage generiert werden. Da Javascript mit Referenzen arbeitet funktioniert ein Vergleich mit Gleichheitszeichen == und ===, wie es bei Zahlen oder Strings noch funktioniert, nicht. Heute schauen wir uns an, wie…
1 Kommentar

Mobile RSS Reader App mit jQuery Mobile bauen

Heute schauen wir uns an, wie man mit Hilfe von jQuery Mobile einen schicken RSS Reader bauen kann. Wer das Ergebnis schon mal vorweg anschauen möchte, braucht nur den Mobile RSS Reader von Staticfloat anschauen.
1 Kommentar

jQuery each() continue und break Pendant

Heute hatte ich eine Situation, in der ein mehrdimensionales Array per jQuery each() Methode durchlaufen werden sollte. Dabei musste ich feststellen, dass die beiden Schlüsselwörter continue, um einen Schleifendurchlauf zu überspringen und break, um die Schleife zu beenden (logischerweise) nicht funktionieren. Nun stellt sich die Frage, wie bekommt man continue und break auch in $.each()…
0 Kommentare

Callback Funktionen für Javascript Methoden

So nachdem im Februar eher tote Hose auf Staticfloat war, ist es jetzt nach 7 Uniklausuren wieder an der Zeit sich der Webentwicklung zu widmen ;). In diesem Artikel wollen wir uns anschauen, was Callback Funktionen sind, wie sie arbeiten und zu was sie gut sind.
2 Kommentare

Standort des Besuchers mit der HTML5 Geolocation API ermitteln

Die Geolocation API ist eines der interessantesten HTML5 Features überhaupt, mit ein wenig Javascript ist es möglich Positionsdaten eines Besuchers auszulesen (natürlich nur wenn dieser das auch möchte). Damit könnten Webinhalte direkt an den Standort eines Besuchers angepasst werden. Momentan steckt diese Technik noch ein wenig in den Kinderschuhen, außerdem wird die Geolocation API noch…
3 Kommentare

jQuery SwapAttr Plugin – Element Attribut mit Text tauschen

Gerade ist mir beim Durchforsten des Internets (des gesamten!) ein ziemlich schickes jQuery Plugin ins Auge gesprungen. Mit SwapAttr ist es möglich den Text eines Elementes mit einem beliebigen Attribut zu tauschen.
0 Kommentare

Prefetching von Links und anderen Ressourcen mit jQuery

Eine Webseite sollte so schnell wie möglich geladen werden, zum einen freut sich der Besucher, zum anderen wird man auch von Google belohnt. Das Vorausladen von Daten, das sogenannte prefetching ist eigentlich schon eine relativ alte Technik, aber weiterhin sehr effizient. In diesem Artikel wollen wir uns anschauen, wie man bestimmte Ressourcen mit Hilfe von…
0 Kommentare

Formular-/ Benutzereingaben automatisch sichern mit Sisyphus.js

Man stellt sich vor, dass während des Ausfüllens eines Formulars plötzlich der Browser abschmiert. Dann kann in den allermeisten Fällen das Formular noch mal neu ausgefüllt werden. Dieser Umstand kann extrem nervig sein, das jQuery Plugin Sisyphus kann hier Abhilfe schaffen. Sisyphus speichert automatisch Formulardaten in bestimmten Abständen mit Hilfe der localStorage HTML5 API.
2 Kommentare

Stylesheets dynamisch mit Javascript hinzufügen

Nachdem es vor ein paar Tagen bereits ein Tutorial gab, wie man CSS Stylesheets dynamisch mit PHP austauschen kann, geht es in diesem Artikel darum, CSS Styles dynamisch mit Javascript hinzuzufügen.
1 Kommentar
  • Seite 1 von 3:
  • 1
  • 2
  • 3