Frontend Entwicklung

Letzte Woche hatte Florian im Blog das Thema Flatdesign angesprochen (http://www.joocom.de/blog/das-metro-style-design-flat-design/), heute möchte ich dazu noch kurz als schnellen Einstieg das Flatdesign-UI-Kit von Designmodo erwähnen. Es bietet eine Fülle an UI-Elementen auf Basis des…

Bootstrap ist einweit verbreitetes HTML/CSS Framework. Demnächst erscheint die Version 3 mit starker mobiler Unterstützung. Aber dazu mehr an anderer Stelle.…

Hi, ich bin der Chris, der Neue im Frontend-Team bei der joocom und in meinen ersten Blog-Beitrag möchte ich eine Möglichkeit zeigen, wie man Seiten mit längeren Texten schnell Benutzerfreundlicher gestalten kann. Dazu lassen wir uns durch jQuery aus den Überschriften unseres Content-Bereiches dynamisch eine Sprungmarken-Navigation generieren. Durch den Einsatz weicher Scroll-Animationen, sieht das ganze nicht…

Möchte man mehrere Ereignisse über einen bestimmten Zeitraum (z.B. Releases von Versionen und deren Datum) darstellen, bietet sich nichts mehr an als eine Timeline und mit timeline.js geht das sogar richtig…

Heute möchte ich nur kurz das Tool LayoutIt vorstellen. Bei dem Tool handelt es sich um ein kick-off Werkzeug für Frontend-Projekte, mit dessen Hilfe sich auf Grundlage von Bootstrap mittels Drag & Drop ein Interface-Template zusammenstellen lässt. Dieses Template kann dann als Grundlage für die eigentliche…

Wer die Entwicklung von Bootstrap verfolgt hat wird sicher wissen, die Version 3 ist in Arbeit und wird einige Änderungen mit sich bringen. Daher möchte ich heute einen kleinen Ausblick auf genau diese Veränderungen wagen. Das…

Heute nur ein Hinweis auf eine kleine (~2kb) aber feine Javascript Library: Mousetrap.js mit der sich spielend leicht Keyboard Shortcuts in eine Webseite integrieren lassen.Es könnte wirklich kaum praktischer sein, lediglich das Script muss included werden: <script src="mousetrap.min.js"></script> Jetzt können wir schon einzelne Tasten oder auch Sequenzen und Tastenkombinationen mit Funktionen…

Heute zeige ich euch, wie ihr ganz einfach eine RSS Feed auslest und ihn verarbeiten könnt. Alles was wir dazu brauchen in ein bisschen jQuery. Die $.get() Funktion um genau zu sein. Das ganze funktioniert wie folgt. Die get Funktion ruft den RSS Feed ab. $.get( 'yourFeedUrl', function (XMLmediaArray) { $(XMLmediaArray).find('item').each(function() { var item = $(this); var title =…

Hallo Frontendler. Heute möchte ich euch das jQuery Plugin notific8 vorstellen. Mit diesem Plugin könnt ihr stylische, optisch ansprechende Benachrichtigungen (Notifications) erstellen.  Inspirieren ließ sich der Entwickler dabei von den Notifications in Windows 8. Diese wiederum haben sich von…

In früheren Blogposts habe ich Euch schon ein paar Beispiele gezeigt wie man durch CSS3 einfache Grafiken ersetzen kann. Ein sehr beliebtes Beispiel hier für sind die Dreiecke gewesen. Heute möchte ich euch ein weiteres grafisches Element zeigen das man als…