【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!
358
ログインして広告を非表示にする
のんたん💎1410 @ryo_hisano 2018-04-08 11:47:46
font-feature-settings:"palt" :last-of-type :not(:last-child) 最初以外、セレクタでした。すみません #出会えたことに感謝したいCSSベスト3
ひざまくら @hizatama 2018-04-08 11:49:17
1. display: flex floatの代替もそうだけど、高さ揃えが楽になったのが嬉しい 2. background-size: cover resizeイベントでcssいじるのパフォーマンスに影響するから助かる。 3. transform: translateY(-50%) 縦方向中央揃えはみんなの悩み #出会えたことに感謝したいCSSベスト3
あんみつ @ri_ie 2018-04-08 11:49:26
CSS3になって、コーディングさらに楽しくなった感。 1. display: flex 2. calc 3. position: fixed #出会えたことに感謝したいCSSベスト3
安田 学 @Gaku0318 2018-04-08 12:04:21
#出会えたことに感謝したいCSSベスト3 1. box-sizing: border-box; これがないとレスポンシブなんてできない。 2. display: inline-block; グリッドシステムに使ったり改行に使ったり柔軟性がある。 3. calc() 動的に解釈してくれるCSSの変数。 静的なCSSの可能性を広げてくれる。
しー @417__shiina___ 2018-04-08 12:19:37
#出会えたことに感謝したいCSSベスト3 やっぱり 1.flexbox 2.calc() 3.border-radius かな。IE6時代に角丸分割画像作ってテーブル組頑張ってた時代からして天国。 あと個人的に text-overflow:ellipsis もGJ(これの複数行verがメジャーブラウザで挙動統一してくれたら文句なし
みお @m_x0w0x_7 2018-04-08 12:43:46
1. flex 2. calc 3. transform 3つにしぼるの難しい( -᷄ω-᷅ )💭 #出会えたことに感謝したいCSSベスト3
猫さん。 @NEKOSANN_08 2018-04-08 12:47:25
1、無限増殖な日陰者box-shadow 2、IE6の良心box-sizing:border-box 3、childとの微妙な関係:nth-of-type #出会えたことに感謝したいCSSベスト3
みや @gifu_w 2018-04-08 13:21:07
このタグ面白い、やっぱりflexは入るよなあ #出会えたことに感謝したいCSSベスト3
トラカッパ @tora_kappa 2018-04-08 13:33:42
1.display:flex 2.box-sizing:border-box 3.position:absolute 3は、初めて触ったweb関連ソフトが「ホームページビルダー」で、そのソフトの「どこでも配置モード」のおかげで、ホームページ作成なんて楽勝じゃんって錯覚させてくれた。 #出会えたことに感謝したいCSSベスト3
もてぃ↪︎ @motea__ 2018-04-08 13:43:46
1. transition 2. border-radius 3. calc または flexbox かなあ〜。一位だけは自分の中で絶対に不動。簡易アニメーションとはいえcssだけで作れる感動ったら。 #出会えたことに感謝したいCSSベスト3
トモ @tomopict 2018-04-08 14:06:24
1.display: flex; 2.border-radius 3.calc このタグ面白いなぁ。 内容でその人が大体いつ頃からCSSを書き始めたのか、推測できるのも面白い。 3つは難しかったけど、やっぱりflexの恩恵は大きいと感じます。 #出会えたことに感謝したいCSSベスト3
\\ uto-usui // @uto_ao 2018-04-08 14:27:58
1. transition-timing-function: cubic-bezier(1, 0, 0, 1) 2. calc(...) 3. align-items: center easeInOutExpo と 必要十分関数 calc と 天地中央の align-items: center がすきです🙌 #出会えたことに感謝したい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
トス(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
井上さんは常時SSL🍚🍣🍤 @web_inoue 2018-04-08 16:05:03
1. display:flex; 2. calc 3. pointer-events: none; flexとの出会いで世界が変わるよね #出会えたことに感謝したいCSSベスト3
Takaya @buchio12 2018-04-08 16:20:01
1:display:flex 2:box-sizing 3:not: こんな感じかな!calcは便利らしいけどまだ使いこなせていない #出会えたことに感謝したいCSSベスト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%とかしなくてもよくて感謝)
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は「フォントが汚いのどうにかならないんですか!?」と言われた時の魔術。
おっとー✴︎絵は別垢へどうぞ @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
おっとー✴︎絵は別垢へどうぞ @crazy_roseant 2018-04-08 17:00:52
1位は何と言ってもこれで天地左右真ん中揃えが簡単出来ちゃうのに感動。vertical-alignが使い辛かったから凄く嬉しい、結婚したい👰 2位はわざわざmargin指定しなくて良いの助かる。結婚したい👰 3位はわざわざ新しくクラス名付けずに特定の兄弟要素にスタイル振れるの凄く便利。結婚したい👰
まげくん@PARK Inc. @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歴長い人なんかな。 イラレでもそうだけど、角は丸められて当たり前の時代に生まれたわい。
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
らいね @reine_n 2018-04-08 20:05:55
1.display:flex 2.box-sizing 3.transition 1と2で大体察しがつくとおり、IE6に対する怨みは根深いのです。 #出会えたことに感謝したい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
てつぐらんで @tetsugrande 2018-04-08 20:24:08
flex人気あるなーでもまだAndroid4系を対応させられてるからなー / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” htn.to/6bUpoep3fMW
あきえ(web) @akie_mmm 2018-04-08 20:37:36
1.object-fit(特にcover) 2.calc(特にvhかvw使用時) 3.display:flex 面白いタグ^^ #出会えたことに感謝したいCSSベスト3
ぬま@Emma design @numacci 2018-04-08 20:42:46
#出会えたことに感謝したいCSSベスト3 1. display: flex 記述少なく横並びにできるのが便利。内容物の量が違っても高さを揃えなくて良いのがさらに◯。 2. 疑似セレクタの :before, :after ちょっとした装飾に多用。 3. margin: auto 思い入れあるプロパティ。要素が中央揃えになった時の感動よ…
ののっそ@たぬきと日向ぼっこしたい @nonosso 2018-04-08 20:45:10
1. position 2. transition 3. flexbox ただflexboxはIE11のバグが他のブラウザより多いのがなあ。 #出会えたことに感謝したいCSSベスト3
はるまき @dethgner 2018-04-08 20:51:48
どれも分かりみが深い togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ」togetter.com/li/1216261 にコメントしました。
えび @pino_ebiebi 2018-04-08 20:51:51
1.display:grid 2.grid-template-areas: 3.grid-gap: #出会えたことに感謝したいCSSベスト3 gridは実用性と遊び道具性を兼ね備えてて偉い
ちひろ @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
woodroots @woodroots 2018-04-08 21:00:10
border-radius box-shadow transition かなー。animationは素晴らしいけど仕事増えまくってるので出会わなければよかったタイプの罪なやつ   #出会えたことに感謝したいCSSベスト3
愚痴をこぼす愚痴垢 @19666_61 2018-04-08 21:04:06
趣味程度しかやってないけどtext-shadow、transition、:hoverあたり...楽しい togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ」togetter.com/li/1216261 にコメントしました。
ばなさん @banashade08 2018-04-08 21:12:37
1.transform 2.flexbox 3.border-box 他にもあるのよね・・(´・ω・`) #出会えたことに感謝したいCSSベスト3
anica @yoshino_anica 2018-04-08 22:02:58
1. flexbox 2.box-sizing 3. ::beforeなど擬似要素 今後はdisplay: contentsに期待 #出会えたことに感謝したいCSSベスト3
masaishi @ishimasa_16g 2018-04-08 22:03:04
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0); (or ease-in-out;) pointer-events: none; および visiblePaintedなど ※href="javascript:void(0)"があんま好きくない backface-visibility: hidden; 番外: counter-increment #出会えたことに感謝したいCSSベスト3
もりてつ@低音魂 @m_n_t_p 2018-04-08 23:10:08
私も書いておきます。 1. Flexbox 2. calc 3. vw/vh 2.と3.はひとまとめにしてもいいかも……次点はposition関連、border-radiusかなぁ。 #出会えたことに感謝したいCSSベスト3 #Flexboxはいいぞ
ほと @hoto17296 2018-04-08 23:14:06
なーにが display: flexbox じゃ 1. box-sizing: border-box 2. background-size: cover 3. ::before, ::after + content でしょ #出会えたことに感謝したいCSSベスト3
スダ氏🍎Unity勉強中 @sudarexyz 2018-04-08 23:28:20
#出会えたことに感謝したいCSSベスト3 」のツイートから、みんながとにかく感謝してるトップ3を調べてみたよ! 「出会えたことに感謝したいCSSベスト3」のトップ3|スダシュウゴ @sudarexyz|note(ノート) note.mu/sudarexyz/n/nd…
мιτδ @tmittoo 2018-04-08 23:45:22
#出会えたことに感謝したいCSSベスト3 は見てるともうナウさしかない。 zoom: 1; とかいってたらもうCSS老人やないか #時代やな
ツイートなら1万ツイートまでまとめられる。 イベントや実況を残しませんか?

ブックマークしたタグ

あなたの好きなタグをブックマークしておこう!話題のまとめを見逃さなくなります。

コメント

はるまき @dethgner 2018-04-08 20:51:48
どれも分かりみが深い
愚痴をこぼす愚痴垢 @19666_61 2018-04-08 21:04:06
趣味程度しかやってないけどtext-shadow、transition、:hoverあたり...楽しい
SAKURA87@多摩丙丁督 @Sakura87_net 2018-04-08 21:56:40
calcなんて素敵な構文あったのか。
小書会@C94(金)東ル27a @kosyokai 2018-04-08 22:27:18
CSSちゃん飲み込みがはやいしいろんなことできちゃうから大好き…
(あ) @MutsuniNaruBeam 2018-04-09 01:04:00
自分の知らないものいっぱいある! このまとめに出会えたことに感謝したい。
ぱたゆみ@おばちゃんべろんべろん @papanda_san 2018-04-09 07:35:29
ほんと、四隅に角丸画像配置からborder-radiusはありがたいことこのうえなし。
tsukina @tsukina_ttt 2018-04-09 09:33:04
正直border-radiusは登場があまりにも遅すぎたと思うの
@darude_yama 2018-04-09 10:29:14
可変角丸boxしたかったら初期はtable、次がdiv祭りだったねえ flex好きなのはIEにおけるfloat&marginを体験したかどうか プログラムは思った通りには動かない。書いたとおりに動く。っていうけど書いた通りに動かねえのがIEだったからな…
アドマイボー @admaiboh 2018-04-09 10:43:44
わかる!(ちんぷんかんぷん)
さおたん @sao_tan 2018-04-09 11:12:17
めっちゃわかる!(首もげる
みさりーぬ🐶!!!Σ(゚ロ゚!(゚ペ?)???えっ @misari 2018-04-09 11:47:52
新しいもんをポンポンと気軽に出せる人はいいなーcalcとか使いたいけど対応環境考えたら使わせてもらえないもんなーって腐ってる老害社畜がここに
点面悪鬼百之助 @x743 2018-04-09 15:50:21
使いたい時に名前が思い出せない『letter-spacing』
みっくす・じゅーす @mixjuice_100cc 2018-04-09 18:35:50
出会ったことを忘れたい劣悪CSSベスト3
今そこにある神崎 @Euri_K 2018-04-11 15:13:03
´・ω・)<あいいい いいよー
pintu_darurat @langsung_ke 2018-04-15 16:35:24
@media が入ってないのが意外。これとcalc、vwはほんと重宝する
ハト @toshiyvki 2018-04-16 09:57:21
チェックボックスの:checked で js使わなくてもメニューの開閉ができるテクニックを知ったときの感動
ログインして広告を非表示にする
ログインして広告を非表示にする