【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!
359
ログインして広告を非表示にする
スダ氏🍎Unity勉強中 @sudarexyz 2018-04-07 21:44:27
出会えたことに感謝したいCSSベスト3 1位 display: flex; 2位 box-sizing: border-box; 3位 height: 100vh;
スダ氏🍎Unity勉強中 @sudarexyz 2018-04-07 22:02:07
justify-content: space-between; align-items: center; この辺も入れたかったけど全部FlexBox関係になっちゃうし、ランキングは今着手している案件に強く依存してる。 他の人のも見てみたい。 #出会えたことに感謝したいCSSベスト3
平尾誠@arutega @Makopontass 2018-04-07 22:11:23
1位:height:100vh; 2位:font-size:4vw; 3位:calc (100vh - 100px ); 高さの調整はありがたいよなー。 #出会えたことに感謝したいCSSベスト3 twitter.com/sudarexyz/stat…
のらコーダー @noracoder 2018-04-07 22:40:50
@sudarexyz 1位 :not(:first-of-type); 最初の要素のスタイルだけ打ち消すという必要がなくなりました 2位 transform: translate(-50%, -50%); 中央寄せでよく使ってます 3位 border-radius 今では当たり前ですが、これが無い時代は大変でした こんな感じです。 #出会えたことに感謝したいCSSベスト3
Naoya @nxworld_net 2018-04-07 22:41:21
1. flexbox 2. calc 3. transition #出会えたことに感謝したいCSSベスト3 3つに絞るの割と悩む
ぎゅうたん @neokamayan 2018-04-07 22:42:32
#出会えたことに感謝したいCSSベスト3 1位 box-sizing: border-box; 2位display:flex; 3位--hoge:95vw; width:calc(var(--hoge) - 50px); いや〜 display:none;を入れるか迷った…
とくめい @tokumewi 2018-04-07 22:43:47
1. box-sizing: border-box; 2. transition or animation 3. transform #出会えたことに感謝したいCSSベスト3
かんろ✨aicocco @kanrame 2018-04-07 22:51:55
display: flex; calc(100% - 100px); transform: translate 3つはなかなかむずかしい、アニメーションがCSSでも簡単にできるようになったのは結構うれしい、calcはめちゃくちゃ便利!flexboxは言わずもがな。 #出会えたことに感謝したいCSSベスト3
frontend_life_in_de @frontend_de 2018-04-07 23:03:36
#出会えたことに感謝したいCSSベスト3 justify-content: space-between; box-sizing: border-box; border-radius
みっちー @micchimouse 2018-04-07 23:06:03
display: flex calc() box-sizing: border-box calcはほんと便利だと思う('ω') #出会えたことに感謝したいCSSベスト3
クラク🍉QRANOKO @Qrac_JP 2018-04-07 23:39:33
1. display: flex; コリスでこれが紹介されてたあたりでCSS始めた。floatを後から覚えた。 2. font-family フォントがフォールバックに対応していたおかげでYakuHanJP作れた。 3. transform: translate(-50%, -50%); 自分のサイズの半分だけずらす発想に感動。 #出会えたことに感謝したいCSSベスト3
沢登 達也 / piece of cake, inc. @sawamemo 2018-04-07 23:45:26
1. iepngfix.htc (ie6で透過png使える喜び) 2. display:inline-block (ie8あたりでようやく使えるようになった喜び) 3. background-size:cover (当時はイケてた感動) #出会えたことに感謝したいCSSベスト3
ケンタロウ@写真×Web×筋肉の人 @kentaro_koga 2018-04-08 00:13:32
1位:flexbox 2位:calc 3位:grid gridのauto-fitとminmaxも便利と思った^ ^ ブラウザサポートはflexboxの方が良いみたいやけど、、 他にもrepeat、1 / -1、fr、justify-content、align-items・・・ 3つ選ぶの難しい笑 #出会えたことに感謝したいCSSベスト3
えるにゃん(ビスコース04) @Ln_north 2018-04-08 00:22:38
#出会えたことに感謝したいCSSベスト3 1. flex(安定したらcss-grid) 2. transform 3. :not() 個人的にcssの世界見てて、特にこの三つで大きく変わったなぁと思うものをあげてみた。
リク @fabrec_jp 2018-04-08 01:46:19
display:flex calc translate(-50%,-50%) ありすぎて難しい #出会えたことに感謝したいCSSベスト3
うこうとく @ukoukouk 2018-04-08 06:22:28
Progateはfloatしか教えてくれないからFlexboxレイアウトを初めて覚えた時極めて興奮したの覚えてる #出会えたことに感謝したいCSSベスト3
akari☯️ @kokona_san 2018-04-08 07:37:21
出会えたことに感謝したいCSS、もはや当たり前すぎてみんな忘れているようだが、角丸を画像で作ってた時代もあるんですよ、間違いなくランクインしてもいいと思うで。 border-radius
やぎちゃん @ygkn35034 2018-04-08 08:21:37
#出会えたことに感謝したいCSSベスト3 これ、どんなCSSを普段書いてるとかCSS歴がどれくらいかとかがなんとなくわかってたのしい。
残りを読む(132)

コメント

はるまき @dethgner 2018-04-08 20:51:48
どれも分かりみが深い
RGB000 @19666_61 2018-04-08 21:04:06
趣味程度しかやってないけどtext-shadow、transition、:hoverあたり...楽しい
SAKURA87@多摩丙丁督 @Sakura87_net 2018-04-08 21:56:40
calcなんて素敵な構文あったのか。
小書会@9/23砲雷E-05 @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使わなくてもメニューの開閉ができるテクニックを知ったときの感動
ログインして広告を非表示にする
ログインして広告を非表示にする