CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout
CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）などの著者Heydon Pickering氏（@heydonworks）とAndy Bell氏（@andybelldesign）のプロジェクトです。
第6回 D2D アクセシビリティ勉強会：フォーム編 - CodingMania
前回デザインしたフォームをグループでマークアップ！またより実践的なあるあるなフォームもイジワル問題として出題され、ドドーンと延長（汗。 勉強会のツィートまとめ @SawadaStdDesignさんの第6回 D2D アクセシビリティ勉強会資料 「アクセシブルな入力フォームを作ろう」 @milk54さんの第6回 D2D アクセシビリティ勉強会振り返り 第6回 D2D アクセシビリティ勉強会でアクセシブルなフォームを作成！ 今回は勉強会の振り返りというより勉強会で学んで、日々できるフォームの書き方をズラリまとめてみました。 label要素でテキストラベルとテキストフィールドを関連付ける。 例） <label for="name">名前</label> <input type="text" id="name" /> 例）必須項目の場合 <label for="name">名前<span>[必須]<
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
