Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Schicke kostenlose Social-Media-Buttons im Responsive Design für deine Website

Social Media Buttons im Responsive Design. (Bild: KNI)

An Social-Media-Buttons scheiden sich die Geister. Bei diesen schicken Buttons im Responsive Design dürften aber selbst Zweifler schwach werden.

Social-Media-Buttons können schick sein, sie können Besucher aber auch schrecklich nerven. Aus der aktuellen Webwelt wegzudenken sind sie aber trotzdem nicht. Aus der Sicht der Webdesigner kann es außerdem nervig sein, die Social-Media-Buttons für jedes einzelne Projekt neu zu designen. Damit das künftig nicht mehr nötig ist, hat das Design-Team KNI ein Set von flexiblen Social-Media-Buttons im Responsive Design erstellt.

Social-Media-Buttons: Einfach anpassbar

Die Buttons wurden mit der Stylesheet-Sprache Sass entwickelt, sie sind daher einfach anzupassen. Laut den Designern brauchen lediglich ein paar Variablen ausgetauscht werden. Der Button-Container soll sich auf Displays aller Größen, von kleinen Geräten bis hin zu Retina, entsprechend anpassen. Wird ein Button entfernt, weil er nicht benötigt wird, füllen die restlichen Buttons diesen Platz aus.

Social-Media-Buttons im Responsive Design kostenlos zum Download. (Bild: KNI)
Social-Media-Buttons im Responsive Design kostenlos zum Download. (Bild: KNI)

Getestet wurden die Social-Media-Buttons im Responsive Design bisher in der Größe von 130 bis 15.465 Pixeln auf den aktuellen Versionen der Browser Chrome, Safari, Firefox, Opera und Internetexplorer. SVG-Support wird vorausgesetzt. Wie das Ganze ausschaut, kann man auf dieser Website selbst testen – dazu einfach die Seite größer und kleiner ziehen, die Social-Media-Buttons passen sich entsprechend an.

Anzeige

Social-Media-Buttons gratis zum Download

KNI hat den Code für die Social-Media-Buttons im Responsive Design auf Github zum Download zur Verfügung gestellt. Dort gibt es auch weitere Anweisungen zur Installation und zur Anpassung der Buttons.

Wenn ihr vor dem Installieren von Social-Media-Buttons noch auf der Suche nach Wordpress-Themes seid, dann schaut euch unseren Artikel „30 kostenlose WordPress-Themes für Responsive Design“ an.

Finde einen Job, den du liebst

Bitte beachte unsere Community-Richtlinien

2 Reaktionen
Sebastian Schmal

welche share-button verwendet ihr den T3N-Team?

Lars Kroll

Responsive ist ja schön und gut, aber sind die Buttons mit dem deutschen Datenschutz konform?

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Hinweis

Du hast gerade auf einen Provisions-Link geklickt und wirst in Sekunden weitergeleitet.

Bei Bestellung auf der Zielseite erhalten wir eine kleine Provision – dir entstehen keine Mehrkosten.


Weiter zum Angebot