Diese Seite bookmarken bei:


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 …)

Page Speed Optimieren

Die Ladegeschwindigkeit der eigenen Webseite ist seit neuestem nicht nur ein Faktor für das Ranking innerhalb der Google Suchergebnisseiten, sondern auch abseits davon entscheidend. Auch heute in Zeiten von schnellen DSL-Leitungen ist die Ladegeschwindigkeit für Besucher noch immer von hoher Bedeutung. Vielleicht sogar noch mehr als früher. Denn die Erwartungshaltung in Bezug auf die Ladezeiten haben sich damit natürlich auch entsprechend geändert. Und so dürfte die Toleranzgrenze für Seiten, die nicht schnell genug auf eine Anfrage reagieren nicht mehr allzu hoch liegen. Lädt eine Seite nicht schnell genug, wird sie eben wieder zugeglickt. Möglicherweise das Vergeben der einzigen Chance einen neuen Stammbesucher zu gewinnen.
Natürlich hängt viel auch noch immer von der Reaktionszeit des Servers selbst ab. Insofern zahlt es sich hier durchaus aus, nicht allein auf den günstigsten Webspace zu setzen, sondern sich vorher hinsichtlich der Performance-Zufriedenheit anderer Kunden im Netz ein wenig umzusehen.
Doch es gibt auch eine Menge weiterer Punkte, die man hinsichtlich des Aufbaus seiner Webseite selbst tun kann. Darum soll es im folgenden nun gehen.

(weiterlesen …)

Abgerundete Ecken mit CSS: border-radius

Wer das WordPress-Dashboard im Firefox oder Safari-Browser besucht, der wird im Menü schön angerundete Ecken vorfinden, während beispielsweise bei der aktuellen Opera-Version die eckige Version zu sehen ist.

Was hat es damit auf sich?

(weiterlesen …)

4 Wege um CSS-Anweisungen einzubinden

css_codeIch hatte mich im gestrigen Artikel schon ein wenig mit CSS beschäftigt und möchte dieses direkt etwas weiterführen, indem ich euch hier einmal ein paar verschiedene Möglichkeiten und Techniken vorstellen möchte, wie man mit CSS zu Werke gehen kann.

Der größte Vorteil von CSS-Stylesheets ist sicherlich die mögliche Trennung von Design und Struktur. Ich kann also bequem alles, was mit Farben, Ausrichtungen, Stilen zu tun hat von meinem Code trennen. Je nach Art, wie man die CSS-Anweisungen einbindet, kann man dies unterschiedlich stark ausnutzen.

Vielen werde ich damit sicherlich nichts grundlegend Neues erzählen, aber so eine kleine Übersicht mit Beispielcode kann immer mal ganz praktisch sein. (weiterlesen …)

Eigenen Blog mit kostenlosen Icons aufpeppen

Im Netz gibt es zahllose Iconsets, die kostenlos für alle zur Verfügung stehen. Das wichtigste bei einem Blog mögen die Beiträge sein, doch auch das Gesamtoutfit des Blogs ist entscheidend.

Und hier helfen kleinere Icons doch ganz entscheidend, zum einen etwas Auflockerung reinzubringen und dem Leser zum anderen schnelle Anhaltspunkte zur Orientierung an die Hand zu geben. Denn ein Icon fällt doch wesentlich schneller ins Auge als es Überschriften bei schnellen Überfliegen tun. Außerdem ist den meisten Lesern, die regelmäßig im Netz unterwegs sind, die Bedeutung der unterschiedlichen Bildsymbole auch schon so vertraut, dass sie selbst bei schnellem durchscrollen erkennen, was sich wo wiederfindet.

Bestes Beispiel ist hier sicherlich ein Icon mit dem in der Blogosphäre sehr bekannten Feed-Symbol. (weiterlesen …)