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

スダ氏 @sudarexyz

出会えたことに感謝したいCSSベスト3 1位 display: flex; 2位 box-sizing: border-box; 3位 height: 100vh;

スダ氏 @sudarexyz

justify-content: space-between; align-items: center; この辺も入れたかったけど全部FlexBox関係になっちゃうし、ランキングは今着手している案件に強く依存してる。 他の人のも見てみたい。 #出会えたことに感謝したいCSSベスト3

平尾誠@ARUTEGA.Inc @Makopontass

1位:height:100vh; 2位:font-size:4vw; 3位:calc (100vh - 100px ); 高さの調整はありがたいよなー。 #出会えたことに感謝したいCSSベスト3 twitter.com/sudarexyz/stat…

✿りがに✿(6/18). @rigani_c

initial font-feature-settings calc() #出会えたことに感謝したいCSSベスト3

. @noracoder

@sudarexyz 1位 :not(:first-of-type); 最初の要素のスタイルだけ打ち消すという必要がなくなりました 2位 transform: translate(-50%, -50%); 中央寄せでよく使ってます 3位 border-radius 今では当たり前ですが、これが無い時代は大変でした こんな感じです。 #出会えたことに感謝したいCSSベスト3

Naoya @nxworld_net

1. flexbox 2. calc 3. transition #出会えたことに感謝したいCSSベスト3 3つに絞るの割と悩む

かまだ/スケボー店長 @neokamayan

#出会えたことに感謝したいCSSベスト3 1位 box-sizing: border-box; 2位display:flex; 3位--hoge:95vw; width:calc(var(--hoge) - 50px); いや〜 display:none;を入れるか迷った…

とくめい🦌1/10（水）〜12（金）福岡 @tokumewi

1. box-sizing: border-box; 2. transition or animation 3. transform #出会えたことに感謝したいCSSベスト3

kanro | aicocco @kanrame

display: flex; calc(100% - 100px); transform: translate 3つはなかなかむずかしい、アニメーションがCSSでも簡単にできるようになったのは結構うれしい、calcはめちゃくちゃ便利！flexboxは言わずもがな。 #出会えたことに感謝したいCSSベスト3

ygkn @ygkn35034

#出会えたことに感謝したいCSSベスト3 1. currentColor 2. var() 3. :target

しょーち☀️ @shoch0922

display: flex; position: sticky; clip-path #出会えたことに感謝したいCSSベスト3

Arisa Fukuzaki @arisa_dev

#出会えたことに感謝したいCSSベスト3 justify-content: space-between; box-sizing: border-box; border-radius

みっちー @micchimouse

display: flex calc() box-sizing: border-box calcはほんと便利だと思う('ω') #出会えたことに感謝したいCSSベスト3

クラク @Qrac_JP

1. display: flex; コリスでこれが紹介されてたあたりでCSS始めた。floatを後から覚えた。 2. font-family フォントがフォールバックに対応していたおかげでYakuHanJP作れた。 3. transform: translate(-50%, -50%); 自分のサイズの半分だけずらす発想に感動。 #出会えたことに感謝したいCSSベスト3

sawa / note inc. @sawamemo

1. iepngfix.htc （ie6で透過png使える喜び） 2. display:inline-block （ie8あたりでようやく使えるようになった喜び） 3. background-size:cover （当時はイケてた感動） #出会えたことに感謝したいCSSベスト3

Kentaro Koga @kentaro_koga

1位：flexbox 2位：calc 3位：grid gridのauto-fitとminmaxも便利と思った^ ^ ブラウザサポートはflexboxの方が良いみたいやけど、、 他にもrepeat、1 / -1、fr、justify-content、align-items・・・ 3つ選ぶの難しい笑 #出会えたことに感謝したいCSSベスト3

Ln-north @Ln_north

#出会えたことに感謝したいCSSベスト3 1. flex（安定したらcss-grid） 2. transform 3. :not() 個人的にcssの世界見てて、特にこの三つで大きく変わったなぁと思うものをあげてみた。

七津 @nananatui

#出会えたことに感謝したいCSSベスト3 transform transition max-width

逆星@本垢 @defDevils

align-items nth-child(n) border-radius #出会えたことに感謝したいCSSベスト3

リク | D-THREE Inc. @riku_d3

display:flex calc translate(-50%,-50%） ありすぎて難しい #出会えたことに感謝したいCSSベスト3

ぜろみや @zeroichi69

ワイはこれ calc pointer-events:none; vw,vh #出会えたことに感謝したいCSSベスト3

べこ🐄 @becolomochi

#出会えたことに感謝したいCSSベスト3 box-sizing: border-box display: inline-block max-width

鹿 @shika_design

Progateはfloatしか教えてくれないからFlexboxレイアウトを初めて覚えた時極めて興奮したの覚えてる #出会えたことに感謝したいCSSベスト3

アカリ☯️webデザイナー・講師｜上級ウェブ解析士 @kokona_san

出会えたことに感謝したいCSS、もはや当たり前すぎてみんな忘れているようだが、角丸を画像で作ってた時代もあるんですよ、間違いなくランクインしてもいいと思うで。 border-radius

ygkn @ygkn35034

#出会えたことに感謝したいCSSベスト3 これ、どんなCSSを普段書いてるとかCSS歴がどれくらいかとかがなんとなくわかってたのしい。