これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか

ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか、、、 フロントエンドのデベロッパーはCSSでレイアウトを実装する時に何を考えるか、その思考プロセスを言語化した解説記事を紹介します。 下記は、頭の中のメガネで見える実装のイメージです。 Thinking Like a Front-end Developer by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインのディテールは脇に置いておく 配下ページのレイアウトを実装する時に考えること ディテールを掘り

[coliss]

フロントエンドのデベロッパーはCSSでレイアウトを実装する時に何を考えるか。

[Eiichiro]

共通コンポーネントとしてのCSSを書くための考え方を記した書籍は少ないから貴重。

[Kmusiclife]

無言ブクマだらけでござるな。

[sharaku3eyes]

面白いけど沼なんだよなあ…

[ustam]

とりあえずレイアウト構造（CSS）よりも先に文書構造（HTML）を作ろうよ。そういうところがダメなんだよ。

[akio624]

こういう情報って、なかなか無いよね

[YZtrS5ce]

これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか | コリス

[akahigeg]

実践的な内容だ

[pinkid77]

共通css

[programmablekinoko]

float時代はプカプカ浮いてくる発泡スチロール箱をどう沈めるかみたいなイメージだった

[achroite_lucky]

う～ん。。。 とりあえず変な読み込みの遅いデザインで自己満してるサイトを排除してくれ。。。指導者よ

[yoshi-na]

デザイン段階からフロントとデザイナーで詰めておきたい

[kanicrap]

無言ブクマは「あとで読む(読まなきゃ)(読まない)」のせいです

[o-hayato]

“CSS Grid”