CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ
3D ビュー ツールを使用して、Web ページ レイヤー、z-index、および DOM を移動する - Microsoft Edge Developer documentation
3D ビュー ツールを使用して、ページを 3D 空間で回転させることにより、Web ページ内の DOM、z インデックス、および複合レイヤーの問題をデバッグします。 3D 視覚化は、DOM ツリー階層、z インデックススタック コンテキスト ツリー階層、およびページ上に作成された複合レイヤーを理解するのに役立ちます。 左側の 3D ビュー ツールには、次の 3 つのタブがあります。 [ 複合レイヤー] タブには、Web ページのブラウザーによって作成された複合レイヤーが表示されます。 各レイヤーには、3D 空間でページを移動するときに包括的なエクスペリエンスを実現するために、レイヤー内のコンテンツのリアルなレンダリングが含まれています。 [ Z インデックス ] タブには、スタック コンテキスト ツリーの 3D 表現が表示されます。 このタブを使用して、Web ページ上の z-index
満足度の高いCMS あの「WordPress」を上回って1～3位になったのは？【2022年5月版】
作成や更新に手間のかかるWebサイトの制作・管理作業を、専門知識なしでも簡単で手軽にできるCMS（コンテンツ管理システム）。ユーザー満足度の高いCMSツールはどれ？ IT製品レビューサイト「ITreview」によると、1位は「おりこうブログ」だった。以下、2位「a-blog cms」、3位「DG1」と続いた。 おりこうブログはディーエスブランド社が提供するWebサイト作成サービス。最新版「おりこうブログAI」は、Webサイト作成機能を中心に、アクセス解析やメッセージ配信、カタログ作成といった多彩な機能を持ち、それらを1つの管理画面で利用できる。企業にとって重要な「売り上げの拡大」「人材の不足」「働き方改革の改善」といった課題の解決を手伝えるよう開発したという。導入前後のサポートに力を入れているのも特徴だ。 短時間でサイトを作成できるデザインテンプレートや多様なページテンプレート、サイトアク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Celeron N5105搭載で2.5GbEやWi-Fi 6対応のミニPC