いじわるな世界に負けないで
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数
慢性肩こり腰痛ちゃんZ @hidoikatakori_Z クリエイター×風俗嬢🏩🚗のWワーカー/慢性の肩こりと腰痛は職業由来の割と深刻なもの/同業者さまと繋がりたい/特オタ(ウルトラ推し)風俗嬢/自ら営業をかけにくるホスト&スカウトはまず下記リンクの欲しリスから何か送ってください amazon.jp/hz/wishlist/ls… 慢性肩こり腰痛ちゃんZ @hidoikatakori_Z もう触れてあげない方がいいかなと思ったけど、参考のために載せておく。 エロ絵を描いて載せるペンネームと名義を分けず、このプロジェクトに参加している。 その程度の認識のイラストレーターに発注しちゃってるのが問題なんじゃないかな。 pic.twitter.com/9jqdmkxFBU 2021-11-17 09:52:50
2021年11月18日 JavaScript いつも何気なく使っていたコードをふと調べ直してみると、知らないうちに「Deprecated(非推奨)」と書かれている…なんてこともありますよね。今回はJavaScriptを書いていて出くわした非推奨となったものをいくつか紹介します。 document.write 画面にテキストを表示する document.write 。JavaScriptの勉強を始めて最初に書いたコードがこれだったという方もいるのではないでしょうか?これはブラウザーのレンダリングに悪影響が出たり、DOMへの影響などを考慮して「強く非推奨」とされています。 これまでの記述例: document.write('やっほーい'); 解決策1:textContent や innerHTML を使う 代わりに文字列を書き換える textContent や、HTMLも含めた文字列を挿入でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く