何も信じない事
占い、宗教、心霊、あらゆる迷信が嫌いだ。
フィクション内の要素としては楽しめるが、現実に持ち込まれると反吐が出る。霊感があると言われると病院に行けとしか思わない。目の前で突然痙攣しながら霊がいるとパフォーマンスを始められ、呆れ果てた事が二度ある。
メディアクエリ範囲指定の新構文
CSSのメディアクエリを比較演算子での指定に更新。
- 幅768px以上
- 旧
@media (min-width: 768px)
- 新
@media (width >= 768px)
- 旧
- 幅768px未満
- 旧
@media (max-width: 767px)
- 新
@media (width < 768px)
- 旧
- 幅768px以上1280px未満
- 旧
@media (min-width: 768px) and (max-width: 1279px)
- 新
@media (768px <= width < 1280px)
- 旧
書きやすいし分かりやすい。width < 768px
は768px > width
でもいい。
対応が遅れていたSafariも2023年3月に対応した。
Media Queries: Range Syntax | Can I use
フォント周りの指定
今指定している仕様。
- font-family (混植)
- 和文フォントに游ゴシック、ヒラギノ
- 欧文フォントにSegoe UI
- 三点リーダに和文フォント
- 欧文フォント指定で三点リーダが下付きになる対策
- font-feature-settings: “palt”
- 読みやすい文字詰め
- letter-spacing: .5px
- でも詰まりすぎなので少し空ける
- NotoSansでは空きすぎるのでPCのみに適用
- text-shadow: 0 0 #(淡色)
- Winで游ゴシックが細くなる対策
- word-break: break-all
- 要素の右端でのみ自動改行する
買ってよかったもの2023前半
UnityでVR飛行移動を実装
UnityのVRプロジェクトに快適な移動システムを実装する。
仕様
- 左コントローラの向きを前方として左スティックで高速飛行移動
- 重力なし・慣性なし
- 右スティックで高速スムーズターン
VR酔いはプレイヤーを低速で歩かせ、地形に合わせて視界を揺らし、狭い室内で障害物にぶつけたり、余計な物理法則を付与するせいで起きる。それらを強いながら酔い対策だと視界をトンネル化するのは愚かの極み。
回転に関しても、酔い対策に規定の角度しか回転できないスナップターンが採用されるが、スムーズターンで酔うのは設定速度が遅すぎるせいだ。
続きを読む UnityでVR飛行移動を実装てがろぐでPhotoSwipeを使う
てがろぐの画像拡大表示にPhotoSwipe v5を使う。
- 投稿内の複数画像をスワイプで切替
- 「画像クリックで閉じる」オプション
- 余計なフレームやアニメーション無し
- △ data属性で画像サイズ指定必須
- JSで自動付与対応
- △ マウスホイールで画像切替非対応
- スクリプト改変で実装
動作サンプル(稼働中のてがろぐ)
続きを読む てがろぐでPhotoSwipeを使うプライムビデオの吹替版を非表示
- 吹替は観ない
- 一覧に同じ映画の字幕版と吹替版が出てくる
- カーソルを合わせないと字幕か吹替か分からない
のでStylusで消す。
CSS適用
article[data-card-title$="(吹替版)"],
article[data-card-title$="(吹替版)"] {
display: none;
}
単純にカード名を取っているので、表記無しや字幕・吹替の両対応は消さない。