Composer und Autoload über Namespaces
Mit Composer habe ich ein wenig herumexperimentiert – hauptsächlich deshalb, weil man ohne Composer fast keine PHP Libraries mehr verwenden kann.Interessant ist die Autoload Funktionalität von Composer. Was ist Autoloading?Bisher war der PHP Code von include und require Ausdrücken zu Beginn einer Klasse gepflastert (Hinzu kommen dann gegebenfalls auch noch use Statements für Namespaces). Wenn […]
Iframe im Responsive Webdesign
Iframes wiedersetzen sich der breitenflexiblen Darstellung. Das Problem tritt vor allem bei Youtube Videos auf. Schade, dass Google hier nichts anbietet, vor allem da Google seit heute ja sehr viel Wert auf mobil-taugliche Webseiten legt – bevorzugt im Responsive Design. Lösungen für CSS gibt es bereits: Smashingmagazine Alistapart Dabei kommen vor allem zwei CSS Klassen […]
Bootstrap und WordPress
Im Prinzip ist die Erstellung eines WordPress Themes auf Basis von Bootstrap recht einfach. 1. WordPress installieren: Famous 5 minutes installation auf Deutsch 2. Bootstrap herunterladen 3. Neues Theme anlegen und in stype.sss des Themes eigene Anpassungen zu Bootstrap machen. 4. Bootstrap Dateien im header.php bzw. footer.php verlinken. 5. In restlichen Theme Dateien mit den […]
Relaunch von ulrischa.de – jetzt responsive
Ab 21.04.2015 stellt Google seinen Suchalgorithmus um. Webseiten, die nicht mobilfähig sind werden dann schlecht bewertet. Daher habe ich daran gemacht ulrischa.de responsive umzusetzen. In den nächsten Posts werde ich beschreiben, wie man Bootstrap in WordPress integriert, um schnell responsive Design umzusetzen.
Relative Pfade bei include bzw. require in PHP
Bei der Angabe des relative Pfades zur Einbindung von Funktionen aus externen PHP Dateien über include_once oder require_once, kann es zu Problemen kommen. Folgende Situation: Wir haben diese Verzeichnisstruktur: gemeinsam.php OrdnerA a.php OrdnerB b.php Dabei sieht Datei a.php so aus: Und p.php hat folgenden Inhalt: Wenn der Aufruf von a.php erfolgt, dann […]
Javascript mit Mediaquery im responsive Design verbinden
Mit CSS kann man Eigenschaften mit Mediaqueries abhängig von der Bildschirmgröße ändern – ein wichtiger Bestandteil des responsive Designs. Manchmal will man aber auch bestimmten Javascript Code nur bei einer Bildschirmgröße ausführen. Die Verkettung von Javascript – Codes mit einer Mediaquery kann man über unterschiedliche Techniken erreichen. Zum einen kann man über Javascript oder JQuery […]
Realtime PHP Ausgabe über Ajax in anderer Seite
Folgendes Problem: Auf einer Webseite A soll über einen Button ein PHP Skript B gestartet werden, dass über einen längere Zeit hinweg mit echo z.B. log-Ausgaben ausgibt. In der Aufrufenden Seite A sollen diese Ausgaben während der Laufzeit des Skriptes B in einen DIV Container mit einer bestimmten Höhe geschrieben werden. Klingt zunächst einfach, ist […]
3rd-Party Cookies bei iFrame in IE und Safari ermöglichen
Folgendes Szenario: Seite A enthält einen iFrame, in dem Seite B sichtbar sein soll. Seite A und Seite B haben unterschiedliche Domains z.B. www.a.com und www.b.com Seite B muss Cookies setzen (z.B. Sessions über PHP für ein mehrstufiges Formular). Das Problem: Im IE und im Safari verhindern die Sicherheitseinstellungen, dass diese 3rd-Party Cookies gesetzt werden […]
LAMP auf dem Raspberry
Einen Apache Webserver, mySql, php und phpmyadmin installiert man auf dem Raspberry wie folgt: sudo apt-get installiert apache2 Nach Installation liegt die index.html unter /var/www. Der Aufruf der IP des Pi in einem Browser im LAN liefert.It works. sudo apt-get install php5 libapache2-mod-php5 mysql-server mysql-client php5-mysql Als Passwort kann man auch z.b. raspberry nehmen. sudo […]
Bestehende Webseite responsifizieren
Will man ein bestehendes Layout mobilfähig machen ist dazu einiges nötig. Im einzelnen: Media Query einbauen um von Desktop zu Mobil CSS zu wechseln. Das geht z.B. über folgenden Aufbau Farbe, Typographie und grundsätzliches Layout CSS für Mobil UND Desktop @media screen and (max-width:480px) {Link zur Mobil-CSS Datei} @media screen and (max-width:480px) {Link zu Desktop-CSS […]