Kategorie: Frontend Entwicklung

Sprungmarken als Navigationshilfe mit jQuery

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 … Continue reading

Posted in Frontend Entwicklung | Tagged , , , | Leave a comment

Timeline mit timeline.js erstellen

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 einfach.

Posted in Frontend Entwicklung | Leave a comment

LayoutIt – A Bootstrap Interface Builder

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 … Continue reading

Posted in Frontend Entwicklung, Grafik & Design, Neue Produkte & Technologie, Software Entwicklung | Tagged , , , , , , | Leave a comment

Vorschau Bootstrap 3 – Mobile first

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 grundlegende Motto von Bootstrap … Continue reading

Posted in Frontend Entwicklung | Tagged , , , | Leave a comment

Keyboard Shortcuts mit Mousetrap.js

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.

Posted in Frontend Entwicklung | Tagged , | Leave a comment

Mithilfe von jQuery einen RSS Feed verarbeiten

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.

Posted in Allgemein, Frontend Entwicklung | Leave a comment

jQuery.notific8 – Ansprechende Benachrichtigungen erstellen

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 Mac … Continue reading

Posted in Frontend Entwicklung | Tagged , , , , , , | Leave a comment

CSS3 Zick-Zack Linien

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 … Continue reading

Posted in Frontend Entwicklung | Tagged , , , , , | Leave a comment

Browserhacks Sammlung

Viele Frontend-Developer werden das Problem kennen – Ein Browser in einer bestimmten Version tut einfach nicht das was er soll. Wenn der Browser schuld ist und nicht der Webworker, dann ist browserhacks.com die richtige Anlaufstelle.

Posted in Frontend Entwicklung | Leave a comment

Schöne Scrollbars mit jScrollPane erstellen

Hallo Frontend-Freunde. Heute zeige ich euch wie ihr ansprechende Scrollbars erstellen könnt. Die Standard-Scrollbalken erfüllen gerade in schicken Layouts selten die Ansprüche an ein rundum gelungenes Nutzererlebnis. Viele Browser (darunter die maßgeblichen FF und IE) greifen nämlich, wenn es heißt, … Continue reading

Posted in Frontend Entwicklung | Tagged , , , , | Leave a comment