はてなブックマーク

※これは元々、overflow-wrap: break-word; や word-break: break-all; が万能の改行処理だったなら、こんなに苦労していないに対するコメントとして2020年1月に書かれたものだが、**line-break: anywhere;やwhite-space: break-spaces;**の知名度と支持率を上げるため、記事化して人目に触れやすくした。 問題提起 **word-break: break-all;はすごい。**長い英単語も、何でもかんでもほぼ完ぺきにズタズタに分解して折り返してくれる、何があっても強制改行してくれる、そんなCSSだ。ほとんどの人が、最初はそんな印象を持つだろう。もうword-break: break-all;信者になろう。とりあえず折り返しが防ぎたい時にはこれ！なんて楽だ！ この夢は永遠に続くと思われた。そう、あの文字列に遭

SNSや投稿サイトには数値評価や通知といった機能があり、それらには特有の中毒とストレスがある。 Webコンテンツ提供者（クリエイター）にとって精神的に良くない。 投稿サイトやSNS一辺倒となったWebは、人々の心共々ますます衰退、orささくれる。 こんなの今時誰もが感づいてるのに、中毒性ゆえにやめない。 ↑で「閉じた巣」と言ったのは、この中毒性ゆえ。SNS見出したら他のサイト見に出て行かなくなるでしょ。人によっては「検索」というと「Twit●er検索」を指すようになっちゃった、って人もいるぞ。 ストレス社会の一翼を担ってしまったWeb。そこでは重い作品は避けられやすい。軽いノリの薄い作品か、即効性のある猛烈な神作品が受ける。ただ、神技術は簡単には手に入らないため殆どは軽い作品となる。SNSはそんな気の短い人々にピッタリだ。例えば、LI●Eスタンプの素敵路線の少なさ、シュール路線の多さよ。質

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込みする（画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める）。 こうすることで、時間がかかる無駄な読み込みが抑えられ、ページ表示速度が速くなったり、通信量を減らせたりする。 値には次の3種類があり、"lazy"が遅延読み込みオン、"eager"は遅延読み込みオフ（遅延せず愚直にすぐ読み込み）、"auto"はlazyかeagerか