WEBDESIGN

Archiv

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.
23 Kommentare

Eigene HTML5 data- Element Attribute

Eine kleine Neuerung mit großen Auswirkungen ist das Setzen von eigenen Attributen bei HTML Elementen. In diesem Tutorial schauen wir uns einige praktische Beispiele an und wie man die HTML5 data Attribute verwenden, manipulieren und darauf zugreifen kann.
0 Kommentare

Name des Templates bei WordPress ausgeben

In manchen Situationen ist es nützlich, auf den Namen des aktuellen WordPress Templates zuzugreifen. Standardmäßig ist dies zwar nicht möglich, aber mit ein paar selbstgeschriebenen Methoden schnell gelöst.
0 Kommentare

HTML5 Mouse Wheel Event | Dinge mit dem Mausrad steuern

Das Mausrad zu unterstützen kann die eigene Website interaktiver machen und dabei noch zur Benutzerfreundlichkeit beitragen. Heute schauen wir uns an, wie man auf das Scrollen mit dem Mausrad reagieren kann und was damit alles möglich ist.
0 Kommentare

Wörter rotieren mit CSS3 Animationen

Heute schauen wir uns an, wie man mit Hilfe von CSS3 Animationen bestimmte Wörter in einem Satz rotieren lassen kann. Wir werden also bestimmte Wörter in einem Text, in bestimmten Zeitabständen durch andere ersetzen. Vor allem für Werbeslogans eignet sich so etwas, zum Beispiel Unser Unternehmen ist {toll, großartig, freundlich}. Wobei zwischen den geklammerten Wörtern…
0 Kommentare

Instragram die eine Milliarde Dollar App

Instagram beschäftigte weniger als 20 Mitarbeiter und war nur ca. 1.5 Jahre alt, doch wurde von Facebook für 1.000.000.000$ übernommen. Damit wurden die Gründer innerhalb kürzester Zeit sehr reich. In diesem Artikel möchte ich ein paar Punkte diskutieren, was eine Anwendung wie Instagram ausmacht und dass man keine Angst haben muss, selbst etwas auf die…
0 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

Vollbildmodus mit der HTML5 Fullscreen API

Früher war ein Vollbildmodus Flashanwendungen vorbehalten, diese Zeit hat sich aber mittlerweile geändert. Viele moderne Browser wie Firefox, Chrome und Safari unterstützen mittlerweile die HTML5 Fullscreen API. In diesem Artikel werfen wir einen genaueren Blick auf die HTML5 Fullscreen API.
11 Kommentare

3D-Rollende Links mit CSS3 und HTML5 Animationen

Links sollten sich vom Rest eines Textes abheben, normalerweise werden sie deshalb unterstrichen und in einer anderen Farbe dargestellt. Nun hab ich aber auf der der Website von Hakim El Hattab eine weitere, sehr kreative Methode gesehen, Links darzustellen. Dazu wird mit Hilfe von CSS3 ein 3D Effekt beim drüberfahren mit der Maus erreicht.
3 Kommentare

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