Frontend Entwicklung

Im vorherigen Post zum Thema jQuery Plugins habe ich beschrieben wie man eigene Plugins für jQuery erstellt und welche Vorteile das bringt. In diesem Post möchte ich zeigen wie man seine Plugins noch flexibler mit der Überabe von Parametern gestalten kann. Parameter können z.B. für Farben, Größen und Textbausteine…

Heute soll SASS vorgestellt werden. Was ist Sass? Bei Sass (Syntactically Awesome StyleSheets) handelt es sich um einen CSS Preprocessor. Also einem Tool, welches Sass Code zur weiteren Nutzung in CSS konvertiert. Das macht Sass natürlich nicht alleine. Es gibt da draußen noch eine Handvoll ähnliche Tools. Doch dazu später mehr. Nun erst mal zu der Frage: Warum überhaupt Sass…

Hi zusammen, wir haben ein nettes Tool entdeckt, welches sich hervorragend zum Präsentieren anhand von HTML5 Videos auf Websites eignet (Touren, Guides...). Mit popcorn.js ist es möglich, JS Funktionen über einen Eventlistener zu bestimmten Videozeitpunkten zu starten. Zeigt man z.B. eine Grafik zwischen der 6. und 8. Sekunde in einem Video und möchte gerne auf die Herkunftsseite verweisen, wird einfach der Link in einem Container…

Für jQuery gibt es im Netz schon unzählige Plugins für fast jeden Anwendungszweck. Gibt es aber mal ein gewünschtes Plugin nicht ist es sinnvoll darüber nachzudenken, ob man das Plugin selber entwickelt. Vorteile eines eigenen Plugins ist die zentrale Lösung und die hohe Wiederverwendbarkeit in weiteren Projekten. Nach der Fertigstellung kann man es auch veröffentlichen und anderen Entwicklern damit weiterhelfen. Das…

Um Entwicklern mobiler  Webseiten das Testen zu erleichtern, arbeitet Adobe an einer Software die sich Adobe Shadow nennt und für Mac, Windows, iOS und Android verfügbar ist. Das Prinzip ist einfach - man Verbindet beliebig viele Mobile Endgeräte mit der Desktopanwendung auf dem Mac bzw. PC. Wenn man nun im Chrome-Browser…

An dieser Stelle haben wir bereits die Neuerungen rund um HTML5 kurz und bildlich vorgestellt. Heute soll es darum gehen, wie man diese denn verwenden kann. Gibt es tolle neue Features, die man selber auch nutzen möchte, stellen sich immer die gleichen Fragen: Kann ich das Feature so wie vorgeschlagen anwenden? Wie…

Hat man eine gewachsene, große Webanwendung die auf JavaScript (JS) baut, oder in der JS ein erheblicher Teil ist und entwickelt dabei auf herkömmliche Art und Weise, steht man früher oder später vor Problemen:Eine Masse an schwer überblickbaren einzelnen Funktionen, callbacks, DOM-Manipulationen usw. die stumpf aneinander gereiht werden.Das Phänomen ist auch unter dem Begriff…

Das Frontend-Framework „Bootstrap“ von Twitter ist eine gute Grundlage für die Umsetzung von Webseiten. Die vielen Features, die es mitbringt erleichtern einem die Arbeit. So kann man sich auf die Umsetzung des Layouts konzentrieren, anstatt sich in technischen Details zu…

HTML5. Ja was versteht man eigentlich darunter? Die W3C-Spezifikation? Die Spezifikation der WHATWG, die HTML(5) zum "Living Standard" - also eine Spezifikation die im stetigen Reifeprozess ist - erklärt hat? Sicher. Aber um HTML5 herum tummeln sich noch viel mehr Themen und Features. Denn inzwischen ist HTML5, wie seinerzeit Web 2.0, zum Begriff für ein Sammelbecken vieler technologischer Fortschritte geworden. Mit…

dabblet.com bietet die Möglichkeit schnell und einfach html und CSS Snippets im Browser ohne jegliche Desktop-Software zu testen. Einfach die entsprechenden Anweisungen in den Editor geschrieben und man erhält sofort im Preview-Bereich das…