レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。 このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登…
村人（休職中のフロントエンジニア） on Twitter: “元々はSEO対策の為のものでもなくて、テキストしか表示出来ないテキストベースのブラウザーの為にHTML1.2 draftに組み込まれたものじゃない？1993年当時、SEOどころかインターネット自体、まだまだ普及してなかった時代よ。 https://t.co/EJATT70WJT”
元々はSEO対策の為のものでもなくて、テキストしか表示出来ないテキストベースのブラウザーの為にHTML1.2 draftに組み込まれたものじゃない？1993年当時、SEOどころかインターネット自体、まだまだ普及してなかった時代よ。 https://t.co/EJATT70WJT
縦書きHTMLにおける文字の向きはどのように定まるか – ドワンゴ教育サービス開発者ブログ
ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字…
Defensive CSS
Defensive CSS Practical CSS and design tips that helps in building future-proof user interfaces. @DefensiveCSS Introduction to Defensive CSS An explaination of the concept of defensive CSS, what it means, why it’s useful and how it applies to different areas in the design process.
HTMLでモーダルUIを作るときに気をつけたいこと – ICS MEDIA
ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダ…
html-rewriter-wasmでHTMLをパースする – console.lealog();
HTMLファイルをパースして、 特定の文字列を抜き出したり 特定の属性を書き換えたものを書き出したり ってことをやりたい時、今までは`cheerio`を使うことが個人的には多かった。 GitHub – cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server. 懐かしい`…
無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に！／事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に！／事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
ar5iv – Articles from arXiv.org as responsive HTML5 web documents
Converted from TeX with LaTeXML. Sources upto the end of January 2022. Not a live preview service. For articles with multiple revisions, only the initial v1 is made available. Goal: incremental improvement until worthy of native arXiv adoption. Sample: A Simple Proof of the Quadratic Formula (191…
Astro
Build fast websites, faster. Astro is a new kind of static site builder for the modern web. Powerful developer experience meets lightweight output.
GitHub – tabler/tabler: Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and compo…