CSS Nite in Osaka, vol.46

CSS Nite in Osaka, vol.46「Bootstrap meets XD / Bootstrap 4 LIVEコーディング」ツイートまとめ http://cssnite-osaka.com/vol46/
0
CSS Nite @cssnite

#セミナー開催情報(CSS Nite以外) 2018/09/08(土) 福岡 Adobe XD Meeting #003 buff.ly/2KyrxE6

2018-08-07 20:05:02
CSS Nite in Osaka @cssnite_osaka

iPhone5/SEの場合を考えて、その際の調整をメディアクエリでする必要がある。 #cssnite

2018-08-07 20:09:00
CSS Nite in Osaka @cssnite_osaka

5分ほどしばしの休憩!お菓子もありますよ〜!#cssnite

2018-08-07 20:09:50
CSS Nite in Osaka @cssnite_osaka

わからない!こういうときはどうすれば?聞きたいことがあればお気軽に、#cssnite #質問 のハッシュタグをつけてツイートしてくださいね♪

2018-08-07 20:17:43
ジョージ @日々精進 @eiji_nagano

まだIE9対応案件とかあるんだー…つらいな。 #cssnite

2018-08-07 20:18:44
ジョージ @日々精進 @eiji_nagano

vueかRiotで迷ったらRiot使ってみてください by あべちよ #cssnite

2018-08-07 20:20:25
CSS Nite in Osaka @cssnite_osaka

Bootstrapのスペーシング用クラス、marginの時はm-●をつかいます。m-3が標準で、16pxぶんのmarginがとれます。 #cssnite

2018-08-07 20:22:59
CSS Nite in Osaka @cssnite_osaka

Bootstrapのコンテンツを入れるボックス①container ②container-fluid #cssnite

2018-08-07 20:27:09
CSS Nite in Osaka @cssnite_osaka

画像にimg-fluidクラスをつけるとボックス内で100%にしてくれます。 #cssnite

2018-08-07 20:28:19
CSS Nite in Osaka @cssnite_osaka

3つのボックスの並びをブレイクポイントごとにカラム変え→グリッドシステムでのレイアウト。rowクラスをつけたdivの中に、col-●クラスのdivを入れます #cssnite pic.twitter.com/J2sXSbQ0mk

2018-08-07 20:36:22
拡大
meganetops @meganetops

Bootstrap4のgridシステムが柔軟すぎてやばい。 #cssnite

2018-08-07 20:37:52
CSS Nite in Osaka @cssnite_osaka

モバイルファーストで作ったものをPCスタイルに調整していきます。 #cssnite pic.twitter.com/AC6mcjb2fA

2018-08-07 20:47:38
拡大
CSS Nite in Osaka @cssnite_osaka

「バーガーメニュー、PCの時はいらない!」というときは表示プロパティ。例) mdの時は表示してsmサイズの時に表示しない→.d-md-block .d-sm-none #cssnite

2018-08-07 20:51:23
CSS Nite in Osaka @cssnite_osaka

PC用ロゴ、スマホ用ロゴの切替でも、同じ方法が使えます。 #cssnite

2018-08-07 20:54:45
CSS Nite in Osaka @cssnite_osaka

阿倍さんありがとうございました!アンケートにご協力ください! #cssnite pic.twitter.com/coq8oDH4Dm

2018-08-07 21:01:58
拡大
CSS Nite in Osaka @cssnite_osaka

今回はBootstrapのコーディングかまメインでしたが、AdobeXDについて詳しくは今週末のCSS Nite in Osaka, vol.45「All About XD」 w/YATのblog にて! cssnite.jp/osaka/vol45/ #cssnite #adobexd

2018-08-07 21:05:29
CSS Nite in Osaka @cssnite_osaka

ここで豪華なプレゼントタイムpart2!こちらはCSS Nite in OSAKAの実行委員長@matsu_eriも執筆協力しております! #cssnite

2018-08-07 21:08:04
CSS Nite in Osaka @cssnite_osaka

これにて終了!皆様ありがとうございました♪ #cssnite

2018-08-07 21:08:32