「出会えたことに感謝したいCSSベスト3」まとめ

🐔 @sato4yoshida

1. .clearfix 2.flexbox 3. border-radius #出会えたことに感謝したいCSSベスト3 レイアウト系が多い。 flexboxも素晴らしいけど、floatの時代にclearfixがなかったらclearするのにどれだけ悩まさせれていただろう

masaki @4_5matworks

1 display:flex; 2 width:calc(100% - 100px); 3 border-radius:50%; やなぁ #出会えたことに感謝したいCSSベスト3

mpeg @dotmpg

挙げられてるものがどれも「あーあーわかる」と頷くことしかできないほど同意。自分は3つに絞れない。CSS4で入るらしい「:has」が早く使えるようになってほしい。 「出会えたことに感謝したいCSSベスト3」まとめ - Togetter togetter.com/li/1216261

たけ @take_it02

#出会えたことに感謝したいCSSベスト3 って正直最近のより、font-sizeとcolorとborderだったりしない？　フォントサイズや文字色変えられた時は、感動したで。

あまのしかる🍺 @tennendojo

1. display: flex 2. box-sizing: border-box 3. display: inline-block calc()やborder-radius、max(min)-widthにウェブフォント系も画期的だけど、ランキングだとこうかなぁ。 #出会えたことに感謝したいCSSベスト3

いしい @danimal141

flex、z-index、border-radiusあたりかな〜 #出会えたことに感謝したいCSSベスト3

ﾏｻﾔｽ (ｺﾐｭﾆｹｰｼｮﾝﾃﾞｻﾞｲﾅｰ) @satohmsys

#出会えたことに感謝したいCSSベスト3 1. margin, padding 3. display

tmakky@ゲーム配信者 @web_makky

1.display 2.calc vw vh 3.transition 3に関しては当初、動きってCSSだけでつけられるんだって感動したもんだ。 flexはたいして恩恵感じてない #出会えたことに感謝したいCSSベスト3

山田にーち @neachi@fedibird.com @neachi

display:flex;がやっぱり衝撃だった / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” (285 users) htn.to/m5iTGK

ぱた@戦争は嫌 @papanda_san

ほんと、四隅に角丸画像配置からborder-radiusはありがたいことこのうえなし。 togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ」togetter.com/li/1216261 にコメントしました。

アヤ❄️ @ayamst

flex、calc、:before :after かなぁ〜 / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” htn.to/MAdo9U

直野隆一郎 @naono

全部すごいよCSS。「やっぱりflexは入るよなあ」「IE6に対する怨みは根深いのです」「て正直最近のより、font-sizeとcolorとborderだったりしない？フォントサイズや文字色変えられた時は、感動したで」。◆ 「出会えたことに感謝したいCSSベスト3」まとめ - Togetter pyn.jp/2qfrhlX

yohei kojima @youhe__

1. :hover 2. transform 3. calc box-sizing、::beforeなんかも重宝してる。 #出会えたことに感謝したいCSSベスト3

bc01_ @bc01_

1.display:flex 2.transform 3.transition かな… #出会えたことに感謝したいCSSベスト3

ふじさん｜Designer @3776__fujisan

flexはほんと、あの少ないコードで横並びにできるの、ありがたみしかない🙌 「 #出会えたことに感謝したいCSSベスト3 」のトップ3｜スダシュウゴ @sudarexyz｜note（ノート） note.mu/sudarexyz/n/nd…

くろさき🥟 @seahorse_saki

#出会えたことに感謝したいCSSベスト3 見てるとみんな納得なんだけど、個人的には object-fit: cover; を推したい。描いてる人居なさそうだったので。

あずきなこまっちゃフラペチーノ @AKM_furapetino

1. box-sizing: border-box 2. ::before & ::after 3. border-radius & box-shadow 便利なの増えすぎて迷うけどこれかな 角丸と影のあるデザインを画像で対応していたことを考えるとね。。。 CSSでできるようになったのには感謝しかありません。 #出会えたことに感謝したいCSSベスト3

Yosuke HASEGAWA @hasegawayosuke

expression / url(javascript:...) / cssxss #出会えたことに感謝したいCSSベスト3 #懐古主義

えどがわけんぴ @kurokashuka

#出会えたことに感謝したいCSSベスト3 、 box-sizing: border-box とvh, vwと calc()とflexと :after, :before の中から選べない

星崎 @hoshizaki_o

1. calc 2. box-sizing 3. display:flex かなー！！！::before ::after とか:nth-childとかもめっちゃありがたい #出会えたことに感謝したいCSSベスト3

こっふー。 @cofcofcofcof

1.calc(100vh-hoge) 2.transform:translate(-50%) 3.object-fit:cover かなあ。縦方向の位置ではずっと悩まされてたし。 flexとbox-sizingも捨てがたい。border-radiusも苦労したわー。 #出会えたことに感謝したいCSSベスト3

halt(May9) @replica_plus

#出会えたことに感謝したいCSSベスト3 1.position:relative 2.display: inline-block 3.padding

きむらあつとし @_watercolor

1. display: flex 2. width: calc(230vw / 7.68); 3. transition: transform .6s cubic-bezier(.2,.6,.35,1); です！ #出会えたことに感謝したいCSSベスト3

みさりーぬ🎢 @misari

新しいもんをポンポンと気軽に出せる人はいいなーcalcとか使いたいけど対応環境考えたら使わせてもらえないもんなーって腐ってる老害社畜がここに togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ（随時更新中）」togetter.com/li/1216261 にコメントしました。

yancya @yancya

Grid が少ししか挙げられてないけど、まだ普及してないのかな。それとも、flex があれば不要って事なのかな / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” htn.to/noQnjN