タグ ダークモード
人気順 5 users 10 users 50 users 500 users 1000 usersVSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に
VSCodeの新機能「Copilot Edits」、GitHub Copilotが複数ファイルにわたるコード変更や生成に対応。「ダークモードとライトモードのテーマに対応して」など複雑な指示も可能に マイクロソフトはVisual Studio Codeの2024年10月のアップデート版(version 1.95)を公開しました。 本バージョンでは、Copilot Chatセカンダ... 続きを読む
「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.... 続きを読む
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用できます。もちろん、レスポンシブ対応で、ダークモードもサポートし... 続きを読む
UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方
ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを... 続きを読む
「ダークモード」に意味はあるのか?
黒を基調としたレイアウトにする「ダークモード」は、画面を見やすくして眼精疲労を予防したり、端末のバッテリー節約に役立ったりしてくれると考えられているため、OSやブラウザ、アプリなどさまざまなソフトウェアがダークモードに対応しています。しかし、いろいろと調べた結果ダークモードを使うのをやめたという開... 続きを読む
シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量(4kB)CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもし... 続きを読む
UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック
近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。 白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変え... 続きを読む
「TCPView」がメジャーアップデート ~検索ボックスやダークモードに対応したv4.0が公開 - 窓の杜
たった1行のCSSでこれなら簡単!すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法 | コリス
「たった1行のCSS」とは、prefers-color-scheme: dark;の紹介ではありません。 Webサイトやスマホアプリのさまざまな要素すべてをダークモード用にカラーを変換するたった1行のCSSを紹介します。 すでに制作済みのWebサイトやスマホアプリをダークモード対応にしたい時だけでなく、ユーザースタイルシートとして利用する... 続きを読む
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css | コリス
用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用で... 続きを読む
iOS 13/iPadOSで無料のAdobeフォント1300種類が利用可能に - Engadget 日本版
Adobe AdobeはCreative Cloudアプリをアップデートし、iOS 13およびiPadOSユーザー向けに新機能を追加しました。ダークモードに対応したほか、1300種類の無料フォントを含む全てのAdobe Fontsが利用できます。 続きを読む
「ダークモード」は、本当に“目に優しい”のか? 5つの観点から科学的に検証した結果|WIRED.jp
IMAGE BY APPLE/WIRED UK 標準の白い背景を黒に置き換える「ダークモード」は、健康意識が高いネット利用者たちにとってデファクトスタンダードになった。ダークモードは、ブラインドを下ろしたりサングラスをかけたりするのと似たような感覚で、ドラマ『MR.ROBOT/ミスター・ロボット』のような反体制的な雰囲気に浸る... 続きを読む
UIデザイナーから学ぶ!今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説 | コリス
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する... 続きを読む
Webサイトをダークモードに対応させよう | Webクリエイターボックス
2019年9月27日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増... 続きを読む
有機EL時代には「ダークモード」を積極採用すべき──Googleが開発者に呼びかけ - Engadget 日本版
Googleは、11月7日~8日に開催されたAndroidの開発者会議 Android Dev Summit'18において、ダークモード(ナイトモード)が消費電力的に優れており、アプリ開発者に採用を呼び掛ける内容のセッションを行いました。 全体の色調を暗くするダークモードは、夜間など薄暗い環境で目に優しいとして多くのアプリが採用してい... 続きを読む
Twitterの大規模システム運用技術、あるいはクジラの腹の中(前編)~ログの科学的な分析と、Twitterの「ダークモード」 - Publickey
Twitterの大規模システム運用技術、あるいはクジラの腹の中(前編)~ログの科学的な分析と、Twitterの「ダークモード」 先週の6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」が開催されていました。 その中から、TwitterのJohn Adams氏がTwitterのシステム運用について説明するセッション... 続きを読む