• ホーム
• miyabisan2

miyabisan2の記事一覧

1. 08.15

   パブリング

   子要素で起きたイベント（clickなど）を親で拾うこと。onclickも対象だし、addEventListenerも対象。 ユースケース 大量の子要素の商品があったときに何かしらまとめたい場合。 [crayon-6aa2…

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

2. 08.15

   Backdrop

   モーダルの後ろに置く半透明の膜のこと。 こんな感じに書く。 [crayon-6aa2ad875c9bb241869262/] クリックしたら閉じる また、クリックすると閉じる機能なら、onclickをつけ…

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

3. 08.15

   z-index

   こんな感じに決める。 レイヤーz-index用途通常コンテンツauto / 0普通の画面浮遊要素10sticky、固定ヘッダー等ドロップダウン100セレクト、メニューポップオーバー200Tooltip、Popoverモーダル300D…

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

4. 08.13

   ダークモード/ライトモード

   なぜ意識されるようになったか スマホ、タブレットの普及で夜まで利用されやすくなったから。 スマホを夜の暗い部屋（明るさを落とした暗い部屋）で見るだったりとか。 また、スマホのOLEDディスプレイの普及で暗い画面の方が消費…

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

5. 08.12

   cssの色の指定方法

   カラーキーワード [crayon-6aa2ad875cecb666812788/] HEX(16進数) 定番の指定方法 [crayon-6aa2ad875ced2668265021/] RGB 透明度を…

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

6. 08.11

   Google Fonts

   太さが色々ある。 デザインにおいては非常に重要。ちゃんと太さまでインポートすること。 デザイナーさんも太さまで意識してとってきていたりするため。グーグルフォントから。 なお、font-weightを指定すればブラウザので…

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

7. 08.11

   コーディングにおけるフォント

   選び方 今はほぼこの二択。 Google Fontsから選ぶ。 Google Fontsのサーバーから呼び込んだ自社ホスティングして配信する。 Webフォント時代の定番 Noto Sans JP 日…

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

8. 08.09

   tailwindでのレスポンシブ

   ブレークポイント flex:mdなどと使う。 プレフィックス最小幅意味sm:640px小型スマホ〜md:768pxタブレット〜lg:1024pxPC〜xl:1280px大画面PC〜2xl:1536px超大画面〜 実務で多…

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

9. 08.09

   tailwind再入門

   リリース時期 バージョンリリース時期主な特徴v0.x2017年ごろ初期版。Tailwindの基本思想が形成v1.02019年5月初の正式メジャー版v2.02020年11月JIT以前の大規模アップデート、カラーパレット拡充v2.120…

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

10. 08.09

    claude desgin

    これが出た瞬間にfigmaの株価がめっちゃ落ちた。 スライド、Webページ何でも作れる。 powerpoint書き出しはまだ微妙。書き出し時にレイアウト崩れになったりする。（HTMLをパワポに変換する精度に依存する。） …

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