タグ ダークモード
新着順 10 users 50 users 100 users 500 users 1000 usersTwitterの大規模システム運用技術、あるいはクジラの腹の中（前編）～ログの科学的な分析と、Twitterの「ダークモード」 － Publickey
2010/06/30
500 users
Twitter
Publickey
オライリー
くじら
ロク
Twitterの大規模システム運用技術、あるいはクジラの腹の中（前編）～ログの科学的な分析と、Twitterの「ダークモード」 先週の6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」が開催されていました。 その中から、TwitterのJohn Adams氏がTwitterのシステム運用について説明するセッション... 続きを読む
「ダークモード」に意味はあるのか？
2023/01/03
426 users
基調
ソフトウェア
眼精疲労
バッテリー節約
端末
黒を基調としたレイアウトにする「ダークモード」は、画面を見やすくして眼精疲労を予防したり、端末のバッテリー節約に役立ったりしてくれると考えられているため、OSやブラウザ、アプリなどさまざまなソフトウェアがダークモードに対応しています。しかし、いろいろと調べた結果ダークモードを使うのをやめたという開... 続きを読む
シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
2022/02/07
352 users
グラスレス
CSSフレームワーク
ポートフォリオ
HTML
その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量（4kB）CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもし... 続きを読む
「ダークモード」は、本当に“目に優しい”のか？ 5つの観点から科学的に検証した結果｜WIRED.jp
2019/10/05
264 users
観点
WIRED.jp
結果
デファクトスタンダード
5つ
IMAGE BY APPLE/WIRED UK 標準の白い背景を黒に置き換える「ダークモード」は、健康意識が高いネット利用者たちにとってデファクトスタンダードになった。ダークモードは、ブラインドを下ろしたりサングラスをかけたりするのと似たような感覚で、ドラマ『MR.ROBOT／ミスター・ロボット』のような反体制的な雰囲気に浸る... 続きを読む
UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方
2023/02/21
250 users
グレースケール
コントラスト
メカニズム
UIデザイン
カラー
ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを... 続きを読む
Webサイトをダークモードに対応させよう | Webクリエイターボックス
2019/09/26
228 users
Webクリエイターボックス
CSS
普及
モニター
黒基調
2019年9月27日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増... 続きを読む
「TCPView」がメジャーアップデート ～検索ボックスやダークモードに対応したv4.0が公開 - 窓の杜
2021/03/26
223 users
メジャーアップデート
検索ボックス
v4.0
公開
「X」は近いうちにダークモードだけになるとイーロン・マスクが語る、ユーザーからはやめてくれとの悲鳴が殺到
2023/07/28
183 users
www.theverge
旧twitter
基調
イーロン
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.... 続きを読む
たった1行のCSSでこれなら簡単！すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法 | コリス
2020/08/16
177 users
コリス
prefers-color-scheme
dark
「たった1行のCSS」とは、prefers-color-scheme: dark;の紹介ではありません。 Webサイトやスマホアプリのさまざまな要素すべてをダークモード用にカラーを変換するたった1行のCSSを紹介します。 すでに制作済みのWebサイトやスマホアプリをダークモード対応にしたい時だけでなく、ユーザースタイルシートとして利用する... 続きを読む
iOS 13/iPadOSで無料のAdobeフォント1300種類が利用可能に - Engadget 日本版
2019/11/02
169 users
ほか
無料フォント
Adobe Fonts
iPadOS
全て
Adobe AdobeはCreative Cloudアプリをアップデートし、iOS 13およびiPadOSユーザー向けに新機能を追加しました。ダークモードに対応したほか、1300種類の無料フォントを含む全てのAdobe Fontsが利用できます。 続きを読む
UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック
2021/12/02
166 users
CSS
白地
テクニック
UIデザイン
トレンド
近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。 白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変え... 続きを読む
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css | コリス
2020/03/30
165 users
class
コンポーネント
CSS
CSSリセット
コリス
用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用で... 続きを読む
有機EL時代には「ダークモード」を積極採用すべき──Googleが開発者に呼びかけ - Engadget 日本版
2018/11/09
150 users
積極
Google
Engadget 日本版
開発者
色調
Googleは、11月7日～8日に開催されたAndroidの開発者会議 Android Dev Summit'18において、ダークモード（ナイトモード）が消費電力的に優れており、アプリ開発者に採用を呼び掛ける内容のセッションを行いました。 全体の色調を暗くするダークモードは、夜間など薄暗い環境で目に優しいとして多くのアプリが採用してい... 続きを読む
UIデザイナーから学ぶ！今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説 | コリス
2019/10/01
147 users
領域
デザイナー
要件
両方
新しい配色
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する... 続きを読む
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
2023/05/16
108 users
フレームワーク
ポートフォリオ
CSS
実装
HTML
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用できます。もちろん、レスポンシブ対応で、ダークモードもサポートし... 続きを読む
Apple、“ダークモード”搭載の「macOS Mojave」 - PC Watch
2018/06/04
94 users
macOS Mojave
Apple
Mojave
愛称
基調
米Apple は、開発者向けイベント「WWDC 2018」にて、「macOS Mojave」を発表した。 Mojaveの愛称は、カリフォルニア州にあるモハーヴェ砂漠から名付けられている。 macOS Mojaveでは、あらたに黒を基調とした「ダークモード」が実装。メールやカレンダー、iTunesなどのアプリのほか、Xcodeも対応する。 ダークモード搭載 Xcodeも デスクトップ画面には、... 続きを読む
ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
2024/03/26
92 users
プロパティ
カーニング
垂直方向
light-dark
中央
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む
「iOS 13」が9月19日、「iPadOS」が9月30日に配信 - ITmedia Mobile
2019/09/10
87 users
iPhone
iPadOS
iPhone SE
Apple
Appleが、「iOS 13」を9月19日に配信することを発表。iOS 13の対応機種はiPhone 6s以降。ダークモードや新しい「写真」アプリを利用できる。「iPadOS」は9月30日に配信する。 Appleが、「iOS 13」の正式版を9月19日に配信する。 iOS 13の対応機種は、iPhoneが「iPhone 6s」以降で「iPhone SE」も含む。iPod touchは第7世... 続きを読む
スマホのUIを黒基調の「ダークモード」にするとバッテリー持ちが劇的に改善されることをGoogleは理解している - GIGAZINE
2018/11/09
86 users
GIGAZINE
ナイトモード
OLED
バッテリー
黒基調
スマートフォン向けアプリの中には「ダークモード」や「ナイトモード」といった、UIのベースカラーを黒などの暗めの色に変更する機能が搭載されている場合があります。こういったモードを使用すると、特にOLED(有機ELディスプレイ)を搭載した端末では、バッテリー消費を格段に抑えることが可能と知られています。例えば... 続きを読む
iOSアプリ「はてなブックマーク」はiOS 13に対応し、新機能「ダークモード」にも対応しました。 - はてなブックマーク開発ブログ
2019/10/15
84 users
iOSアプリ
iOS
iOS 13
はてなブックマーク
新機能
iOS 13に対応したiOSアプリ「はてなブックマーク」のバージョン4.0.0をリリースしました。iOS 13に合わせたデザインの調整を行い、「ダークモード」に対応しました。ぜひiOS 13にアップデートして本機能をご利用ください。 darkmode ダークモードで使うには？ 「はてなブックマーク」をダークモードで使用するには、iOS... 続きを読む
デスクトップ版YouTubeのデザインが一新――見た目以上に大きな変更が | TechCrunch Japan
2017/05/03
61 users
一新
TechCrunch JAPAN
YouTube
変更
今週の月曜日にYouTubeは設立12周年を迎え、これを記念し5月2日には デスクトップ版YouTubeのデザインが一新 された。Googleが提唱するデザインフレームワーク「 Material Design 」が反映された新しいインターフェースは、さらにすっきりとしたシンプルなデザイン、そしてデバイスを超えた統一感を意識してつくられている。ダークモードの導入や検索機能・チャンネルページの一部変更... 続きを読む
オープンソースのMac用スクリーンキャプチャアプリ「Kap」がv3.0へメジャーアップデート。ダークモードやキーボードショートカット、プレビューなどに対応。 | AAPL Ch.
2019/11/21
52 users
ノルウェー
AAPL
プレビュー
メジャーアップ
以下
オープンソースのMac用スクリーンキャプチャアプリ「Kap」がv3.0へメジャーアップデートし、ダークモードやキーボードショートカット、プレビューなどに対応しています。詳細は以下から。 Kapはノルウェーのデザインス 続きを読む
CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 | コリス
2019/10/29
52 users
prefers-color-scheme
コリス
CSS
iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
Webでダークモードに対応する | written by @axross
2019/08/26
49 users
web
iOS
prefers-color-scheme
このウェブサイトをダークモードに対応させました。ライトモード (通常) では白い背景ですが、ダークモードで見ると紺色の背景になっているのが確認できると思います。 LightDark ダークモードはすでに主要なすべてのOS (Windows、Android、iOS、macOS) にあり、その設定はCSSのメディアクエリ prefers-color-scheme に... 続きを読む
iOS 13新機能｢知らない番号自動スルー｣は最高だ！ | ギズモード・ジャパン
2019/06/10
41 users
ギズモード
image
Catie Keck
原文
ジャパン
iOS 13新機能｢知らない番号自動スルー｣は最高だ！2019.06.10 16:00 Catie Keck - Gizmodo US ［原文］ （ そうこ ） Image: Gizmodo US グッバイスパムコール。 先週行なわれたWWDC 2019。iOS 13が発表され、噂されていたお待ちかねのダークモードが注目を浴びましたが、その他にも新機能は盛りだくさん。中でも、特に米... 続きを読む