• ホーム
• 未分類

カテゴリー：未分類

1. 08.16

   Tooltip、Popover(ポップオーバー)、Bottom Sheet

   インフォメーションアイコンとかをクリックしたときに使い分ける。 Tooltip ちょっとした吹き出し。 Popover 吹き出しに、ボタンとかリンクとか追加したい場合。Tooltipの強化版。 …

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

2. 08.16

   React UIライブラリの歴史

   2015年 MUIが登場 2018年 テーマなどアプリケーションの設計思想まで提供する時代になった。 MUI Chakura UI Emotion stlyed-component The…

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

3. 08.15

   Compound Components（複合コンポーネント）

   [crayon-6adc2fdd0872e206276580/] メリット モーダルに属する部品だと関係性を示せること。 …

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

4. 08.15

   パブリング

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

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

5. 08.15

   z-index

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

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

6. 08.09

   tailwindでのレスポンシブ

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

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

7. 08.09

   tailwind再入門

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

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

8. 08.04

   視線誘導

   Z型 コンビニの棚の商品の配置もこれに倣ってる。 左上から右上、次に左下から、右下に視線が動く。 人がストレスなく理解できる。 最後に視線が移動する右下にコンバージョンのボタンを配置すること。 F型 左…

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

9. 08.03

   webデザイントレンド

   どっからくる。 海外の以下サービスからくる。 Dribbble Behance 日本ならこれ。 Pinterest Canva AIでイラストを作れる。 Figma AIで切り…

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

10. 08.02

    fit-content

    width: fit-content ブロック要素に対して、文字だけに背景をつけることができる。（例：h1など） 普通に背景とかをつけたい場合ってブロック要素は横いっぱいに広がってしまう。 display:inlineや…

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