• ホーム
• 未分類

カテゴリー：未分類

1. 08.01

   starting-style

   display:noneからの復帰時にアニメーションを適用できるようになった。 …

   • 未分類
   • コメントを書く

2. 08.01

   View Transitions API

   ページ遷移のアニメーションをブラウザ標準で。 SPAでも普通のページ遷移でもどちらでも対応している。 …

   • 未分類
   • コメントを書く

3. 08.01

   Scroll-Driven animation

   スクロールに連動するアニメーションを書ける。 従来だと JSが必須 IntersectionObserver必須 scrollイベントリスナー メインスレッドに負荷 がかかってた。 対応ブラウ…

   • 未分類
   • コメントを書く

4. 08.01

   Anchor Positioning、Popover API（ポップオーバーAPI）

   ツールチップの位置をCSSだけで制御できるようになった。2024年から使える機能。 今までは、popper.js、floating UIを使ってやるものだった。 見切れてしまう対策として、フォールバック位置も宣言的に指定できる…

   • 未分類
   • コメントを書く

5. 08.01

   css nesting

   scssでかけていた、2023年ごろからcssのネストが可能になった。 …

   • 未分類
   • コメントを書く

6. 07.26

   container query

   今後media queryの代わりになる。 親の先祖要素の変化に応じて子要素を変化させる機能。 mediaQueryだけだと、画面幅だけ見る形になるので、２カラムや３カラムなど画面の作りによって画面幅は大きいが表示幅が狭い領域…

   • 未分類
   • コメントを書く

7. 07.26

   flexとgridの使い分けなどの設計

   使い分けるとコードがすっきりする。 flex 縦一列、横一列などの一方向の並びに強い。 例：ナビゲーションを並べる。 flex:1 display:flexを親に使ってる子要素に対して使う。 残り…

   • 未分類
   • コメントを書く

8. 07.20

   CSSガイドライン

   ケバブケースを使う。 Modifierはハイフン2つで接続（button--infoなど） 略語禁止（btnはダメで、button） 連番を使う場合、最初に番号を振るのは禁止 マルチクラス採用 よく使うクラ…

   • 未分類
   • コメントを書く

9. 07.18

   class名のつけ方

   悪い例：汎用的な名前を付けすぎる #top .title .content .title みたいな感じになってると、titleってclassがついてるものを直したいのにどこを直せばよいか探す手間が発生することになる。 …

   • 未分類
   • コメントを書く

10. 06.30

    セキュリティに強い端末

    ハードとソフトの両面でセキュリティ対策を行っていく。 ハード セキュリティチップ ファームウェア（BIOS、UEFI）を攻撃されると致命的。（ファームウェアは特権レベルが高いため） セキュリティチップにはファーム…

    • 未分類
    • コメントを書く