UI の実装で考えていること, 気をつけたいこと
READYFOR にフロントエンドの業務委託として参加している yamanoku です。 現在、デザインシステムを活用した SPA でのコンポーネント実装に携わっています。 私が Web UI コンポーネント（以下: UI）を実装する中で個人的に大切にしていることについてを某 LT 会にて発表しました。今回はその内容と、加筆したものを記事にして紹介してみます。 例：ボタン UI を実装する際に気をつけること いろいろな文脈があるとは思いますが、まず最初にこれは「リンクとしてのボタン」なのか「何かを動かすためのボタン」なのか「送信するボタン」なのかというのを考えます。 <button> のボタンである場合 type 指定をする 指定をしないとデフォルトでsubmit（送信）と決まってしまうので設定する disabled の考慮 リンクボタンと違って操作できる・できないが設定できる 操作できな
フロントエンドに関わる人のスキルとして触れておきたい・知っておきたいこと
CSS SASS、SCSS、Stylusのいずれかを利用できる 変数を使用した効率化について理解がある、準じたコードを書ける CSS設計についてが何のためにあるか理解している 各設計のメリットについて説明できる 詳細度について理解している IDを含む場合の優先度順 !importantが付与される場合の優先度順 media queryの扱い方について理解している stylelintなどの静的解析ツールを使用できる Grid, Flexboxを使用したレイアウト調整ができる inline-blockやfloatを使用した横並び以外の手段が使える CSS変数について知っている CSSフレームワークについて紹介できる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
