Duo Partner Design llc

Duo Partner Design llc DPD（DuoPartnerDesign）では、Webを活用した営業・経営支援サービスを提供しています。

09/02/2026

coverは“埋める”、containは“見せ切る”。
切れる／余るは“失敗”ではなく仕様です。
目的を先に決め、
「全面を埋めたい」
→ background-size: cover; ＋ 中心に重要要素を置く安全領域設計
「全部見せたい」
→ contain＋背景色で余白を馴染ませる

—保存用メモ—

埋めたい＝background-size: cover;（中央安全）
見せ切り＝contain＋background-color

保存してチームに共有。実例URLがあればコメントで。

#背景画像 #フロントエンド

26/01/2026

フォームは“結びつき”が大事。

ラベルは for、入力は id でペアに。
必須は required で機械に伝える。
「*」は見た目だけ。
本当の必須は属性で決まります。

—保存用メモ—

メール


保存してQAチェックに。
つまずく項目はコメントで。

#フォーム設計 #アクセシビリティ #バリデーション Web担当 DPDアカデミー マークアップ

15/01/2026

タグは“役割”で決める。

ページ遷移（URL/アンカーへ移動）
→

インタラクション（開閉・タブ・モーダル）
→

フォーム送信
→

—保存用メモ—
見た目は.btnでそろえ、意味はタグで分ける。

移動
操作

保存して基準に。迷ったらコメントへ。

#マークアップ #アクセシビリティ #フロントエンド #ボタン設計

住所

東京都
Koganei, Tokyo
1840002

ウェブサイト

アラート

Duo Partner Design llcがニュースとプロモを投稿した時に最初に知って当社にメールを送信する最初の人になりましょう。あなたのメールアドレスはその他の目的には使用されず、いつでもサブスクリプションを解除することができます。

ショートカット

  • 住所
  • アラート

共有する

カテゴリー