Kategorien
CSS HTML5

Arial kostenlos als Webfont einbinden auf einer Webseite

Wenn man gern Arial als Schriftart auf seiner Webseite einbinden will und möchte, dass auch alle Besucher diese Schriftart verwenden sollen, auch die, die es nicht installiert haben, muss man den Font als Webfont einbinden.

Das Problem ist, dass Arial nicht frei verfügbar ist, sondern eine Lizenz dafür erworben werden muss: kostenpfliger Download.

Wenn man gern ohne Bezahlung Arial verwenden will, dann kann man einfach die Liberation Sans als Ersatz nehmen, welche fast genauso aussieht und kostenlos ist: Download Liberation Sans.

Diese lässt sich dann als Webfont einbinden:

@font-face {
  font-family: liberation_sans;
  src: url('/assets/fonts/liberation_sans/LiberationSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: liberation_sans;
  src: url('/assets/fonts/liberation_sans/LiberationSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: liberation_sans;
  src: url('/assets/fonts/liberation_sans/LiberationSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}


@font-face {
  font-family: liberation_sans;
  src: url('/assets/fonts/liberation_sans/LiberationSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

body{
    font-family: liberation_sans;
}
Kategorien
Web Frontend Webdeveloper Tools

HTML mal schnell erstellen: Zen Coding mit PHPStorm

Kategorien
SEO Webdeveloper Tools

Template um Referer Spamm per .htaccess zu entfernen aus Google Analytics

Es gibt von vielen Webseiten Referer Spam, der die Statistiken  von Google Analytics und anderen Tool Anbietern zerstört.

Beispielsweise sind das Einträge wie: semalt.com, buttons-for-website.com, free-share-button.com und darodar.com.

Um diese Webseite loszuwerden und dem Referer Spam ein Ende zu machen, haben netter Weise die Herren von rankkings sich die Mühe gemacht, alle spammigen Referer aufzuschrieben und in ein Template für die htaccess zu packen:

Kategorien
IT-Recht SEO

Google Analytics Universal Search datenschutzkonform einsetzen

Es hat sich viel verändert! Sehr gut erklärt hier.

Kategorien
SEO Webdeveloper Tools

Seo Tool für Onsite Analyse: Screaming Frog SEO Spider

Das Screaming Frog SEO Spider Tool ist ein Desktop Programm für Windows/Mac/Ubuntu mit dem man kostenlos bis zu 500 Seiten einer Domain spidern und analysieren kann. Man kann unbegrenzt viele Domains spidern und anzeigen lassen.

Der Spider zeigt einem sehr übersichtlich die SEO relevanten Daten wie Meta-Tags, Überschriften und Redirects an:

seo-spider-tool
Seo Spider Ergebnisse: sb-gahlts-check.de

Fazit: Ein sehr empfelenswertes Tool, die Vollversion kstet lediglich £99 pro Jahr exkl. Steuern.

Kategorien
SEO

Seo Tutorial bei Seo United

Ein sehr schönes und kostenloses SEO-Tutorial mit allen wichtigen Themen habe ich bei seo united gefunden, absolut empfehlenswert und in 2 Stunden hat man einen sehr guten Einblick in das Thema Seo bekommen.

Am Rande: Lustigerweise ist die Url für das Haupttutorial selbst sehr Anti-Seo: /sitemap.html 🙂

Kategorien
SEO Webdeveloper Tools

Seo Podcast

Um aktuell über SEO-Themen informiert zu werrden, lohnt sich der sehr gute Podcast von radio4seo.

Die Podcasts können auch einfach gedownloaded werden und dann als mp3 auf dem Handy bei Gelegenheit offline durchgehört werden. Die Shows sind um 1h Stunde lang durchschnittlich und sehr informativ. Nur der Moderator „ähht“ ziemlich viel:)

Kategorien
CSS Webdeveloper Tools

Icons kostenlos herunterladen

Es gibt im Netz hervorragende und kostenlose Icon-Biliotheken, die kommerziell kostenlos genutzt werden können oder teilweise für einen geringen Betrag gekauft werden können.

Mein Favourit: IconMonstr

Sehr gute Alternativen sind:

 

Kategorien
HTML5 Javascript

HTML5 Datenbank mit persistence.js Tutorial

Mit persistence.js lässt sich eine lokale Datenbank mit Javascript erstellen ohne einen Datenbank-Server und eine Internet Verbindung.

Unterstütze mobile OS von persistence.js:

Kategorien
HTML5

Vortrag über HTML5

Hier ein Präsentation über HTML5 und die Möglichkeiten/Grenzen der Technologie in englischer Sprache.

Gliederung:

  1. HTML & HTML5 Basics Facts
  2. Flash vs. HTML5
  3. HTML5 – the new features

Download Link: html5_presentation.ppt