Diese Seite bookmarken bei:


JQuery Plugin-Tipp: slimScroll

Den meisten von euch wird sicherlich die kleine Box oben rechts auf Facebook aufgefallen sein, welche stets die neuesten Aktivitäten anzeigt. Das besondere daran ist jedoch nicht nur, dass diese scheinbar beliebig lang wird, sondern dass diese auch eine sehr feinen Scrollbar mitbringt, die deutlich besser aussieht als die Scrollbar des Systems und vor allem deutlich weniger Platz wegnimmt.
Auf der Suche nach einer entsprechenden Umsetzung dieses Effekts mit JQuery bin ich auf das Plugin slimScroll auf rocha.la gestoßen. Dieses bringt genau die gewünschte Funktionalität.

Hier möchte ich euch kurz beschreiben, wie ihr dieses auf eure Webseite einbinden könnt:

(weiterlesen …)

Schnelles und einfaches ScrollTo mit JQuery umsetzen

Manch einem wird es auf verschiedenen Webseiten bereits begegnet sein: ein sanfter Bildlauf hin zu einem beliebigen Element auf der Webseite. Vorteil gegenüber dem normalen direkten Sprung ist, dass man so dem Benutzer auch offenbaren kann, wohin genau ihn die Reise denn führt. Das kann durchaus positive Auswirkungen auf das Zurechtfinden in der Struktur der eigenen Seite haben.
Auf jeden Fall ist es ein netter Effekt, der sich recht schnell und praktisch mit wenigen Codezeilen in JQuery umsetzen lässt.

(weiterlesen …)

Fixierte Sharebox mit CSS und JQuery realisieren

Vielen dürfte eine kleine Box mit Buttons zum Teilen von Inhalten auf Twitter, Facebook oder Google+ links des eigentlichen Inhalts sicherlich schon mal auf diversen Blogs begegnet sein.
Für alle, die sich darunter nichts vorstellen, hier mal ein Screenshot von Mashable.com, auf dem eine solche Box zu sehen ist:

Das tolle bei Mashable ist, dass diese mit dem Inhalt mitscrollt. Man hat also immer die entsprechenden Teilen-Buttons direkt zur Verfügung. Das erhöht die Chance, dass diese auch genutzt werden, sicherlich ein gutes Stück weit. Denn bekanntlich will man es als Leser so bequem wie möglich haben und nicht endlos scrollen und suchen müssen, bis man die entsprechenden Buttons findet. Mag zwar sein, dass der ein oder andere sogar noch Links per Hand kopiert (mache ich selbst teilweise auch noch so), aber die Chance dürfte doch unweit geringer sein.
Insofern ist eine Implementierung der Teilen-Buttons in einer immer sichtbaren Box am linken Contentrand gewiss eine tolle Lösung.

In diesem Artikel möchte ich vorstellen, wie man eine solche umsetzen kann.
(weiterlesen …)