Current Device - デバイス判定をスタイルシートに反映

-
Current Device - デバイス判定をスタイルシートに反映:

Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。

そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加してくれるライブラリです。

Current Deviceの使い方

macOSのデスクトップからアクセスした場合です。それぞれのデバイスに応じてハイライトが変わります。





コメント

コメントを投稿

このブログの人気の投稿

投稿時間:2020-07-01 05:34:30 RSSフィード2020-07-01 05:00 分まとめ(37件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 AWS AWS Partner Network (APN) Blog How APN Partners Can Engage with the AWS Direct Connect Partner Model https://aws.amazon.com/blogs/apn/how-apn-partners-can-engage-with-the-aws-direct-connect-partner-model/ How APN Partners Can Engage with the AWS Direct Connect Partner ModelWith AWS Direct Connect the internet is bypassed entirely and customers get physical dedicated connectivity to AWS allowing for a more consistent predictable performance Many customers rely on Direct Connect Partners to get access to Direct Connect connections so they can connect to AWS These trusted APN Partners have passed a technical validation for fol...
続きを読む

投稿時間:2020-07-01 20:43:40 RSSフィード2020-07-01 20:00 分まとめ(81件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 TECH Engadget Japanese ポルシェ、モーターを1基に減らした「タイカン」を中国で発表 https://japanese.engadget.com/porsche-taycan-rwd-103040976.html 電気自動車 2020-07-01 10:30:40 TECH Engadget Japanese 最長30日間動作、水没OKの防水防じん機能。5000円台のタフネススマートウォッチ「Haylou Solar LS05」 https://japanese.engadget.com/jp-2020-07-01-30-ok-5000-haylou-solar-ls05.html 最長日間動作、水没OKの防水防じん機能。 2020-07-01 10:30:00 TECH Engadget J...
続きを読む

投稿時間:2020-07-01 08:33:22 RSSフィード2020-07-01 08:00 分まとめ(49件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 IT 気になる、記になる… Apple Japan、｢ショッピングローン 24回払い分割金利0％キャンペーン｣の実施期間を2020年8月31日まで延長 https://taisy0.com/2020/07/01/123079.html applejapan 2020-06-30 22:50:31 IT 気になる、記になる… ｢Google Pixel 4a｣、FCCに続き、シンガポールやインドの認証機関を通過 https://taisy0.com/2020/07/01/123075.html tionsmediadevelopment 2020-06-30 22:46:12 IT 気になる、記になる… Apple、テスター向けに最新の｢iOS/iPadOS 13.6 Public B...
続きを読む