スクロールバーがあるとなぜか中心がずれる

ヘッダーをpositionで固定に変更したとたん、中央寄せしていたはずのヘッダーがなぜかずれました。
しかも微妙に15px程度。
さらに不思議なことにiPadで見るとずれていない。

なんだこれ?とググったところヘッダーを固定したのが原因っぽいです。
https://qiita.com/tds517/items/264545ef7af2885f3297

今回はヘッダーの幅を100vwで指定していたので100%にしただけで直りました。
他の要因でも起きるみたいで結構怖いですね。

nth-of-type()の罠

CSSのnth-of-type()で見事にハマりました。
罠というか、自分が今まで勝手に勘違いしていただけなのですが。

結論から言うと下記ページですべてが語られています:
https://qiita.com/arisgi/items/d02e018cf7860ecc43c5

ググると出てくるサンプルがいつもpタグなのでちょっと気にはなっていたのですが、まさにそういう理由でした(意外と使いにくいな…)。
もしかしてnth-child()も同じか?

WordPressの引っ越しトラブル

昨年の後半ぐらいからWordPressでいろいろと警告が出るようになったので、年末年始にかけてサーバーを引っ越しました。
引っ越し自体は上手く行きましたが、丸ごと移行したはずのページ内リンクがおかしくなってしまいました。
調べたところWordPressの「一般設定」の「WordPress アドレス (URL)」と「サイトアドレス (URL)」がuneune.comでなく、契約したサーバー自体のドメインになっていたためでした。
ここの「サイトアドレス (URL)」だけ直してとりあえずリンク先不具合はほぼ解決しました。
“WordPressの引っ越しトラブル” の続きを読む

PhotoshopのGIFアニメ制限

AferEffectsで作った動画をGIFアニメにする場合、フォトショを経由する必要があります。

その場合、フレーム数に気をつけてください!
フォトショでは500フレームを超えるとそこから先のアニメは書き出されません。
フォトショは何の警告もなくいつも通りGIFを生成してしまうので全く気づきませんでしたが、そういう仕様のようです。
“PhotoshopのGIFアニメ制限” の続きを読む