• ホーム
• 未分類

カテゴリー：未分類

1. 08.13

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

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

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

2. 08.12

   cssの色の指定方法

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

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

3. 08.11

   Google Fonts

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

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

4. 08.11

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

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

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

5. 08.09

   tailwindでのレスポンシブ

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

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

6. 08.09

   tailwind再入門

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

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

7. 08.09

   claude desgin

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

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

8. 08.05

   アクセシビリティの基本

   WCAG2 国際的な基準 Webサイトだけじゃなく、モバイルアプリ、PDFなどさまざまなものに適用される。 今は、2023年にリリースされた2.2が最新。 JIS X 8341-3:2016 WCAG2から派…

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

9. 08.04

   フォント

   種類 ゴシック体 可愛い感じ。 明朝体 高級感。 筆字 激しい感じ。 特殊フォント 今っぽいデザインにしたい場合。 手書きフォント エモいデザイン カーニング（文字詰め） …

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

10. 08.04

    余白

    行間は、1.5から2.0の間にしておくと良い。 広すぎても狭すぎても非常に見づらい。 1.0：行間を全くとらない状態。 1.5：テキストサイズの1.5倍の高さになっているという意味。 余白の大きさを揃える。 …

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