smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Monats-Archiv: Dezember 2012

CSS3: Click-Event & Slide-Effekt ohne JavaScript realisieren

19. Dezember 2012
Stephan
CSS3: Click-Event & Slide-Effekt ohne JavaScript realisieren

Für die Möglichkeit auf Klicks von Benutzern zu reagieren und so ausgelöste Aktionen mit Effekten zu unterlegen, hat sich im Bereich der Webentwicklung der Einsatz von JavaScript in Verbindung mit CSS bewährt.

Dank CSS3 und z.B. Transitions können wir heutzutage aber auch einfache Effekte vollkommen ohne den Einsatz von JavaScript umsetzen.

In diesem Artikel möchte ich euch zeigen, wie ihr allein mit CSS eine Liste erstellen könnt, deren Listenelemente aus- und wieder zugeklappt werden können.

Weiterlesen

Kategorie: CSS & (X)HTML5

Sprechblase mit CSS erstellen

17. Dezember 2012
Stephan
Sprechblase mithilfe von CSS erstellen

Mithilfe von CSS lassen sich heutzutage viele Effekte und Animationen umsetzen, für die man sonst zusätzlich eingebundene Grafiken benötigt hätte.

In diesem Artikel erfahrt ihr, wie ihr mittels CSS eine einfache hübsch anzusehende Sprechblase erstellen könnt. Alles was wir hierzu brauchen werden, ist ein wenig HTML und natürlich CSS.

Wie ihr sehen werdet, sind die dazu notwendigen CSS-Anweisungen nicht wirklich komplex, einfach zu verstehen und nachzubauen.

Weiterlesen

Kategorie: CSS & (X)HTML5

Todo-App: 5. Restliche Views implementieren

6. Dezember 2012
Stephan
Todo-App mit backbone.js und CoffeeScript entwickeln

In diesem vorletzten Teil des Todo-App Tutorials geht es um die Implementierung der uns noch fehlenden drei Views.

Als erstes werden wir die TodoListView und dann die TodoStatsView umsetzen. Abschließend widmen wir uns der Hauptview, der sogenannten TodoView.

Falls ihr nicht mehr genau wissen solltet, wozu die einzelnen Views gedacht sind bzw, welche Aufgaben die Views haben, schaut ihr euch am besten noch einmal die Abbildung zur View-Struktur im letzten Teil an.

Weiterlesen