Kategorie: Web Frontend
-
3 Spalten Layout mit fixer Breite
<div class=’links‘></div> <div class=’mitte‘> </div><div class=’rechts‘></div> .links { background-color: #CCCCCC; width: 253px; float: left; } .mitte { float: left; background-color: #8D8D8D; width: 253px; } .rechts { float: right; background-color: #CCCCCC; width: 253px; }
-
Google Adsense zeigt keine Werbung an Bad Request 400
Ich hatte auf meiner Verdienst-Webseite das Problem, dass ich 5 Adsense Werbebanner in verschiedenen Formaten eingefügt habe. Davon haben 2 Werbebanner nicht funktioniert und auf dem Firefox konnte man sehen, dass die BannerJavascripte mit Fehlercode 400 Bad Request geladen wurden. Um das Problem zu lösen, habe ich alle nicht angezeigten Banner entfernt aus der Webseite…
-
HTML5 Canvas Text auf Canvas schreiben richtiger Zeilenumbruch
Wenn man einen bestimmten Text auf einen Canvas schreiben will und dafür bestimmen will, wann ein Text umgebrochen werden muss, kann man die folgende Funktion benutzen, die aus einem Text in Array macht in Abhängigkeit des Canvas. Bsp: var canvas = document.createElement(„canvas“); var context = canvas.getContext(„2d“); //vorher muss Schriftgröße des Canvas gesetzt werden context.font =…
-
Canvas rotieren um 180 Grad
Zum rotieren eines Canvas um den Mittelpunkt um 180 oder 90 Grad, kann man folgende Funktion benutzen. 90 Grad = nach rechts drehen 180 Grad = auf den Kopf stellen 270 Grad/ -90 Grad = nach Links drehen var x = document.createElement(„canvas“); var context = x.getContext(„2d“); rotateCanvas(180, context) rotateCanvas= function(degree, context) { …
-
Javascript Text spliten in Array nach maximaler Zeichenlänge
Wenn man einen Text mit Javascript so teilen will, dass man eine bestimmte Zeichenlänge nicht überschreitet, kann man die folgende Funktion verwenden, die aus einem Text und einer Zeichenlänge ein Array zurückgibt: Bsp: textArr = textToArray („Wordpress eigene Farben und CSS Klassen in den Editor einbauen“, 20); //textArr enhält [„Wordpress Plugin“] und [„selber erstellen Tutorial“]…
-
Three.js Camerasteuerung mit der Tastatur
Um mit der Tastatur (a,w,s,d und q,e und t,g,f,h) in einem three.js 3D-Projekt die Kamera zu bewegen, sind ein paar einfach Schritte nötig. in der init-Methode document.addEventListener( ‚keypress‘, onDocumentKeyPress, false ); und eine einfache Methode
-
Anordnen von WebGl 3D Objekten mit three.js
Ergebnis (Perspektive ist geändert worden):
-
Objektorientierte Programmierung in JavaScript OOP
In der letzten Zeit erfreut sich JavaScript wieder größerer Beliebtheit. Für Freunde der objektorientierten Programmierung ist JavaScript allerdings etwas umständlich. Es gibt keine Klassen, keine Vererbung und keine privaten Attribute. Dennoch ist es möglich, in JavaScript objektorientiert zu programmieren. Hierzu wird anstelle einer Klasse einfach eine Funktion definiert, die alle Attribute und Methoden enthält. Diese…
-
WordPress SEO: Meta Description Tag einbauen
WordPress ist sehr sparsam mit Meta-Tags, um das Description Tag einzubauen, muss man folgenden Code in die header.php einbauen: <meta name=“description“ content=“<?php if ( is_single() ) { single_post_title(“, true); } else { bloginfo(’name‘); echo “ – „; bloginfo(‚description‘); } ?>“ />
-
SEO: Google Autoren Foto anzeigen
Wenn man sein Foto in den Suchergebnissen neben seinen Google Suchtreffern anzeigen will, muss folgende Schritte unternehmen: Anmeldung bei Google+, im Profil unter macht mit bei die eigene Webseite angeben (Achtung bei mit www und ohne) den Namen des Autors taggen auf der eigenen Webseite, Bsp: <a href=“https://plus.google.com/107751823415469819633?rel=author“>Sebastian Viereck</a> Urheberschaft bei Google verifizieren mit einer…