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

@sudarexzy さんから始まった #出会えたことに感謝したいCSSベスト3 のタグが有用だったのでまとめました

CSS sudarexyz Web 出会えたことに感謝したいCSSベスト3

tonkotsuboy_com 7809view 2コメント

80
121
15
お気に入り

103

ログインして広告を非表示にする

まとめ

メニュー

ばなさん @banashade08 2018-04-08 21:12:37

1.transform 2.flexbox 3.border-box 他にもあるのよね・・(´・ω・｀) #出会えたことに感謝したいCSSベスト3
アシュリー @学生こみゅ.nagoya @ashley_gcm 2018-04-08 21:06:29

#出会えたことに感謝したいCSSベスト3 calc() display:flex background-size:cover かしら……？
しぐま @sigmative 2018-04-08 21:01:07

1.display:flex; 2.display:grid; 3.SASS #出会えたことに感謝したいCSSベスト3
woodroots @woodroots 2018-04-08 21:00:10

border-radius　box-shadow　transition　かなー。animationは素晴らしいけど仕事増えまくってるので出会わなければよかったタイプの罪なやつ　　 #出会えたことに感謝したいCSSベスト3
ちひろ @Chihiru 2018-04-08 20:56:06

1. 高さ系(vh,calc) 2. flexbox 3. pointer-events: none; 最近はこんな感じ… 通しで考えると::before ::afterとか:nth-of-typeとかbox-sizing: border-box;とかもLOVE #出会えたことに感謝したいCSSベスト3
えび @pino_ebiebi 2018-04-08 20:51:51

1.display:grid 2.grid-template-areas: 3.grid-gap: #出会えたことに感謝したいCSSベスト3 gridは実用性と遊び道具性を兼ね備えてて偉い
ののっそ@たぬきと日向ぼっこしたい @nonosso 2018-04-08 20:45:10

1. position 2. transition 3. flexbox ただflexboxはIE11のバグが他のブラウザより多いのがなあ。 #出会えたことに感謝したいCSSベスト3
ぬま@Emma design @numacci 2018-04-08 20:42:46

#出会えたことに感謝したいCSSベスト3 1. display: flex 記述少なく横並びにできるのが便利。内容物の量が違っても高さを揃えなくて良いのがさらに◯。 2. 疑似セレクタの :before, :after ちょっとした装飾に多用。 3. margin: auto 思い入れあるプロパティ。要素が中央揃えになった時の感動よ…
あきえ(web) @akie_mmm 2018-04-08 20:37:36

1.object-fit(特にcover) 2.calc(特にvhかvw使用時) 3.display:flex 面白いタグ^^ #出会えたことに感謝したいCSSベスト3
se1yn @backer0000 2018-04-08 20:20:36

1. display: xxx; 2. min-width/height, max-width/height: xxx; 3. overflow: xxx; 当初、｢え、このレイアウトどうやって実現したらいいんだ...｣って時に、このあたりの使い方を教えてもらって、出来た時の感動から。思い入れがある。 #出会えたことに感謝したいCSSベスト3
らいね @reine_n 2018-04-08 20:05:55

1.display:flex 2.box-sizing 3.transition 1と2で大体察しがつくとおり、IE6に対する怨みは根深いのです。 #出会えたことに感謝したいCSSベスト3
まつたく @MatsuTaku512 2018-04-08 20:03:56

#出会えたことに感謝したいCSSベスト3 1. position 2. calc 3. flexbox
Sayaka Kawashima @river_is_land 2018-04-08 18:48:12

1.display:flex（align-items, justify-content） 2.calc()を使った%とvw / vhの組み合わせ計算 3.line-height かなぁ。3位は十年前に作った小説系サイトの個人的な思い入れから:) 擬似要素と:notも捨て難いですね… #出会えたことに感謝したいCSSベスト3
まげくん @designing_mg 2018-04-08 17:49:18

#出会えたことに感謝したいCSSベスト3 .1 { display: flex; } .2 { object-fit: cover; } .3 { &:before {padding-top:100%} } ←正方形作るやつ border-radius って答える人は、CSS歴長い人なんかな。イラレでもそうだけど、角は丸められて当たり前の時代に生まれたわい。
かたの @marostyle 2018-04-08 17:36:19

1. calc 2. height:100vh; 3. before,after #出会えたことに感謝したいCSSベスト3
OttO @crazy_roseant 2018-04-08 17:00:52

1位は何と言ってもこれで天地左右真ん中揃えが簡単出来ちゃうのに感動。vertical-alignが使い辛かったから凄く嬉しい、結婚したい 2位はわざわざmargin指定しなくて良いの助かる。結婚したい 3位はわざわざ新しくクラス名付けずに特定の兄弟要素にスタイル振れるの凄く便利。結婚したい
OttO @crazy_roseant 2018-04-08 16:59:07

1 : display: flex;とalign-items:center;とjustify-content: center;の合わせ技による天地左右真ん中揃え 2 : justify-content: space-between; 3 : nth-of-type(n) 理由はリプに書いとく #出会えたことに感謝したいCSSベスト3
GO NOJI @bozu_is_mine 2018-04-08 16:41:21

1. flex-direction: column-reverse; 2. height: 0; padding-bottom: 100%; 3. transform: rotate(0.001deg); #出会えたことに感謝したいCSSベスト3 1はPC/SPで要素順が逆転している時の技術。 2は正方形を作る時の秘術。 3は「フォントが汚いのどうにかならないんですか！？」と言われた時の魔術。
Junji Yamazaki @Junji_Yamazaki 2018-04-08 16:39:51

#出会えたことに感謝したいCSSベスト3 1．text-align: justify;（テキストの両端を揃えられて感謝） 2. calc（単位が違っても計算できて感謝） 3. height: 100vh;（htmlとbodyにheight100%とかしなくてもよくて感謝）
Takaya @buchio12 2018-04-08 16:20:01

1：display:flex 2：box-sizing 3：not: こんな感じかな！calcは便利らしいけどまだ使いこなせていない #出会えたことに感謝したいCSSベスト3
井上さんは常時SSL @web_inoue 2018-04-08 16:05:03

1. display:flex; 2. calc 3. pointer-events: none; flexとの出会いで世界が変わるよね #出会えたことに感謝したいCSSベスト3
zeijaku @zeijaku 2018-04-08 16:04:20

1. border-radius 2. transition 3. flexbox #出会えたことに感謝したいCSSベスト3
トス（IT系女子ログ） @tosssaurus 2018-04-08 15:37:37

学び深い… 私は 1. display: flex; 2. border-radius 3. opacity CSSで表現できる範囲が広がって嬉しい。transitionとかz-indexとかも好き。いちいちaタグ消さんでいいpointer-eventsは感激した。 #出会えたことに感謝したいCSSベスト3 togetter.com/li/1216261
マルヤマトモユキ @t_tomoM 2018-04-08 15:12:21

::before,::after overflow: hidden transform #出会えたことに感謝したいCSSベスト3
小村奈央 / Nao Komura @sixa_komura 2018-04-08 14:57:13

1.flex 2.rem,em 3. font-feature-settings ここらへんは絶対使うし感謝です 3番は個人的に推してるCSSプロパティなんだけどあまり使ってる人が増えない… #出会えたことに感謝したいCSSベスト3