Heute zeige ich euch eine kleine Vorschau auf die neuen Selektoren in CSS. Sachen, die wir uns Frontendler schon vor Jahren gewünscht haben. Also legen wir los.  Der ! Selektor Fangen wir mit den für mich sinnvollsten Seketor an. Den sogenanten parent Selektor. Wo wir früher mit jQuery uns ein Eltern-DIV selektiert haben, können wir nun mit einem einfachen Ausrufezeichzen "!" in der Selektorenkette das zu…

weiterlesen

HTML, JavaScript und CSS sind heutzutage die Basics die jeder Software Entwickler beherrschen sollte. Da liegt es doch nahe auch Präsentationen damit zu erstellen. Einer der Vorteile ist das ein Browser überall installiert sein sollte, und das lästige mitschleppen von PowerPoint Viewern auf USB-Sticks entfällt. Einfach ins Internet "gießen" und loslegen. Natürlich gibt es auch schon die passende Library dafür,…

weiterlesen

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

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

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

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