タグ ダークモード
新着順 10 users 50 users 100 users 500 users 1000 usersVSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に
VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に マイクロソフトはVisual Studio Codeの2024年10月のアップデート版(version 1.95)を公開しました。 本バージョンでは、Copilot Chatセカンダ... 続きを読む
ダークモードのカラー設計とプロダクト対応の実際 デザイン編 - enechain Tech Blog
はじめに なぜ対応したか ダークモード対応への道 カラーの明度コントロールにおける透明・不透明について 透明度に関して用語の整理 enechainデザインシステムとしての方針 環境のイメージとエレベーション カラートークンの設計 調整で大変だった点 あるコンポーネントでは良さそうだが、別のコンポーネントだと破綻す... 続きを読む
「Google カレンダー」にダークモードが登場! デザイン一新でさらに使いやすく/タスクリストビューを含むWeb版の「Google カレンダー」全体に適用
グッドデザイン賞2024を受賞した電力卸取引のオンラインマーケットプレイスのUIデザイン - enechain Tech Blog
はじめに 背景 eSqaure LiveのUIデザイン デザイン基本方針 カスタマイズ性 モードレスな注文UI ダークモードの提供 グッドデザイン賞への応募と受賞 まとめ はじめに enechainプロダクトデザインデスクのマネージャーの近藤(@add_kk)です。 10月9日にenechainでは電力の卸取引をオンラインでリアルタイムに自動約定す... 続きを読む
真にチラつかないダークモードをついに実現したぞ。実現方法と気付きを書く | stin's Blog
真にチラつかないダークモードをついに実現したぞ。実現方法と気付きを書く2024/07/14 14:36 nextjsreact このサイトはダークモードに対応しています。なぜならダークモードは基本的人権だからです(要出典)。 しばらく、サイトに訪問した直後ライトモードとダークモードが切り替わってチラつく現象が発生していました。... 続きを読む
「iOS 18」の対応機種はiOS 17と同じ、iPhone XS/XRは今年も対応
Appleは11日(日本時間)、「iOS 18」を発表した。最新のiPhone 15シリーズから、5世代前のiPhone XS/XRシリーズまでサポートする。iPhone SEは第2世代以降がバージョンアップの対象となる。iOS 17対応機種はすべてサポートされることとなった。 2024年秋に正式公開されるiOS 18ではホーム画面のアイコンがダークモード... 続きを読む
ダークモードの需要は意外と侮れない。メモアプリへのレビューから見えてくる「眩しさ」への拒否感、ダークモード搭載の安心感
みねたけ@個人開発と投資やってる @MinetakeT 平日の昼間から映画見てビール飲んで温泉に入りたい♨️ | iOSアプリ開発(22本リリース!)| Swift,Go,Java,Python,いろいろ! | 日本株、米国株、不動産投資やってる | From. 20231009 appstore.com/yasuhirokojima 続きを読む
「リートン」のGPT-4 Turboが無料無制限で解放 ~リニューアルで機能を大幅強化/「AI キャラ」機能やプロンプトの紹介機能なども追加し、ダークモードもサポート
ついにChromeで使えるようになったCSSの便利機能! light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む
ダークモード:ユーザーの考え方と避けるべき課題
ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Da... 続きを読む
「Wireshark 4.2」が正式公開 ~Arm64 Windowsインストーラーを追加、ダークモードに対応/フリーの高機能パケット解析ツール
CSSでライトモードとダークモードのスタイルを簡単に定義できる、新しいプロパティ「light-dark()」が便利すぎる!
CSS Color Module Level 5に追加された新しいプロパティlight-dark()関数を使用すると、ライトモードとダークモードのスタイルを簡単に定義できるようになります。 下記のようにlight-dark(#333, #ccc)と記述すると、テキストのカラーにライトモードでは#333が、ダークモードでは#cccが適用されます。 Easy Light-Dark M... 続きを読む
ダークモードは効果あり!バッテリー駆動時間と寿命を延ばすための正しい知識 ~VAIO開発者に直々に教わってきた[Sponsored]
UIデザインにも最適! アナログ印刷のインクと紙からインスピレーションを得たカラースキーム -Flexoki
デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードでも読みやすさと... 続きを読む
「X(Twitter)はダークモードだけに」 イーロン・マスク氏が表明→後に撤回 ただしダークブルーモードは削除
イーロン・マスク氏が、X(旧Twitter)のUIについて、白背景の「ライトモード」をなくし、黒背景の「ダークモード」だけにする方針を示した。結局は撤回したが、青黒いUIにする「ダークブルーモード」は削除するという。 X(旧Twitter)のオーナーであるイーロン・マスク氏は7月26日(現地時間)、同サービスのUIについ... 続きを読む
「X」は近いうちにダークモードだけになるとイーロン・マスクが語る、ユーザーからはやめてくれとの悲鳴が殺到
X(旧Twitter)のCTO兼任取締役であるイーロン・マスク氏が、Xのデフォルトのデザインを黒を基調としたダークモードに変更し、背景が白い従来のライトモードを廃止する考えを明かしました。 Elon Musk says Twitter will soon only offer dark mode because it’s ‘better in every way’ - The Verge https://www.theverge.... 続きを読む
Twitter改めX、背景カラーはまもなくダークモードのみになる模様
イーロン・マスク氏がTwitterを買収して以降、Twitter改めXでは毎週何らかの騒動があるような感じになっていますが、今度はプラットフォームの背景カラーはダークモードのみの提供になることが分かりました。 これはイーロン・マスク氏があるユーザーの投稿に対して「このプラットフォームはまもなく”ダークモード”だけ... 続きを読む
Webサイトのワイヤーフレームやモックアップに使用するSVGで制作されたUI要素のスケルトン素材 -UI Skeleton Gallery
Webサイトやスマホアプリで使用される、カード、セクション、ボタン、フォーム、見出し、テキスト、リスト、画像、動画など、UI要素のスケルトン素材を紹介します。 商用利用も無料で、ダークモード・ライトモードに対応しており、素材はSVGのファイルとコードでダウンロードできます。もちろん、Figmaでも利用できます... 続きを読む
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用できます。もちろん、レスポンシブ対応で、ダークモードもサポートし... 続きを読む
老舗音楽プレイヤー「foobar2000」のバージョン2.0がついに公開「x64正式対応」「ダークモードをサポート」など
無料で使えるカスタマイズ性に優れた音楽プレイヤー「foobar2000」のバージョン2.0が2023年4月26日にリリースされました。バージョン2.0ではx64やARMに正式対応したことに加えてWindowsのダークモードにも対応しています。 foobar2000 https://www.foobar2000.org/ Foobar2000:Version 2.0 Release Notes - Hydrogenaudi... 続きを読む
UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方
ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを... 続きを読む
「ダークモード」に意味はあるのか?
黒を基調としたレイアウトにする「ダークモード」は、画面を見やすくして眼精疲労を予防したり、端末のバッテリー節約に役立ったりしてくれると考えられているため、OSやブラウザ、アプリなどさまざまなソフトウェアがダークモードに対応しています。しかし、いろいろと調べた結果ダークモードを使うのをやめたという開... 続きを読む
記事からゴチャゴチャした表示を除外して読みやすくしてくれる「Unclutter」
有料会員への加入誘導のような余計な表示をなくしてくれるだけでなく、ダークモードにしたりハイライトを入れたりして記事を読みやすくできるGoogle ChromeおよびMozilla Firefox向け拡張機能の「Unclutter」を実際に使用して、どれくらい記事が読みやすくなるのかを確認してみました。 Unclutter — Reader Mode for Chr... 続きを読む
ダークモード時の画像の扱い方
2022年11月10日 CSS, Webサイト制作 以前から個人的にダークモードの対応を推奨しています。基本の書き方は過去記事「Webサイトをダークモードに対応させよう」を読んでもらうとして、今回は画像まわりのダークモード実装方法を中心に紹介します! 画像の明度や彩度を落とす 明るい背景色の場合、画像は鮮やかで明るい色... 続きを読む
なんとなく好ましいだけではないダークモード、我々は何のために対応するのか?|Offers Tech Blog
Offers を運営している株式会社 overflow の あほむ でございます。今回は個人的に気になって調べてみた系のネタを散漫に書いたブログです。 ダークモードに対する疑問の発端 美観やバッテリーパフォーマンス[1]を理由とする話を念頭に置きつつ OS レイヤーにおける UI のスイッチングは自動で行われるとして、モバイル... 続きを読む