Autor: Paul-Christian Ablaß

  • Tool: Html5 Pattern

    Auf Html5Pattern gibt es diverse reguläre Ausdrücke für das Pattern-Attribut zur Kontrolle der User-Eingaben in input-Elementen. Danke, Andreas!

  • Css3-Verläufe als Grafik exportieren

    Der Export von Verläufen aus Grafiken in Css3 ist dank Tools wie dem Ultimate CSS Gradient Generator ein Kinderspiel. Manchmal besteht jedoch die Notwendigkeit, diesen Prozess umzukehren und einen Css3-Verlauf in eine Grafik umzuwandeln. Bislang kannte ich nur zwei Möglichkeiten, dies zu bewerkstelligen: Einen Screenshot des Verlaufs anfertigen. Diese Methode ist jedoch ungeeignet, wenn der […]

  • svn remove rückgängig machen

    Dateien, die mittels svn remove gelöscht wurden, können schnell und einfach mit dem folgenden Befehl wiederhergestellt werden: $ svn export [Link/zur/Datei/im/Projektarchiv]@[Versionsnummer] Die Revisionsnummer bezieht sich dabei auf die letzte Revision, in der die Datei noch existierte. Wenn also mit Revision 43 die Datei index.html gelöscht wurde, wählt man folglich Revision 42 um den letzten Stand […]

  • Lesetipp: Ein Zwischenstand zu responsive images

    A Q&A on the Picture Element ist ein guter Ausgangspunkt, um sich auf den aktuellen Stand der Entwicklung bei responsives images zu bringen. Zum einen wird ein kurzer Abriss des bisherigen Entwicklungsprozesses gegeben und zum anderen bietet der Artikel genug Links und Schlagworte für eine vertiefende Recherche. Die momentan™ angestrebte Implementierung für responsive images besteht […]

  • Syntaxhighlighting in vim ändern

    Normalerweise erkennt vim den Dateityp einer Datei sehr zuverlässig und wendet das richtige Syntaxhighlighting an. Dieses normalerweise schließt allerdings nicht unbedingt das Lösen von merge-Konflikten mit ein, so dass für diese Fälle der Dateityp manuell gesetzt beziehungsweise das richtige Syntaxhighlighting aktiviert werden muss. Dazu gibt es den Befehl :set syntax=[Syntaxkürzel]. Um also beispielsweise das Syntaxhighlighting […]

  • Domainübergreifene Zugriffe auf Webfonts (CORS)

    Gelegentlich werden Webfonts von einer anderen Domain/ einem anderen Server eingebunden (Cross Origin Request). Im Zuge dessen kann es vorkommen, dass der Zugriff auf diese Dateien auf Grund der Einhaltung der Same-Origin-Policy abgelehnt wird und die Schriften nicht geladen werden. Glücklicherweise gibt es mit Cross Origin Ressource Sharing (CORS) aber eine Methode, um diese Cross […]

  • Lesetipp: faux bold vermeiden & verschieden fette Schriftschnitte richtig einbinden

    Gerrit van Aaken erklärt in Webfonts: Fette Fehlerquelle, wie das Einbinden von unterschiedlich fetten Schnitten einer Schrift funktioniert. Eine sehr gute, aktuelle, deutsche Zusammenfassung zu einer Technik, die zum Handwerkszeug eines Frontend Developers gehört und die leider oft falsch genutzt wird.

  • color stops in Verläufen an der selben Position bei unterschiedlich hohen Elementen

    Das Problem In einem aktuellen Projekt kann auf Unterseiten einer Website ein Hintergrundverlauf zugeschaltet werden, der von transparent zu schwarz übergeht. Das ist erst einmal kein Problem, immerhin können mittlerweile sowohl kreisförmige als auch lineare Verläufe mit Css umgesetzt werden. Der Ultimate CSS Gradient Generator ist ein wunderbares Tool zur Umsetzung solcher Verläufe. Der benötigte […]

  • Mit svn export veränderte Dateien wiederherstellen

    Mit svn export kann durch Angabe des -r-Parameters ein älterer Stand einer Datei wiederhergestellt werden: Beispiel: $ svn export [Pfad/zur/Datei/im/Repo] -r[Revisionsnummer] [Pfad/zum/neuen/Dateispeicherort] Lies: Exportiere Datei X aus Revision Y zu Speicherort Z. Ein echtes Beispiel: $ svn export sass/style.scss -r42 ~/Desktop/style.scss Die Datei style.scss wird mit dem Stand aus Revision 42 aus dem Projektarchiv auf […]

  • Weiterleitungen (redirects) in der .htaccess

    Nachdem die letzten Tage eine ganze Reihe von Links zu seit Jahren nicht mehr existierenden Seiten hier angespült wurden und die Google Webmaster Tools schon mahnende Mails verschickten, habe ich mich schlau gemacht wie darauf am besten zu reagieren ist. Standardmäßig ist der Http-Status-Header im Falle einer nicht gefundenen Ressource 404, was aber eine an […]