ブコニュー!

マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法 | コリス

Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in…

<全文を読む> http://coliss.com/articles/build-websites/operation/css/modular-web-design-learning-from-lego.html
注目記事
46 : 名無しさん@はてブ 2017/01/11 17:45:54

最下位コンポーネントが最下位でなくなる場合など、考慮することは多いが、採用してみたい。

62 : 名無しさん@はてブ 2017/01/11 18:58:10

後で読みたい。

70 : 名無しさん@はてブ 2017/01/11 19:14:22

問題は業務だと要求仕様自体があんまりこーゆーキレイなタイル配置にならないことかな・・・。入力が無いとまぁ良いんだけど。

92 : 名無しさん@はてブ 2017/01/11 20:09:51

とにかく複雑な作りにはしたくないという思いがある(^_^;)

135 : 名無しさん@はてブ 2017/01/11 22:06:00

百歩譲って、先行き過ぎてる気が‥

136 : 名無しさん@はてブ 2017/01/11 22:07:26

Bootstrapを使わない場合はこれでいいな

168 : 名無しさん@はてブ 2017/01/11 23:44:27

LEGOブロックの考え方で学ぶモジュール式Webデザイン。

175 : 名無しさん@はてブ 2017/01/11 23:54:34

いい感じにデザインできそうですね

186 : 名無しさん@はてブ 2017/01/12 00:22:16

面白いかも

239 : 名無しさん@はてブ 2017/01/12 05:37:58

わかってるつもりなんだが、結局ぐちゃぐちゃになっちゃう…

251 : 名無しさん@はてブ 2017/01/12 07:12:36

後で読む

274 : 名無しさん@はてブ 2017/01/12 08:08:51

全ての要素に半分のパディングを持たせれば解決、ということか。ブラウザの横幅による配置変更で一気に崩れそうな気がするけれども。

286 : 名無しさん@はてブ 2017/01/12 08:31:04

今度試しに使いたい

304 : 名無しさん@はてブ 2017/01/12 09:15:44

すげー勉強になる。

352 : 名無しさん@はてブ 2017/01/12 13:00:18

Webデザイナを名乗る人はせめてこれくらいは理解しておいてほしい。

355 : 名無しさん@はてブ 2017/01/12 13:23:07

“マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法”

367 : 名無しさん@はてブ 2017/01/12 15:41:22

やりました。

373 : 名無しさん@はてブ 2017/01/12 17:47:09

526

380 : 名無しさん@はてブ 2017/01/13 00:15:31

一昨年当たりに紹介されていたような。難しすぎて読み飛ばしてました

418 : 名無しさん@はてブ 2017/01/31 17:21:27

固定paddingと外側にpaddingを補完すると等間隔になる。

425 : 名無しさん@はてブ 2017/02/19 02:19:19

マージン モジュール

人気記事

コメントする

メールアドレスが公開されることはありません。

*

ピックアップ

Return Top