Open Graph Tags

Bestimmt wollte jeder von euch eure Webseite bei Facebook posten und dabei merkt man, dass das ja gar nicht so toll wie bei den anderen aussieht. Genau dafür hat Facebook die Open Graph Tags (OG Tags) eingeführt. Ich zeige euch, wie ihr sie verwendet. Zu erst einmal: Was sind überhaupt diese Open Graph Tags? Die OG Tags sind spezielle Meta Tags für Facebook. Sie gehören nicht zum…

weiterlesen

Auch mit Javascript kann man einen MD5 Hash erzeugen. Leider bietet Javascript nicht wie PHP gleich eine fertige Funktion dafür. Deswegen müssen wir sie uns selber schreiben. Da das Internet voller Überraschungen ist gibt es schon diverse Leute, die das für uns erledigt haben. Wir müssen jetzt nur noch die Funktion in unsere Webseite kopieren und schon können wir sie benutzen. function md5(str) { var…

weiterlesen

Responsive Overlays

Ihr wollt responsive Overlays bauen und braucht eine gute Grundstruktur? Ich zeige euch heute wie ihr diese Grundstruktur schnell erstellt und sie auch bei größen Inhalt gut zu bedienen bleibt. Was brauchen wir dafür? Gar nicht viel! Ich benutze jQuery da es die meisten so wie so verwenden. Man kann das ganze aber auch mit VanillaJS einfach bauen. Zu dem ein bisschen HTML und CSS. Damit wir bei…

weiterlesen

Die meisten Smartphones haben einen Beschleunigungssensor oder auch Accelerolmeter mit eingebaut. Wie man diesen benutzt zeige ich euch heute. Dabei gibt es drei verschiedene Richtungen, die ausgelesen werden können. Einmal die X, Y und Z Achse, so können wir jede bewegen registrieren und darauf reagieren. Eine wichtige Frage vorab. Welche Smartphones unterstützen den Beschleunigungssensor überhaupt?…

weiterlesen

Während die wir schon fleißig die aktuellen CSS3 Selectors Level 3 benutzen, arbeitet das W3C an Level 4 der Selectors API. Der aktuelle Editor's Draft zeigt schon jetzt einige interessante neue Funktionen, die uns das Leben erleichtern können. Da es sich um einen Editor's Draft…

weiterlesen

heute stelle ich euch ein nützliches Tool für Frontendler, die mit Bootstrap arbeiten, vor. Es  hat zwar noch ein paar Kinderkrankheiten aber es ist jetzt schon sehr effektiv. Jetstrap ist ein mächtiges Entwicklertool für das…

weiterlesen

So gut wie jeder Web-Entwickler stand schon vor dem Problem, dass der Inhalt nicht die komplette Seite ausfüllt und somit der Footer nicht am Ende ist. Genau für dieses Problem gibt eines eine Lösung - den Sticky Footer. Ist der Inhalt nicht lang genug bleibt der Footer trotzdem am Ende der Seite und rutscht weiter runter sobald der Inhalt groß genug ist. Um das zu schaffen brauchen wir erstmal unser HTML…

weiterlesen

Um seinen Besuchern, die Registrierung so einfach wie möglich zu machen greifen viele derzeit auf den Facebook Login zurück. Hier zeige ich euch wie es grundlegend funktioniert. Facebook Login Um den Login von Facebook zu benutzen braucht ihr zu aller erst einen Facebook Developer Account.…

weiterlesen

HTML5 Geolocation API

Die Geolocation API ist ein sehr cooles Mittel um den aktuellen Standort des Users zu bestimmen. Im Optimalfall sogar auf einem Meter genau. Wie das funktioniert und was für Einschränkungen es es gibt erfahrt ihr hier. Was ist die Geolocation API? Die Geolocation API ist Teil der HTML5 Javascript Schnittstellen des Browser und gehört zu den offiziellen W3C-Spezifikationen. Daher ist der aktuelle…

weiterlesen

Kann man Mithilfe von jquery.aim wirklich die Userklicks voraussagen? Das erfahrt ihr in diesen Blog. Zugegeben wirklich voraussagen können wir die Userklicks nicht. Jquery.aim behilft sich aber mit einem einfachen Trick. Im Grunde probiert das Skript anhand der relativen Mausbewegung zu errechnen auf welche Schaltfläche ihr euch zubewegt.…

weiterlesen