Teaser Youtube responsive einbetten

responsive YouTube Video einbinden

CSS Bette ein YouTube Video in deine eigene Webseite ein. Mit diesem CSS Trick passt sich das Video automatisch der Bildschirmgröße an.

Wordpress Bilder optimieren

WordPress Bilder SEO

SEO Ein wichtiger Ranking-Faktor ist die Ladegeschwindigkeit deines Blog's. Der häufigste Fehler ist die falsche Optimierung deiner Bilder.

Sharing-Buttons bauen

Sharing Buttons für WordPress selber machen

HTML Wenn du Sharing-Buttons auf deiner Webseite haben möchtest musst du nicht unbedingt ein Plugin installieren. Ich habe diese Variante gewählt, da keine Scripte von Facebook, Twitter oder Google+ meine Seite aufblähen.

Open Graph Teaser

Was ist Open Graph?

HTML Open Graph Protokoll erweitert eine Webseite, mit dieser Erweiterung kann die Webseite in sozialen Kanälen besser dargestellt werden. Das Protokoll sagt dem Netzwerk, z.B. Facebook oder Twitter, welches Bild und welcher Text die Webseite wiederspiegelt.

Arbeitsumgebung einrichten Teaser

Arbeitsumgebung einrichten

HTML Ich gebe dir hier meine Arbeitsumgebung als Muster, es kann jederzeit angepasst und deinen Wünschen erweitert werden. Es soll dir als Beispiel für die Grundausrüstung dienen.

JavaScript OOP Teaser

JavaScript: OOP – Klassen, Methoden und Vererbung

Java Script Mit JavaScript ist es möglich Objekt Orientiert zu programmieren (OOP). Dies bedeutet das der Code eine modulare Struktur aufweist, der Vorteil bei dieser Programmierart ist die Wartbarkeit sowie die Erweiterbarkeit.

Javascript Funktionen clonen

JavaScript: Funktionen klonen & manipulieren

Java Script In Java Script ist es möglich Funktionen in eine Variable zu speichern und die Originale Funktion zu überschreiben. Dies ermöglicht es z.B. bei einem Videoplayer den Playbutton zu tracken.

LESS Mixins Teaser

LESS Mixins

LESS Mixins sind vordefinierbare CSS Eigenschaften, die per Aufruf in die Klasse geladen werden kann. Es gibt 2 Arten von Mixins, die mitausgegeben werden und die nur im LESS vorhanden sind. Des weiteren ist es möglich Mixins Variablen zu übergeben um diese im Mixin zu verwenden.

LESS Variablen

LESS Variablen

LESS In LESS können Variablen erstellt werden, in diese man z.B. URL's, Farbwerte oder Abstände speichern kann um eine höhere Wartbarkeit zu schaffen.

LESS Dateien importieren

LESS Dateien importieren

LESS Mit dem Import Befehl können die LESS Dateien auf mehrere aufgeteilt werden und nach und nach geladen werden. In diesem Beispiel werde ich die Farbwerte in die variables.less speichern und die Klassen in die style.less.

LESS installieren & anwenden

LESS installieren und anwenden

LESS LESS ist ein Präprozessor der CSS mit Variablen , Funktionen und Vererbung erweitert. Dadurch kann eine saubere und schnellere Entwicklung von CSS gewährleistet werden.

klimabewusste Website