画像がぼやける場合の対応

ロゴの表示でpcだとクッキリなのにスマホとかだとぼやける現象が発生。
画像の解像度を上げるとスマホではくっきりするけど今度はPCでぼやけてしまう。
なので拡大縮小に対応したベクター画像にするためsvg形式で保存すること。ie9以上から。
・・・と思ったらphotoshopでsvgの書き出しが出来ない！svgで書きだそうとするとずっとローディング中になってしまう。。なので別の方法を検討

どうやらsvgへの書き出しが出来ないのはphotoshop cc 2018の不具合ぽい。なので2017にバージョンダウンしてみる。

2017版入れたらあっさりsvgの書き出しが出来た。バージョンダウンではなく2018と併存するぽい。
・・・がしかしsvg形式にしてみたらなんか表示がおかしい。画像を組み合わせてロゴ作ったのが原因なんだろうな。

もうsvgは諦めてメディアクエリでサイズによって読み込む画像を変える方法でやってみる。

・・・と思ったけどロゴとか重要な画像はcssでの表示をしない方が良いぽい。

なのでスマホ優先で実際の表示より少し大きめの画像をロゴにセットしてpcは多少ぼやけても我慢しておく。

css ie11 display-cellで画像がはみ出す件

ie11でdisplay-cellに指定した画像がセル内に収まらず本来のサイズで表示されてしまう件の対応。
display:tableにtable-layout: fixedを追加すればok

display: table;
table-layout: fixed;
width:100%; /*widthの指定も必要ぽい*/

css initialはie11が対応していないので使わないこと

width:initial;

だけだと効かないので↓のようにする

width:initial;
width:auto;

参考サイト
initialとautoでmin-width,max-width(height)をリセット – webdev

css line-heightは単位を指定しない＆1.5とかで指定すること

【CSS】line-heightで行間を調整する方法：おすすめの値は？
・単位を指定しなければ親や子に影響しない
・1.5とかで指定すればフォントサイズに影響しない

iphoneのsafariでcssがキャッシュされるのを防ぐ方法

iPhone Safari のキャッシュが鬱陶しい時の超簡単なクリア方法 - Qiita
iPhone、iPad、iPod touch でプライベートブラウズをオンまたはオフにする - Apple サポート
プライベートブラウズ機能を使えばよいらしい

dreamweaver cc サーバーとSFTP接続が出来なかった件

dwでリモートサーバーを登録して鍵認証で接続しようとしたんだけど、できなくて30分くらい無駄にした件。

winscpで.ppkファイルを指定していたのでdwでも同じprivateキーファイル指定していたんだけど、それが誤りだった！

.ppkは PuTTY 形式だから、元の.pemファイルを指定しないといけなかった。

css box-sizing:border-boxについて

通常cssでwidth指定してもborderとかpadding指定するとそれらの分widthの幅を超えてしまう。
しかし、box-sizing:border-boxを指定すると、borderとかpaddingも含めた上でwidthに指定した幅となる。