久しぶりに見るPOPFileの統計情報

会社のホスティングサーバーを変更するにあたり、メーラーのサーバー設定を変更する。POPFileを使っていると、受信サーバーはlocalにして、ユーザー名に色々細工をする。今回のサーバーはAPOPではなくPOP3s(SSL)での接続なので、設定方法を調べるために久しぶりにPOPFileの公式サイトを見た。

CSSだけでSVGの色を変える2

CSS3のmaskを使えば簡単だった。
背景色を指定して、SVGでマスクする。背景をグラデーションにすればグラデーションになる。

mask: url(file.svg) no-repeat;
mask-size: contain;
background-color: #ffffff;

もちろんブラウザを選ぶが、条件さえ合えば一番簡単だ。
ってかmaskなんて機能があったなんて知らなかったよ。文字マスクもできるし、いろいろできそう。

blogerでLightbox改めcolorbox

Lightboxが動かなくなっていた話。CDNで提供されていたhttpが参照できなくて、httpsでの提供もない。このLightboxはblogger用に改造されているようなので、一般に配布されているCDNのLightboxでは動かない。一旦放置。

で、じゃcolorboxはどうよって思って調べる。結果的には巧くいった。

SyntaxHighlighter

ここ、blogerでSyntaxHighlighterが動かなくなっているようだった。
外部参照のhttpが云々って理由らしいがよくわからない。
httpで開発元のalexgorbatchev.comを直接参照していたので、これを別のサイトに置き換える。
このサイトのここにCDNがあるので、jsとcssを置き換えて万事おｋ
lightboxも動かなくなっているみたいだが、今回は見送り

CSSだけでSVGの色を変える

SVGで作った単色アイコンを、CSSで色を変えたいと思って調べてみたが、CSS単体でやるのは基本的に無理っぽい。html内に SVGを直接書いて useを使って CSSで色指定、というのが一番近かった。が、background-image とかでは無理みたい。
そんで更に調べてみてsass/scssを使って無理矢理やってみた。