Effekte mit CSS-Filtern

CSS-Filter ermöglichen es mit einfachen CSS Deklarationen zahlreiche Effekte auf HTML-Elemente und Bilder anzuwenden. Zudem sind sie…

weiterlesen

Beschleunigungssensor mit Javascript benutzen

Die meisten Smartphones haben einen Beschleunigungssensor oder auch Accelerolmeter mit eingebaut. Wie man diesen benutzt zeige ich euch heute. Dabei gibt es drei verschiedene Richtungen, die ausgelesen werden können. Einmal die X, Y und Z Achse, so können wir jede bewegen registrieren und darauf reagieren. Eine wichtige Frage vorab. Welche Smartphones unterstützen den Beschleunigungssensor überhaupt?…

weiterlesen

Animierter 3D-Würfel mit CSS

Nachdem ich letztes mal eine simple Flip-Animation gezeigt habe, bauen wir heute einen virtuellen 3D Würfel der sich horizontal rotieren lässt. Und das alles mit der Macht von CSS. Also mein junger Padavan loslegen wir müssen. Das HTML Gerüst. Hier das HTML-Markup. Es gibt ein Wrapper der den eigentlichen Würfel "cube" beinhaltet. Der wiederum hat sechs weitere Divs, welche die sechs Seiten eines Würfels…

weiterlesen

Der Umgang mit URL Formaten kann der absolute Albtraum sein. Wenn man sich einmal einen 0815 URL anschaut entscheiden nur ein paar Zeichen über Das Ziel eines URL's. "/" am Anfang "//" am Anfang "?" am Anfang "#" am Anfang ... und so weiter Was wenn wir aber trotzdem einen absoluten URL haben wollen? Der eine startet mit http der andere mit https. Hier gibt es einen…

weiterlesen

Oft braucht man eine kleine Funktion um Elemente auf einer Website ein- und auszublenden. Beispielsweise für Detailinformationen zu einem Video oder Text. Kürzlich habe ich ein kleines Snippet geschrieben um genau solche Aufgaben zu erledigen und das per Data-Attributen flexibel zu konfigurieren ist. Das javaScript Snippet function revealSomething(triggerSelector,activeClass) { var revealTarget =…

weiterlesen

CSS Flipping Animation

CSS wird heute für weit mehr verwendet als nur bloßes Styling. Und ich muss sagen, dass es eine wahre Freude ist, damit zu arbeiten. Animationen benötigen kein Codeschnipsel JavaScript mehr (fahrt mal mit der Maus über der Box!), und sind dazu noch performanter, weil diese meist automatisch Hardware beschleunigt sind. Heute möchte ich euch zeigen wie…

weiterlesen

CSS3 Selectors API Level 4

Während die wir schon fleißig die aktuellen CSS3 Selectors Level 3 benutzen, arbeitet das W3C an Level 4 der Selectors API. Der aktuelle Editor's Draft zeigt schon jetzt einige interessante neue Funktionen, die uns das Leben erleichtern können. Da es sich um einen Editor's Draft…

weiterlesen

Websocket Magic

Falls ihr eine Anwendung schreibt welche für die Verbindung zum Server auf Websockets verwendet werdet ihr schnell das Haare raufen beginnen. Es gibt verschiedene Version des Standards, Dummy Websocket Objekte die gar nichts machen (interner Andorid < 4.4…

weiterlesen

Für neugierige gibt der kostenfreie Webservice builtwith.com Informationen über die verwendeten Techniken einer Website aus. Wir stellen den Service kurz…

weiterlesen

Desktop Benachrichtigungen aka "Web notifications" sind dafür da um den Benutzer über wichtige Ereignisse (wie zum Beispiel eintreffende Nachrichten) auch dann zu…

weiterlesen