編集部が選ぶ「みんなに見てほしい」イチオシまとめはこちら
361
スダ氏🍒🍌🍑 @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
平尾誠@ガチで複業するWebデザイナー @Makopontass
1位:height:100vh; 2位:font-size:4vw; 3位:calc (100vh - 100px ); 高さの調整はありがたいよなー。 #出会えたことに感謝したいCSSベスト3 twitter.com/sudarexyz/stat…
のらコーダー @noracoder
@sudarexyz 1位 :not(:first-of-type); 最初の要素のスタイルだけ打ち消すという必要がなくなりました 2位 transform: translate(-50%, -50%); 中央寄せでよく使ってます 3位 border-radius 今では当たり前ですが、これが無い時代は大変でした こんな感じです。 #出会えたことに感謝したいCSSベスト3
かまだ @neokamayan
#出会えたことに感謝したいCSSベスト3 1位 box-sizing: border-box; 2位display:flex; 3位--hoge:95vw; width:calc(var(--hoge) - 50px); いや〜 display:none;を入れるか迷った…
とくめい @tokumewi
1. box-sizing: border-box; 2. transition or animation 3. transform #出会えたことに感謝したいCSSベスト3
かんろ✨aicocco @kanrame
display: flex; calc(100% - 100px); transform: translate 3つはなかなかむずかしい、アニメーションがCSSでも簡単にできるようになったのは結構うれしい、calcはめちゃくちゃ便利!flexboxは言わずもがな。 #出会えたことに感謝したいCSSベスト3
frontend_life_in_de @frontend_de
#出会えたことに感謝したいCSSベスト3 justify-content: space-between; box-sizing: border-box; border-radius
みっちー @micchimouse
display: flex calc() box-sizing: border-box calcはほんと便利だと思う('ω') #出会えたことに感謝したいCSSベスト3
クラク🍁QRANOKO @Qrac_JP
1. display: flex; コリスでこれが紹介されてたあたりでCSS始めた。floatを後から覚えた。 2. font-family フォントがフォールバックに対応していたおかげでYakuHanJP作れた。 3. transform: translate(-50%, -50%); 自分のサイズの半分だけずらす発想に感動。 #出会えたことに感謝したいCSSベスト3
沢登 達也 / piece of cake, inc. @sawamemo
1. iepngfix.htc (ie6で透過png使える喜び) 2. display:inline-block (ie8あたりでようやく使えるようになった喜び) 3. background-size:cover (当時はイケてた感動) #出会えたことに感謝したいCSSベスト3
ケンタロウ@写真×Web×筋肉の人 @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
#出会えたことに感謝したいCSSベスト3 1. flex(安定したらcss-grid) 2. transform 3. :not() 個人的にcssの世界見てて、特にこの三つで大きく変わったなぁと思うものをあげてみた。
リク @fabrec_jp
display:flex calc translate(-50%,-50%) ありすぎて難しい #出会えたことに感謝したいCSSベスト3
鹿鹿🦌 @shika_design
Progateはfloatしか教えてくれないからFlexboxレイアウトを初めて覚えた時極めて興奮したの覚えてる #出会えたことに感謝したいCSSベスト3
akari☯️ @kokona_san
出会えたことに感謝したいCSS、もはや当たり前すぎてみんな忘れているようだが、角丸を画像で作ってた時代もあるんですよ、間違いなくランクインしてもいいと思うで。 border-radius
やぎちゃん @ygkn35034
#出会えたことに感謝したいCSSベスト3 これ、どんなCSSを普段書いてるとかCSS歴がどれくらいかとかがなんとなくわかってたのしい。
残りを読む(132)

コメント

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使わなくてもメニューの開閉ができるテクニックを知ったときの感動
ログインして広告を非表示にする
ログインして広告を非表示にする