2018/11/05

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

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

2018/10/04

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

CSS3のmaskを使えば簡単だった。
背景色を指定して、SVGでマスクする。背景をグラデーションにすればグラデーションになる。
mask: url(file.svg) no-repeat;
mask-size: contain;
background-color: #ffffff;
もちろんブラウザを選ぶが、条件さえ合えば一番簡単だ。
ってかmaskなんて機能があったなんて知らなかったよ。文字マスクもできるし、いろいろできそう。

2018/09/21

blogerでLightbox改めcolorbox

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

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

2018/09/20

SyntaxHighlighter

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

CSSだけでSVGの色を変える

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

色々な画像ファイル形式をhtmlに埋め込む(PHP)

画像をhtmlに埋め込む際、単一の場合は img/src、複数の拡張子を指定すると img/source/srcsetに展開してくれる便利関数。また、単一拡張子のみが指定されている場合は、ブラウザのサポート状況に応じ、avifやwebpの拡張子を持つ同名のファイルがある場合は[a...