• Twitterでシェア
  • Facebookでシェア

Webサイトをダークモードに対応させよう

テクノロジー カテゴリーの変更を依頼 記事元:www.webcreatorbox.com
適切な情報に変更
246 usersがブックマーク コメント17



    ゲスト
    コメントするにはログインが必要です  ブックマークを追加  
    ブックマークを追加  



    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0 / 0

    おすすめタグタグについて



    よく使うタグ









    Webサイトをダークモードに対応させよう  


    246 users   www.webcreatorbox.com  

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0 / 0

    おすすめタグタグについて



    よく使うタグ










    はてなブックマークで
    関心をシェアしよう


    みんなの興味と感想が集まることで
    新しい発見や、深堀りがもっと楽しく
      ユーザー登録  
    アカウントをお持ちの方はログインページへ
      







    記事へのコメント17件





    ●注目コメント
    ●新着コメント
      





    call_me_nots
    call_me_nots  大事→“ダークモードへの対応はとっても簡単。prefers-color-scheme というメディア特性を利用し、その中にダークモード時に適用したいCSSを書くだけ”



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    lifeisadog
    lifeisadog  仕事増やさんといて！ただでさえタブレット対応も当然ですよね費用変わりませんよねって言われるのに  



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      












    issyurn
    issyurn  “ダークモードへの対応はとっても簡単。prefers-color-scheme というメディア特性を利用し、その中にダークモード時に適用したいCSSを書くだけ！ ”  



    2022/10/30   リンク  





    その他


    ●    
    ●    
    ●
      








    Nyoho
    Nyoho  @media (prefers-color-scheme: dark) { }  

    ●CSS
      

    2019/11/30   リンク  





    その他


    ●    
    ●    
    ●
      








    twol
    twol  最近の記事だった。SEOつえー  



    2019/09/30   リンク  





    その他


    ●    
    ●    
    ●
      








    localnavi
    localnavi  暗闇では目が痛いのでスマホを触らないようにしてるからダークモードの存在すら気付いてなかった。とりあえず﹁Darkmode.js﹂を導入できるプラグインから試してみよう。  

    ●webデザイン
    ●javascript
    ●WordPressプラグイン
      

    2019/09/28   リンク  





    その他


    ●    
    ●    
    ●
      








    enct
    enct  ダークモードがあるサイトは全部ダークモードにしてるけど、残念ながら現代のwebはだいたい白ベースなので、暗闇に白い画像が浮いて眩しい  



    2019/09/28   リンク  





    その他


    ●    
    ●    
    ●
      








    shiromatakumi
    shiromatakumi  仕事増えてこっちが暗くなるわい  



    2019/09/28   リンク  





    その他


    ●    
    ●    
    ●
      








    primedesignworks
    primedesignworks  対応できるって知らんかった！ありがとうございます！  



    2019/09/28   リンク  





    その他


    ●    
    ●    
    ●
      








    ayumun
    ayumun  勝手にOS側で白黒反転するのかと思ってた。しないのか



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    klim0824
    klim0824  CSS変数で切り替える発想はなかった／OSのUIをダークモードにしたい人＝ウェブページもダークモードで見たい人 とは限らないと思っているので、積極的に対応する気が起きない  

    ●css
      

    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    toaruR
    toaruR  prefers-color-scheme: dark  

    ●web制作
      

    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    raebchen
    raebchen  あー、自分も明るいスマホの画面に目をやられるから夜間はゼロまで落とすけど、それ、自分でコントロールしたいわけで、Gmailの夜間モードのあるテーマは非常に鬱陶しい😓  



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    lifeisadog
    lifeisadog  仕事増やさんといて！ただでさえタブレット対応も当然ですよね費用変わりませんよねって言われるのに  



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    maangie
    maangie  あーなるほど。カーナビをスマホにしてると反射がアレだよな。そういう需要なのか (←ソコからかっ  

    ●*
      

    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    hisawooo
    hisawooo  はてなアプリも対応はよ  



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    buhoho
    buhoho  いやどす。userstyleで勝手にやってどうぞ / と思ってましたけど、対応しましたw。記事大変参考になりました(手のひらくるくる)  



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    tsuki-rs
    tsuki-rs  prefers-color-scheme: dark の中には optgroupも設定した方が良さそうだった。optgroupのラベル部分がダークモードだと黒文字で見にくかった為。  

    ●CSS
      

    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      








    call_me_nots
    call_me_nots  大事→“ダークモードへの対応はとっても簡単。prefers-color-scheme というメディア特性を利用し、その中にダークモード時に適用したいCSSを書くだけ”



    2019/09/27   リンク  





    その他


    ●    
    ●    
    ●
      









     





    ゲスト
    コメントするにはログインが必要です  ログインしてコメント  

     

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています
      


     

    リンクを埋め込む


    以下のコードをコピーしてサイトに埋め込むことができます
      
    プレビュー





    はてなブックマークボタンを作成して埋め込むこともできます
      
    閉じる

    規約違反を報告  

    アプリのスクリーンショット

    いまの話題をアプリでチェック！  

    ●バナー広告なし
    ●ミュート機能あり
    ●ダークモード搭載
      
     アプリをダウンロード  








    関連記事






    usersに達しました！


    さんが1番目にブックマークした記事﹁Webサイトをダーク...﹂が注目されています。
    気持ちをシェアしよう
              





    ●ダークモード
    ●css
    ●color
    ●あとで読む
    ●web
    ●webデザイン
    ●javascript
    ●webdesign
    ●DarkMode
    ●配色
      

    ブックマークしたユーザー



    ● kenjikana2024/05/30   kenjikana

    ● bananamilk_drink2023/04/28   bananamilk_drink

    ● mtom0292022/11/11   mtom029

    ● issyurn2022/10/30   issyurn

    ● shirasugohan01412022/08/29   shirasugohan0141

    ● uokada2022/07/11   uokada

    ● ttten2022/06/03   ttten

    ● ken_c_lo2021/10/24   ken_c_lo

    ● eqseqs2021/05/13   eqseqs

    ● kochi152021/03/16   kochi15

    ● rochefort2021/01/07   rochefort

    ● ikosin2020/11/16   ikosin

    ● mcddx302020/08/19   mcddx30

    ● monokyuri2020/06/18   monokyuri

    ● web_designer2020/02/04   web_designer

    ● atsublue2020/01/30   atsublue

    ● tekapo2020/01/27   tekapo

    ● laconic2019/12/11   laconic


     すべてのユーザーの
    詳細を表示します  


    ブックマークしたすべてのユーザー

















    同じサイトの新着





    SNSで話題のWeb関連情報 2024年 6/1〜6/14


    1 userwww.webcreatorbox.com
      




    2024年5月に読んだWeb・デザイン関連の本


    2 userswww.webcreatorbox.com
      




    SNSで話題のWeb関連情報 2024年 5/4〜5/17


    1 userwww.webcreatorbox.com
      




    まずはここから！Photoshopの生成AI機能を試してみよう！


    3 userswww.webcreatorbox.com
      



    同じサイトの新着をもっと読む  

    いま人気の記事





    印刷業界の方は、なぜMac使いの人が多いのですか？Windowsのほうがシェアは多いと思うし、同じソフトがあるのでそれを使えば問題ないと思うのですが…


    459 usersjp.quora.com
      




    デーモン閣下に関するご報告 (H.E. DEMON KAKKA | INFORMATION)


    216 usersdemon-kakka.jp
      




    早川書房の3000作品以上が最大50％割引の電子書籍セールがきたので、新作SF・ノンフィクションを中心にオススメを紹介する - 基本読書


    418 usershuyukiitoichi.hatenadiary.jp
      




    迷惑メールは︻meiwaku@dekyo.or.jp. ︼のアドレスに転送すると総務省が行政処分してくれるらしい→ ﹃迷惑メール相談センター﹄ってド直球ですねw


    340 userstogetter.com
      



    いま人気の記事をもっと読む  

    いま人気の記事 - テクノロジー





    競プロ出身者の使えなさは異常


    593 usersanond.hatelabo.jp
      




    何が事業貢献なのか分からなくなっていた伊藤直也さんが再認識したユーザーエクスペリエンスへのコミット - Findy Engineer Lab


    310 usersfindy-code.io
      




    ランサムウェアがシャットダウンされたPCをリモートから Wake-On-Lan(WOL)で強制起動させ暗号化する手口の話→ソースコードでの解説が凄い


    199 userstogetter.com
      




    古代の投槍武器﹁アトラトル﹂、男女が同じ速度で発射できると判明　女性ハンターの高い狩猟能力を示す


    158 userswww.itmedia.co.jp
      



    いま人気の記事 - テクノロジーをもっと読む  

    新着記事 - テクノロジー





    Threadsに﹁MastodonなどのActivityPub対応SNSで寄せられたリプライを直接閲覧する機能﹂が追加される


    8 usersgigazine.net
      




    Mozillaが﹁Firefox﹂でAI統合のテストを開始 ～﹁Edge﹂﹁Chrome﹂とは異なる道を模索／選べるAIサービス、プライベートなローカルAIの採用も視野に


    5 usersforest.watch.impress.co.jp
      




    ニトロプラス、サイバーエージェントの子会社に


    9 userswww.itmedia.co.jp
      




    “GPT-4超え性能”の日本語特化型LLM　AIスタートアップ・ELYZAが開発　国外プレイヤーとの競争も﹁諦めない﹂


    13 userswww.itmedia.co.jp
      



    新着記事 - テクノロジーをもっと読む  



    同時期にブックマークされた記事





    パターンに打ち克つことを目指す - punicon’s diary


    1 userpunicon.hatenablog.com
      




    BCLは趣味の王様2


    1 userblog.livedoor.jp/bcl_prince2014
      




    クイズ 2017年12月、全国高校女子駅伝で○○高校が23年ぶり3度目の優勝。


    2 usersayuichi27.blog.fc2.com
      











     



    はてなブックマーク




    ●総合
    ●一般
    ●世の中
    ●政治と経済
    ●暮らし
    ●学び
      

    ●テクノロジー
    ●エンタメ
    ●アニメとゲーム
    ●おもしろ
      

    ●アプリ・拡張機能
    ●開発ブログ
    ●ヘルプ
    ●お問い合わせ
    ●ガイドライン
    ●利用規約
    ●プライバシーポリシー
    ●利用者情報の外部送信について
      

    ●ガイドライン
    ●利用規約
    ●プライバシーポリシー
    ●利用者情報の外部送信について
      


    公式Twitter




    ●公式アカウント
    ●ホットエントリー
      


    はてなのサービス



    ●はてなブログ
    ●はてなブログPro
    ●人力検索はてな
    ●はてなブログ タグ
    ●はてなニュース
    ●ソレドコ
      





    App Storeからダウンロード
    Google Playで手に入れよう


    Copyright © 2005-2024 Hatena. All Rights Reserved.
      




    設定を変更しましたx