編集部が選ぶ「みんなに見てほしい」イチオシまとめはこちら
361
のんたん🎻 @ryo_hisano
font-feature-settings:"palt" :last-of-type :not(:last-child) 最初以外、セレクタでした。すみません #出会えたことに感謝したいCSSベスト3
ひざまくら @hizatama
1. display: flex floatの代替もそうだけど、高さ揃えが楽になったのが嬉しい 2. background-size: cover resizeイベントでcssいじるのパフォーマンスに影響するから助かる。 3. transform: translateY(-50%) 縦方向中央揃えはみんなの悩み #出会えたことに感謝したいCSSベスト3
あんみつ @ri_ie
CSS3になって、コーディングさらに楽しくなった感。 1. display: flex 2. calc 3. position: fixed #出会えたことに感謝したいCSSベスト3
安田 学 @Gaku0318
#出会えたことに感謝したいCSSベスト3 1. box-sizing: border-box; これがないとレスポンシブなんてできない。 2. display: inline-block; グリッドシステムに使ったり改行に使ったり柔軟性がある。 3. calc() 動的に解釈してくれるCSSの変数。 静的なCSSの可能性を広げてくれる。
しー @417__shiina___
#出会えたことに感謝したいCSSベスト3 やっぱり 1.flexbox 2.calc() 3.border-radius かな。IE6時代に角丸分割画像作ってテーブル組頑張ってた時代からして天国。 あと個人的に text-overflow:ellipsis もGJ(これの複数行verがメジャーブラウザで挙動統一してくれたら文句なし
みお @m_x0w0x_7
1. flex 2. calc 3. transform 3つにしぼるの難しい( -᷄ω-᷅ )💭 #出会えたことに感謝したいCSSベスト3
猫さん。 @NEKOSANN_08
1、無限増殖な日陰者box-shadow 2、IE6の良心box-sizing:border-box 3、childとの微妙な関係:nth-of-type #出会えたことに感謝したいCSSベスト3
みや @gifu_w
このタグ面白い、やっぱりflexは入るよなあ #出会えたことに感謝したいCSSベスト3
トラカッパ @tora_kappa
1.display:flex 2.box-sizing:border-box 3.position:absolute 3は、初めて触ったweb関連ソフトが「ホームページビルダー」で、そのソフトの「どこでも配置モード」のおかげで、ホームページ作成なんて楽勝じゃんって錯覚させてくれた。 #出会えたことに感謝したいCSSベスト3
motea @motea__
1. transition 2. border-radius 3. calc または flexbox かなあ〜。一位だけは自分の中で絶対に不動。簡易アニメーションとはいえcssだけで作れる感動ったら。 #出会えたことに感謝したいCSSベスト3
トモ @tomopict
1.display: flex; 2.border-radius 3.calc このタグ面白いなぁ。 内容でその人が大体いつ頃からCSSを書き始めたのか、推測できるのも面白い。 3つは難しかったけど、やっぱりflexの恩恵は大きいと感じます。 #出会えたことに感謝したいCSSベスト3
\\ uto-usui // @uto_ao
1. transition-timing-function: cubic-bezier(1, 0, 0, 1) 2. calc(...) 3. align-items: center easeInOutExpo と 必要十分関数 calc と 天地中央の align-items: center がすきです🙌 #出会えたことに感謝したいCSSベスト3
nao @sixa_komura
1.flex 2.rem,em 3. font-feature-settings ここらへんは絶対使うし感謝です 3番は個人的に推してるCSSプロパティなんだけどあまり使ってる人が増えない…😴 #出会えたことに感謝したいCSSベスト3
tossy🦕 @tosssaurus
学び深い… 私は 1. display: flex; 2. border-radius 3. opacity CSSで表現できる範囲が広がって嬉しい。transitionとかz-indexとかも好き。 いちいちaタグ消さんでいいpointer-eventsは感激した。 #出会えたことに感謝したいCSSベスト3 togetter.com/li/1216261
井上さんは常時SSL🍚🍣🍤 @web_inoue
1. display:flex; 2. calc 3. pointer-events: none; flexとの出会いで世界が変わるよね #出会えたことに感謝したいCSSベスト3
Takaya @buchio12
1:display:flex 2:box-sizing 3:not: こんな感じかな!calcは便利らしいけどまだ使いこなせていない #出会えたことに感謝したいCSSベスト3
Junji Yamazaki @Junji_Yamazaki
#出会えたことに感謝したいCSSベスト3 1.text-align: justify;(テキストの両端を揃えられて感謝) 2. calc(単位が違っても計算できて感謝) 3. height: 100vh;(htmlとbodyにheight100%とかしなくてもよくて感謝)
GO NOJI @bozu_is_mine
1. flex-direction: column-reverse; 2. height: 0; padding-bottom: 100%; 3. transform: rotate(0.001deg); #出会えたことに感謝したいCSSベスト3 1はPC/SPで要素順が逆転している時の技術。 2は正方形を作る時の秘術。 3は「フォントが汚いのどうにかならないんですか!?」と言われた時の魔術。
MC.冬眠 @crazy_roseant
1 : display: flex;とalign-items:center;とjustify-content: center;の合わせ技による天地左右真ん中揃え 2 : justify-content: space-between; 3 : nth-of-type(n) 理由はリプに書いとく🖋 #出会えたことに感謝したいCSSベスト3
MC.冬眠 @crazy_roseant
1位は何と言ってもこれで天地左右真ん中揃えが簡単出来ちゃうのに感動。vertical-alignが使い辛かったから凄く嬉しい、結婚したい👰 2位はわざわざmargin指定しなくて良いの助かる。結婚したい👰 3位はわざわざ新しくクラス名付けずに特定の兄弟要素にスタイル振れるの凄く便利。結婚したい👰
.まげくん--Designer @designing_mg
#出会えたことに感謝したいCSSベスト3 .1 { display: flex; } .2 { object-fit: cover; } .3 { &:before {padding-top:100%} } ←正方形作るやつ border-radius って答える人は、CSS歴長い人なんかな。 イラレでもそうだけど、角は丸められて当たり前の時代に生まれたわい。
Sayaka Kawashima @river_is_land
1.display:flex(align-items, justify-content) 2.calc()を使った%とvw / vhの組み合わせ計算 3.line-height かなぁ。3位は十年前に作った小説系サイトの個人的な思い入れから:) 擬似要素と:notも捨て難いですね… #出会えたことに感謝したいCSSベスト3
らいね @reine_n
1.display:flex 2.box-sizing 3.transition 1と2で大体察しがつくとおり、IE6に対する怨みは根深いのです。 #出会えたことに感謝したいCSSベスト3
se1yn @backer0000
1. display: xxx; 2. min-width/height, max-width/height: xxx; 3. overflow: xxx; 当初、「え、このレイアウトどうやって実現したらいいんだ...」って時に、このあたりの使い方を教えてもらって、出来た時の感動から。思い入れがある。 #出会えたことに感謝したいCSSベスト3
てつぐらんで @tetsugrande
flex人気あるなーでもまだAndroid4系を対応させられてるからなー / “「出会えたことに感謝したいCSSベスト3」まとめ - Togetter” htn.to/6bUpoep3fMW
あきえ(web) @akie_mmm
1.object-fit(特にcover) 2.calc(特にvhかvw使用時) 3.display:flex 面白いタグ^^ #出会えたことに感謝したいCSSベスト3
ぬま@Emma design @numacci
#出会えたことに感謝したいCSSベスト3 1. display: flex 記述少なく横並びにできるのが便利。内容物の量が違っても高さを揃えなくて良いのがさらに◯。 2. 疑似セレクタの :before, :after ちょっとした装飾に多用。 3. margin: auto 思い入れあるプロパティ。要素が中央揃えになった時の感動よ…
ののっそ@たぬきと日向ぼっこしたい @nonosso
1. position 2. transition 3. flexbox ただflexboxはIE11のバグが他のブラウザより多いのがなあ。 #出会えたことに感謝したいCSSベスト3
はるまき@相互フォロー歓迎 @dethgner
どれも分かりみが深い togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ」togetter.com/li/1216261 にコメントしました。
えび🍤@札幌XD @pino_ebiebi
1.display:grid 2.grid-template-areas: 3.grid-gap: #出会えたことに感謝したいCSSベスト3 gridは実用性と遊び道具性を兼ね備えてて偉い
ちひろ @Chihiru
1. 高さ系(vh,calc) 2. flexbox 3. pointer-events: none; 最近はこんな感じ… 通しで考えると::before ::afterとか:nth-of-typeとかbox-sizing: border-box;とかもLOVE💘 #出会えたことに感謝したいCSSベスト3
woodroots @woodroots
border-radius box-shadow transition かなー。animationは素晴らしいけど仕事増えまくってるので出会わなければよかったタイプの罪なやつ   #出会えたことに感謝したいCSSベスト3
RGB000 @19666_61
趣味程度しかやってないけどtext-shadow、transition、:hoverあたり...楽しい togetter.com/li/1216261#c48… 「「出会えたことに感謝したいCSSベスト3」まとめ」togetter.com/li/1216261 にコメントしました。
ばなさん @banashade08
1.transform 2.flexbox 3.border-box 他にもあるのよね・・(´・ω・`) #出会えたことに感謝したいCSSベスト3
anica @yoshino_anica
1. flexbox 2.box-sizing 3. ::beforeなど擬似要素 今後はdisplay: contentsに期待 #出会えたことに感謝したいCSSベスト3
𝑚𝑎𝑠𝑎𝑖𝑠ℎ𝑖 @ishimasa_16g
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
私も書いておきます。 1. Flexbox 2. calc 3. vw/vh 2.と3.はひとまとめにしてもいいかも……次点はposition関連、border-radiusかなぁ。 #出会えたことに感謝したいCSSベスト3 #Flexboxはいいぞ
ほと @hoto17296
なーにが display: flexbox じゃ 1. box-sizing: border-box 2. background-size: cover 3. ::before, ::after + content でしょ #出会えたことに感謝したいCSSベスト3
スダ氏🍒🍌🍑 @sudarexyz
#出会えたことに感謝したいCSSベスト3 」のツイートから、みんながとにかく感謝してるトップ3を調べてみたよ! 「出会えたことに感謝したいCSSベスト3」のトップ3|スダシュウゴ @sudarexyz|note(ノート) note.mu/sudarexyz/n/nd…
мιτδ @tmittoo
#出会えたことに感謝したいCSSベスト3 は見てるともうナウさしかない。 zoom: 1; とかいってたらもうCSS老人やないか #時代やな

コメント

RGB000 @19666_61 2018-04-08 21:04:06
趣味程度しかやってないけどtext-shadow、transition、:hoverあたり...楽しい
小書会@日曜日西め27b @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使わなくてもメニューの開閉ができるテクニックを知ったときの感動
ログインして広告を非表示にする
ログインして広告を非表示にする