はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ aspect-ratioプロパティ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法

2021/10/13 このエントリーをはてなブックマークに追加 269 users Instapaper Pocket Tweet Facebook Share Evernote Clip エバーグリーン CSS アスペクト比 レスポンシブ対応 最新版

先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデートされるブラウザのことです。 aspect-ratioプロパティを使用することで、レスポンシブ対応の画像をアスペクト比を維持したま... 続きを読む

CSS aspect-ratioプロパティの基礎知識、便利な使い方、実装に必要なプログレッシブエンハンスメント | コリス

2021/06/23 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip プログレッシブエンハンスメント コリス CSS Safari

ついにSafariでもaspect-ratioプロパティがサポートされると先日のWWDC21で発表がありました(参考: webkit.org)。これで主要ブラウザすべてにサポートされることになり、aspect-ratioプロパティの基礎知識、便利な使い方、そして実装に必要なプログレッシブエンハンスメントについて紹介します。 CSSのaspect-ratioプ... 続きを読む

フロントエンドのデベロッパーは知っておきたい!レスポンシブやレイアウトシフトで大活躍、aspect-ratioプロパティの使い方 | コリス

2021/02/16 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス レスポンシブ デベロッパー プロパティ Safari

先月アップデートされたChrome 88でaspect-ratioプロパティがサポートされ、FirefoxとSafariでもまもなくサポートされる予定となっています。 名前の通り、アスペクト比を定義できるCSSのプロパティですが、Webページやスマホアプリで実際にどのように使用すると便利なのか、その使い方を紹介します。 New aspect-ratio ... 続きを読む

Chrome 88のここに注目!CSSのaspect-ratioプロパティでアスペクト比が簡単に、別窓はデフォルトでnoopenerに | コリス

2021/01/26 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip noopener コリス CSS アスペクト比 デフォルト

Chrome 88が先週リリースされ、aspect-ratioプロパティがサポートされました。 CSSのaspect-ratioプロパティはボックスのアスペクト比を定義でき、画像や動画のアスペクト比を保持して配置したり、黄金比のレイアウトも簡単に実装できます。 拡張機能の新しい仕様「manifest v3」がサポート。Chromeウェブストアにアップ... 続きを読む

 
(1 - 4 / 4件)