[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

683users がブックマーク コメント 52

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

あなたが教わってるそのCSSテクニックはもう古い – TAKLOG

683 users www.tak-dcxi.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント52

  • 注目コメント
  • 新着コメント
tacamula
角丸ボタン作るのに四隅に画像を配置する話とかじゃなかった

その他
kibitaki
spacer.gifの話じゃなかった/"*"や"> *"の乱発が汚染そのもの、等アウトが多いわりに命令形で、古い新しい以前に、教える域に達してないネーってなる。/他の記事も「CSS2行で実装できる!」で本文JS50行とか割とおかしい

その他
remonoil
見出しの"〜なら〜を使いなさい" という指示文が「あなたが教わってる古いCSSテクニック」のように見える。さらに他所でNG例が見出しの記事もあったりするので混乱する

その他
bascinet
サービスによって保証ブラウザが異なるのに古い書き方を切り捨ててこうしろと書くのは初学者向けなら余計に悪手だろ

その他
tempodeamor
昨今のAI事情を鑑みると、これらが甘酸っぱい想い出にになる日もそう遠くないんだろうな。

その他
Adeptus
「もう古いってものをいくつか列挙」と言いながら、列挙されているのは新しいテクニック

その他
take-it
この人、コロナ前からスキルはあるんだけど煽りが酷い方だったが、久々にホットエントリ入ってきて変わらないなと。「あなたの手法はもう古い」っていいたい。Web・IT系の煽り文化根絶したい。ハラスメントだよ。

その他
uunfo
効率的かどうかではなく、論理的におかしいという話なんだが

その他
assaulter
ここらへんAIがレビューで指摘してほしい

その他
hitomi0105
最新css

その他
efcl
`margin-inline`、`display: grid`、`inset: 0`、`revert`、SVGのcurrentCOlor、`aspect-ratio`、`clip-path`、`svh`

その他
otchy210
inset, revert, currentColor は知らなかった。良いなこれ。

その他
localnavi
2つを除いて知らないのばかりだった。(確かに、見出しに古いテク→本文で新しいテク、という並びの方がしっくり来るとは思う)

その他
KoshianX
CSSの進歩は著しいな。知ってることもあるがしらないことのほうが多かった。

その他
a-kuma3
この類のやつは本当のことが書いてあるか分からんので、コード見る、MDN見る、caniuse.com見る、の順番だから文脈の破綻とか煽りとか、あまり頭に入ってこない

その他
tana005

その他
charun
うぜえ。余計な指定やトラブルを減らす中央揃え、センタリング margin-inline: auto;など

その他
keinear
文章が分かりにくい。列挙されてるものは全て「新しい」ものばかりだ。古いほうを見出しにすべきだ。

その他
marmot1123
コメが結構厳しめだけど、助かる

その他
take-it
take-it この人、コロナ前からスキルはあるんだけど煽りが酷い方だったが、久々にホットエントリ入ってきて変わらないなと。「あなたの手法はもう古い」っていいたい。Web・IT系の煽り文化根絶したい。ハラスメントだよ。

2024年03月17日 リンク

その他
rck10
"実装者は常に知識をアップデート" / 勉強自体は大事だが、実際の現場で、常に最新のブラウザを前提に出来るかというと・・・。ちなみに今の現場はIE11ですよ(苦笑

その他
hatfatcat
古いとレンダリングコストが高いとかそういう説明が欲しかった。今までのやり方で実装できてたなら、わざわざ覚えるほどのテクニックでもないと感じる人が多そう。

その他
nekonyantaro
基本的に10年以上前の知識でCSS使ってる自分、いろいろ学んでない。反省。

その他
rogertroutman
大半はもう使ってた。margin-inline は左右にだけ新たな余白を設定したい(上下は継承したい)時に1行で書けて便利ですよね。margin-block にも同じことが言えますが

その他
pribetch
NIKITA「貴女に必要なのは若さじゃなくてテクニック」

その他
abababababababa
アイフレームのやり方、前すごい調べたけど出会えてなかったやつ。結構みんななるほどと思えた。試してみる。

その他
snaflot
"要素を格子状に並べる際にdisplay:flex(絶滅危惧種としてfloat:left)でのレイアウトを教わっている方もいるようですが、現在ではdisplay:gridでの指定に比べて記述量が増えるだけでなくデメリットも多い"

その他
lessninn
CSSはよく触れるが、Dirty hackとそれを打ち消す新仕様の話ばっかよなあ

その他
tuuz
float:leftって絶滅危惧種なんだ〜。まあ教わったの15年ぐらい前だもんな...。でもブコメ見るとやっぱり環境依存の問題があるらしいし、そういうのやってられんなと思ってやめたから他人事でいられる🤗

その他
monacal
これは良いまとめ。今まで理不尽だな、非効率だなと思っていたところが新しくなって便利になった。なのに人間側のアップデート不足でダメハック連発してる状況だからね...多少語気が荒くなるのもわからんでもない

その他
HDPE
AIに聞くともっと気に障らない表現してくれるよ

その他
sds-page
CSSは魔境過ぎる

その他
toblog
角丸のために四隅に画像とか懐かしすぎて笑ってしまった

その他
stabucky
Googleで検索すると古いのがヒットしちゃうのが悪い。

その他
tempodeamor
tempodeamor 昨今のAI事情を鑑みると、これらが甘酸っぱい想い出にになる日もそう遠くないんだろうな。

2024年03月16日 リンク

その他
kalmalogy
実践的だ

その他
fivestech
Tailwindユーザーのワイ、高みの見物

その他
peketamin
助かるー

その他
kibitaki
kibitaki spacer.gifの話じゃなかった/"*"や"> *"の乱発が汚染そのもの、等アウトが多いわりに命令形で、古い新しい以前に、教える域に達してないネーってなる。/他の記事も「CSS2行で実装できる!」で本文JS50行とか割とおかしい

2024年03月16日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「あなたが教わって...」が注目されています。

気持ちをシェアしよう

ツイートする

あなたが教わってるそのCSSテクニックはもう古い – TAKLOG

Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはも... Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。

ブックマークしたユーザー

  • pidekazu2025年01月06日 pidekazu
  • katsukiniwa2024年08月27日 katsukiniwa
  • kituneudon972024年07月27日 kituneudon97
  • techtech05212024年06月28日 techtech0521
  • hirokibeard2024年05月14日 hirokibeard
  • t02026yi2024年04月13日 t02026yi
  • yuya_ryuno2024年03月28日 yuya_ryuno
  • kazumich2024年03月27日 kazumich
  • nobeans2024年03月27日 nobeans
  • yk_ac2024年03月26日 yk_ac
  • mrpopup2024年03月25日 mrpopup
  • tris55722024年03月24日 tris5572
  • hitomi01052024年03月24日 hitomi0105
  • lugecy2024年03月23日 lugecy
  • lapin06172024年03月23日 lapin0617
  • mtom0292024年03月22日 mtom029
  • usako11242024年03月21日 usako1124
  • sawarabi01302024年03月21日 sawarabi0130
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /