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

TOSHI @tshiyk

1. border-radius 2. box-sizing 3. before/after擬似要素 #出会えたことに感謝したいCSSベスト3

keyshimizu @wdr_s

flexboxが使えるようになって、いろんなことがスッキリしたと思う。もうfloatで横並びレイアウトしたくない。 / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” htn.to/zsBPXKc

みかさ @harenchi8

・.clearfix ・background-size:cover ・box-sizing 便利〜！と思った度の大きさはこのあたり！ clearfixの作りをしれば、擬似要素大好きっ子になるはず #出会えたことに感謝したいCSSベスト3

かしゅう @daybreak_dawn

border-radius float margin: auto; #出会えたことに感謝したいCSSベスト3

星影 @unsoluble_sugar

1. display: flex 2. border-radius 3. ::before & ::after #出会えたことに感謝したいCSSベスト3

ヒルデ(ボヘミアン⚡) @nabenabetwi

border-radius display: flex; linear-gradient #出会えたことに感謝したいCSSベスト3

ちえ @chie_kappa

うむーcontentかな。HTMLにデザイン用途のタグを書かなくてすむから好き。 #出会えたことに感謝したいCSSベスト3

kaorisan•ᴗ• @kao_risan

1位 display:flex 2位 calc() 3位 height: 100vh よくお世話になっている方たち！ #出会えたことに感謝したいCSSベスト3

Elle Kasai 🇨🇦👩🏻‍💻 @ellekasai

1) box-sizing: border-box; スペースの調整が楽ちんに！ 2) background-size: cover; 画像挿入時にImg以外の選択肢が！ 3) :before, :after 画像に頼らずともCSSで装飾！ FlexboxやCSS Gridとかも革命的だけど､現場で頻繁に使うレベルになっていないので｡ #出会えたことに感謝したいCSSベスト3

moroto @moroto_

flexあげてる人多いけどIE9はもうサヨナラてことなんかねぇ。「出会えたことに感謝したいCSSベスト3」まとめ（随時更新中） - Togetter togetter.com/li/1216261 @togetter_jpさんから

早緑さみこ @z_sss5957

「出会えたことに感謝したいCSSベスト3」まとめ（随時更新中） - Togetter togetter.com/li/1216261 @togetter_jpさんから 読んでて死ぬほど楽しい

くりぐ @skrige

1.html{font-size:62.5%}+rem 2.calc() 3.font-feature-settings 1.が意味を成してなかったのでやりなおし #出会えたことに感謝したいCSSベスト3

たかもそ @takamosoo

自分が思いつく限りのCSSテクニックはまとめたんだけど、みなさんのとっておきのCSSテクニックがあったら教えて欲しいです。 #出会えたことに感謝したいCSSベスト3 みたいに

水城@ポケSV @toxnamiduki

1位 display: flex; 2位 :nth-child(n) 3位 object-fit:contain; #出会えたことに感謝したいCSSベスト3 IEと旧ブラは一先ず除外して本当に未来が開けたCSS

無料之爺@C103(土)東プ44a @tadanoji_g

box-sizing: border-box; (サイズ指定でお世話になる inherit (font系指定でお世話になる -50% (absoluteやマイナスマージンでお世話になる :before、:after、position: relative;はもう必須な感じだし、border-radius、:nth-childなんかも便利ではあるが。 #出会えたことに感謝したいCSSベスト3

フカヒレドリンク @fukadori

#出会えたことに感謝したいCSSベスト3 1.100vh 2.calc(100% - 100px); 3.:nth-of-type(2n+1); まあだいたいみんな一緒だよねｗ border-radiousとか、background-size:coverも本当は入れたい

りくがめＥＸ @pearmaster

僕は・・・ ①flexbox ②CSS animation ③border-radius かなー角丸非対応時代はむちゃくちゃ大変やった。。。 「出会えたことに感謝したいCSSベスト3」まとめ（随時更新中） - Togetter togetter.com/li/1216261 @togetter_jpさんから

LOVESANA (らぶさな) @LovesanaCSS

#出会えたことに感謝したいCSSベスト3 ①:checked→最低でも1日に100回は書いてる ②border-radius→角丸gifを4隅に置かなくて良くなった ③::before→HTMLが綺麗になった

緒方裕梨 @colornix

#出会えたことに感謝したいCSSベスト3 display:flex;（とそれ関係の全部） box-sizing:border-box; border-radius 他も色々あるけど、それまで苦心してたものが簡単になってありがたやーって思ったベスト3がこれ。

たろ @k_tarorin

#出会えたことに感謝したいCSSベスト3 このタグ面白い。どんどん便利になってんなー

けいちぃ @kaycha

一位：display:flex; …float、ネガティブマージンとの別れ 二位：「:first-child」「:last-child」「:nth-child(n)」 …最初最後n番目　感謝 三位：box-sizing: border-box; …ブラウザ間で隙間が違うという悪夢からの解放 #出会えたことに感謝したいCSSベスト3

サクラローレル最強 @sakuralaurel

#出会えたことに感謝したいCSSベスト3 1：box-sizing: border-box 2：border-radius 3：transform あとは該当するかわからないけど、入るなら3はセレクタ系の諸々。 flexboxばかり上がってるのもわかるけど、使えるようになった時の嬉しさは個人的には上記のかなぁ。

みなみなみ @37373minami

１位　cursor: move;（リンク装飾ずっとこれ。好き！） ２位　border: none;（昔はimgタグの中でいちいちborder="0"指定してた。便利！） ３位　text-align:（めっちゃ使う！） 番外　<span class="　">（<p class="　">ではなし得ない事をしてくれて感謝！） #出会えたことに感謝したいCSSベスト3

Mira-ranran @Miraranran

#出会えたことに感謝したいCSSベスト3 CSS2時代: border-radius opacity shadow(文字ボックス両方)

Mira-ranran @Miraranran

#出会えたことに感謝したいCSSベスト3 CSS3: ：（いろいろ増えた疑似クラス conditional selector） keyframe calc