Der Pixelfriese


Make things as simple as possible, but not simpler.

Zebra-Tabelle erstellen

Auf verschiedene Weise können Tabellen in abwechselnd gestreiften Farben eingerichtet werden. Ich zeige nachfolgend zwei Beispiele auf.


Hovereffekt bei Bildern mit Fontawesome und CSS3

Hovereffekte bei Bildern gibt es viele mit Javascript. Dies kann aber auch völlig ohne Javascript mit purem CSS3 ermöglicht werden. Ziel ist es, bei Mouseover über einem Bild ein Icon weich einzublenden, welches sich automatisch in der Bildmitte zentriert. Voraussetzung ist ein Div-Container mit einer festen maximalen Breite. Wird die Breite des Containers relativ in Prozent angegeben, passt sich das … Read More


Mobile Detection mit JavaScript

Mit dem nachfolgenden Javascript können Mobilgeräte erkannt werden.


Weiches Scrollen mit jQuery bei internem Link

Interne Links können auf herkömmliche Weise mit Hilfe von Ankern angesteuert werden. Dies erfolgt über das Ansprechen von Links, welche einen speziellen Namen erhalten haben: <a name=“anker“>Lange Seite</a> … <a href=“#anker“>Seitenanfang</a> Mit jQuery können interne Verweise ohne die Platzierung von Ankerlinks genutzt werden. Dazu ist nur eine kleine Funktion notwendig und erledigt den Rest für uns. Durch die Funktion animate … Read More