a tiny little archive

  • Automatisches WordPress-Upgrade bei lokalen Installationen nutzen

    Möchte man bei lokalen WordPress-Installationen beim Upgrade die Abfrage der FTP-Zugangsdaten umgehen, genügt es folgende Zeile in die wp-config.php einzufügen: define( ‚FS_METHOD‘, ‚direct‘ ); Hintergrund Beim Upgrade überprüft WordPress, ob es Dateien schreiben/ verändern kann, ohne den Owner zu verändern. Falls dies nicht möglich ist, fragt WordPress nach den FTP-Daten, um die Dateien als Nutzer […]

  • Cache-Dauer für bestimmte Dateitypen in der .htaccess-Datei festlegen

    <IfModule mod_expires.c> ExpiresActive On ExpiresDefault „access plus 1 week“ ExpiresByType image/jpg „access plus 1 week“ ExpiresByType image/jpeg „access plus 1 week“ ExpiresByType image/png „access plus 1 week“ ExpiresByType application/x-shockwave-flash „access plus 1 week“ </IfModule>

  • gzip-Komprimierung in der .htaccess-Datei aktivieren

    # BEGIN GZIP <ifmodule mod_deflate.c> AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript </ifmodule> # END GZIP

  • Mit pwgen Passwörter erzeugen

    … Ich sehne den Tag herbei, an dem ich mir die ganzen Parameter merken kann. pwgen -c -n -y -s -B 12 3 Parameter -c = Fügt mindestens einen Großbuchstaben in das Passwort ein -n = Fügt mindestens eine Nummer in das Passwort ein -y = Fügt mindestens ein Symbol in das Passwort ein -s […]

  • Compass und das WordPress-eigene style.css

    In WordPress-Themes muss innerhalb des Theme-Root-Verzeichnis‘ ein Stylesheet namens style.css liegen, ansonsten wird das entsprechende Theme nicht erkannt. Dies ist innerhalb meines normalen Compass-Setups nicht ganz unproblematisch, da ich normalerweise alle Stylesheets im Ordner css/ lagere, also auch das normale style.css. Meine bisherige Lösung sah so aus, dass ich im Theme-Root ein Stylesheet hatte dass […]

  • Mit Mediaqueries auf verschiedene Pixeldichten reagieren

    Um Websites für Endgeräte mit unterschiedlicher Pixeldichte bzw. device pixel ratio zu optimieren, eignet sich der resolution–Mediaquery sehr gut: @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {} Während -webkit-min-device-pixel-ratio das Verhältnis von Gerätepixeln zu geräteunabhängigen Pixeln abfragt, checkt min-resolution ob eine Punktdichte von mindestens 192dpi erreicht ist. In einer hoffentlich nicht […]

  • Übersicht über verschiedene Fachbegriffe aus dem Bereich Retina-Display-Optimierung

    Hier eine kurze Übersicht über die verschiedenen Fachbegriffe, ihre deutsche Übersetzung (so vorhanden) sowie eine kurze Erklärung. Englisch Deutsch Erklärung device pixels/ physcial pixels/ hardware pixels Gerätepixel/ physikalische Pixel Kleinste Darstellungseinheit auf dem Screen des Endgerätes und somit die Art von Pixel, die gemeint ist wenn es um die Auflösung (also z.B. 640 x 1136px […]

  • Lesetipp: Über die richtige Einbindung von Webfonts

    Im Smashing Magazine gibt es zwei sehr gute Artikel zum Thema @font-face. In Avoiding Faux Weights And Styles With Google Web Fonts wird erklärt, wie Schriften über das Google Font Directory richtig eingebunden werden können. Ganz so trivial ist das nämlich nicht, denn die Einbindung á la Google Webfonts funktioniert nicht richtig im IE 7 […]

  • @font-face, SVG-Schriften und Fragmentbezeichner

    Um SVG-Schriften mittels der @font-face-Syntax einzubetten, wird bekanntlich folgendes Css benötigt: @font-face { font-family: „Open Sans Regular“; src: url(„../fonts/open-sans-regular/OpenSans-Regular-webfont.svg#OpenSansRegular“) format(„svg“); } Spannend ist der Fragmentbezeichner hinter dem Dateinamen, von mir fett hervorgehoben. Normalerweise sollte dieser nämlich in der Schriftdatei noch einmal auftauchen, nämlich als Attributwert für id innerhalb dieses XML-Snippets: <font id=“OpenSansRegular“ horiz-adv-x=“1171″> Tja. Normalerweise. […]

  • Responsive iframe- und video-Elemente

    Beim Einbetten von Videos innerhalb von iframe– oder video-Elementen in responsiven Websites gibt es in der Regel Probleme bei einer Größenveränderung ihres Containerelements. Obwohl die Breite des iframe’s mittels der Css-Eigenschaft max-width auf 100% gesetzt werden kann, ist davon nicht dessen Höhe betroffen. Um dieses Problem zu beheben, gibt es einen einfachen Trick: Um das […]