Autor: Paul-Christian Ablaß

  • Initial-Werte für Css-Eigenschaften

    Gelegentlich passiert es, dass mir nicht sofort der Initial-Wert für bestimmte Css-Eigenschaften einfällt. Um in solchen Momenten nicht wild zu raten oder aber versehentlich einen falschen Wert aufzuschreiben (wieso das keine gute Idee ist, schreibt Divya Manian in Safe CSS Defaults), empfiehlt sich ein Blick in diese Liste von Initial-Werten für sehr viele Css-Eigenschaften. Eine […]

  • MySQL-Terminal mit Root-Rechten auf Windows 7 ausführen

    Ich lege in meiner lokalen Entwicklungsumgebung (Windows 7, XAMPP) für jedes Projekt einen eigenen Datenbank-Nutzer an, der nur Zugriff auf eine projektspezifische Datenbank besitzt. Dazu muss ich folgende Schritte ausführen: Die Eingabeaufforderung ausführen Auf Festplattenpartition D:\ wechseln In das XAMPP-MySQL-Verzeichnis navigieren Mich als Root-User anmelden Mein Passwort eingeben Um diesen Prozess etwas zu optimieren, habe […]

  • Screenshots machen auf unterschiedlichen Endgeräten

    Gerät Screenshot wird mit … ausgelöst iPhone, iPod, iPad Power-Taste + Home-Button Samsung Nexus 10 Power-Taste + Lauter-Taste Asus Nexus 7 Power-Taste + Leiser-Taste Samsung Galaxy S2, Samsung Galaxy S3 Power-Taste + Home-Button

  • VirtualHosts (Domains/ Subdomains) einrichten mit XAMPP

    Beim Bearbeiten verschiedener Projekte kann es aus Gründen der Übersichtlichkeit hilfreich sein diese in der lokalen Entwicklungsumgebung mit verschiedenen Domains bzw. Subdomains aufzurufen. Um dies zu gewährleisten sind zwei Schritte notwendig (bezogen auf die Arbeit mit XAMPP unter Windows). Anlegen eines VirtualHosts für den Apache-Webserver Im Ordner [XAMPP-Installationspfad]\xampp\apache\conf\extra liegt die Datei httpd-vhosts.conf. In diese wird […]

  • Einzelne YouTube-Videos automatisch und in Endlosschleife abspielen

    Um YouTube-Videos automatisch abzuspielen, genügt es de folgenden Parameter an die Video-Url anzuhängen: autoplay=1 Zum Wiederholen in Endlosschleife wird folgender Parameter angehängt: loop=1 Aber Achtung, mittels iframe-eingebettete Videos benötigen zusätzlich noch den playlist-Parameter, da der loop-Parameter nicht hinlänglich unterstützt wird. Sollte also als Einbettungsmethode das iframe gewählt sein, muss folgendes ergänzt werden: playlist=[VIDEO-ID] Dadurch wird […]

  • Sass-Mixin: rem mit px-Fallback

    Ich nutze im Css so gut wie ausschließlich rem (siehe dazu auch CSS-Tipp: rem als Einheit für Schriftgröße nutzen) als Einheit und trug das benötigte Pixel-Fallback bisher händisch ein. Mit der Zeit nervt das ziemlich, daher war ich sehr erfreut als ich vor kurzem das rem-Mixin für Sass von Hans Christian Reinl fand. Dieses Mixin […]

  • img-Elemente mit inset box-shadow stylen- ein Workaround

    [Editors Note: Es gibt eine Demo box-shadow inset für img-Elemente] In einem Design, dass ich vor kurzem umsetzen musste, gab es jede Menge Bilder die einen nach innen liegenden Schlagschatten aufwiesen. Einfache Sache, dachte ich mir: Dem img-Element einfach einen box-shadow mit der Eigenschaft inset zuweisen– et voilà, die Sache wäre geritzt. Simple Lösung, die […]

  • Lesetipp: Magic Numbers in CSS

    Als Nicht-Informatiker kannte ich den Begriff der magischen Zahl bisher nicht, wohl aber das Problem: Bestimmte Zahlenwerte, die nur in Browser A mit Schriftgröße B, Schriftart C und Zoomstufe D funktionieren. Sei es top: 42px;, um ein Flyout-Menü haargenau unterhalb des Schriftzuges seines Elternelements zu positionieren oder auch letter-spacing: -4px; zum Umgehen des Abstandes zwischen […]

  • Pixelmaße der fixen Bootstrap-Rastereinheiten in den verschiedenen Viewportgrößen

    Die folgenden Werte beziehen sich auf das responsive default grid in Bootstrap (Version 2.3.1) Bis 767px Viewportbreite Linearisierte Darstellung Body: jeweils 20px Abstand zu beiden Seiten Seite ist fluid Ab 768 – 979px Viewportbreite Seitenbreite: 724px Abstand zwischen Grid-Units: 20px Grid Gridunit Pixelbreite 1/12 42px 2/12 104px 3/12 166px 4/12 228px 5/12 290px 6/12 352px […]

  • Animierte Gif-Dateien automatisch im Internet Explorer abspielen

    Animierte Gif-Dateien automatisch im Internet Explorer abspielen

    Auf manche Sachen kommt man einfach nicht: Im Internet Explorer gibt es in den erweiterten Internetoptionen die Möglichkeit, Animationen in Webseiten zu deaktivieren. Prinzipiell nicht schlecht, allerdings zählen dazu auch animierte Gif-Dateien. Wenn das entsprechende Häkchen also nicht gesetzt ist, kann es durchaus vorkommen dass nur das erste Frame des Gifs angezeigt wird, danach Feierabend […]