ウェブサイトに演出は不要!? ユーザー設定にレスポンシブ対応できる新しいCSS - ICS MEDIA
画面サイズだけではなく、デバイスのユーザー設定に対してレスポンシブにできる新しいCSSのメディアクエリーが登場しています。スマートフォンやパソコンで、画面サイズに応じてレイアウトが変化する「レスポンシブ・ウェブ・デザイン」はほとんどのウェブサイトで実装されているでしょう。新しい世代のレスポンシブ手法は、画面サイズだけでなくユーザー設定に対して挙動やスタイルを変更させることができ、ユーザービリティーやアクセシビリティーの向上に役立ちます。 本記事では事例とあわせて最近のレスポンシブ手法を紹介します。 この記事で紹介すること ダークモード対応 モーションの無効化設定 iOSのフォントサイズ変更 ダークモード対応 OSには外観モードの設定項目があります。Windows 10やmacOS、iOS、Androidのいずれもライトモードとダークモードの切り替え機能が提供されています。ライトモード・ダー
iPhone や iPad の電話番号の自動リンクを無効化する方法 - by Takumi Hirashima
iPhone や iPad の電話番号の自動リンクを無効化する方法を紹介します。 例えば、自動リンクになることで起こる表示崩れを防ぐのに便利な方法です。 電話番号の自動リンクを無効化する方法 電話発信用のリンクを追加する方法 パソコンだけ電話発信用リンクを無効にする方法 電話番号の自動リンクを無効化する方法 iPhone や iPad の電話番号の自動リンクを無効化するには、meta 要素の name="format-detection" を使用します。 例えば、iPhone や iPad で電話番号の自動リンクを無効化する場合は、name="format-detection" で content="telephone=no" を追加します。 <meta name="format-detection" content="telephone=no"> 電話発信用のリンクを追加する方法 任意の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
