いくつか嘘記事に惑わされたり惑わされなかったりしたものの、stack overflow の Flexbox: center horizontally and vertically 記事にもある通り、以下が正しく、かつ、簡単な上下中央揃えです。

■CSS
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;

}
.item {
text-align: center;
}


■HTML
<div class="container">
<div class="item">
<p>
<img src="sample.png">
</p>
<p>これはサンプルテキストです</p>
</div>
</div>

過去記事の見直しに伴い、投稿日付がぶれています。
適宜修正しますので、日付はとりあえず無視でお願いします。

ピリオドの彼方に(http://period.ek-pro.com/)
雑文中心のブログ。

イイラボ(http://labo.ek-pro.com/)
ウェブサイトを構築するにあたっての知識を集めたウェブサイト。

ピカリンク(http://pikalink.net/)
リンク用HTMLを自動的に生成するWEBサービス。
ファイルの末尾の空改行をすべて削除し、上書き保存するサンプルスクリプトです。

open(DATA,"<$tmpfilename") or die $!;
my $content = do {local $/; <DATA>};
close(DATA);

while (1) {
if (substr($content,-1) ne "\n"){
last;
}
chomp ($content);
}

open(DATA,">$tmpfilename") or die $!;
print DATA $content;
close(DATA);


DQFAQの再構築にあたって、ファイルの末尾に改行がついてたり、ついていなかったり、という不統一を修正する過程で、探してもなかなかサンプルスクリプトがなかったのでメモ。
ドラクエ攻略FAQ(https://www.dqfaq.com/)のデザインをBootstrapを使って更新しようとしています。

せっかく新しくするのだからBootstrap4をもとに作成しているのですが、そのバージョンではjQuery3系が利用されています。そして、jQuery3ではfadeInとfadeOutが効かず、使えなくなっていることに気づきました、今更ながら。

ということで、なんとか「fadeInとfadeOutが使えなくなった」問題に対処しようと思い、はじめはjavascriptでfadeIn/fadeOutを実装してもいいかな、と考えたのですが、そういう見た目部分はCSSが、特にCSS3でできたよなぁと思い、いろいろ探してみたところ、以下のページですでにばっちり実験されていました。
【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】
20180815.png


うん、もうこれでいい。というか、最強なんだからこれがいい。
ありがとうございます。大変役立ちました。

日本語ファイル名のファイルをWEBサーバにアップロードして、そこから日本語ファイル名のままファイルをダウンロードさせたい、アクセスさせたい、ということは割とよくあると思います。
よくわからない文字列に変換されてしまうと、サーバーからも探しにくいですし。

で、ローカルはWindows、でもWEBサーバはLinux、という割とよくあるパターンの場合、Windowsのファイル名の文字コードはShift_JIS、Linux側のファイル名の文字コードはUTF-8のため、何も考えずファイルをFTPでアップロードすると文字化けが発生します。
文字化けというか、サーバ側でもSfift_JISの文字コードの日本語ファイル名で保存されます。