並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 2335件

新着順 人気順

colorの検索結果321 - 360 件 / 2335件

  • TinyBase

    Start with a simple key-value store.Creating a Store requires just a simple call to the createStore function. Once you have one, you can easily set Values in it by unique Id. And of course you can easily get them back out again. Read more about using keyed value data in The Basics guide. const store = createStore() .setValues({employees: 3}) .setValue('open', true); console.log(store.getValues());

      TinyBase
    • 中学の全校登山で、服装指定が緑のジャージだった→登山が趣味の先生が大反対「山をなめるな」

      🍀いちは🍀 @BookloverMD 中学時代のジャージが上下とも真緑だった。 全校登山があって、学校は「全員ジャージ」という方針だったが、登山が趣味の先生が、 「山をなめるな」 と反対した。 「服装は自由。ただし、長そで長ズボン、なるべく派手な服を着てきなさい」 山の日に向けて、注意喚起!! 2022-08-10 05:46:19 🍀いちは🍀 @BookloverMD この話には後日談がある。 自由な服装、派手なものと言われても、1980年代末の田舎の中学生なんて、そんな服は持っていなかったのである。 結局、ほとんどの生徒が緑ジャージを着て山を登ったのであった。 遭難しなくて良かった〜。 2022-08-10 09:02:28

        中学の全校登山で、服装指定が緑のジャージだった→登山が趣味の先生が大反対「山をなめるな」
      • 公園に落ちていたスズメバチの巣をよく見てみるとなんか色が普通じゃない「芸術家のスズメバチがいる」

        Isao Okuma @isakuma1990 自然ガイドがライフワークの公園管理官です _(┐「ε:)_ @NACSJ 自然観察指導員 講師 / 公園管理運営士 / 博士(農学: 野生動物管理学) / 学芸員 / 狩猟者(エゾシカ・アライグマ culler) / 1児の父 自然系以外のつぶやきはこっち→ @Isakuma19902 note.com/isakuma1990 いさくま @isakuma1990 公園にスズメバチの巣が落ちていました。材質をよく見るとねずみ色と茶色と・・・青色!?Σ(゚д゚ ) 巣の材は働きバチたちが木の皮や朽木などを噛みくだいたもので、唾液と混ぜあわせて貼り付けられたものです。青色は…なんでしょう。どこかに捨てられていたビニールシートか…遊具のペンキかな? pic.twitter.com/HqahM1HEl8 2023-08-18 20:55:00

          公園に落ちていたスズメバチの巣をよく見てみるとなんか色が普通じゃない「芸術家のスズメバチがいる」
        • GitHub - luruke/browser-2020: Things you can do with a browser in 2020 ☕️

          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

            GitHub - luruke/browser-2020: Things you can do with a browser in 2020 ☕️
          • 業種や雰囲気による配色の決め方

            この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 この記事ではWebデザインを制作する際に、業種や雰囲気によってどのように配色を決めていけばいいのか、業種による配色の特徴、配色で変わる雰囲気について説明します。 業種による配色の特徴 業種によってよく使われる色と使われない色があるかを飲食店と金融会社や保険会社などについて見ていきます。 飲食店のWebサイトで使用されている色 まずは飲食店です。 飲食店のWebデザインでは店舗のイメージの色などを

              業種や雰囲気による配色の決め方
            • 【Emacs入門】②バージョン28で新たにビルトインされるModus Themesを使おう

              modus-vivendi DAP Mode 今回は見た目、テーマについてです。 あくまでも私の印象ですが、Emacsには「これぞEmacs」というようなEmacsを代表するようなテーマがなかなか見当たらないように思います。VimにはSolarizedを初めとしてVimから始まったテーマがたくさんありますし、Electron系のエディタはオリジナルのデフォルトのテーマからしてとても見映えが良いです。一方Emacsはと言えば他のエディタのテーマの移植モノばかりで、Emacsから始まってチヤホヤされているテーマが見当たりません(私の調査力も当てにならないので何かありましたら教えてください)。 Doom系のテーマ群は見映えはするのですが、主に他のエディタで名を馳せたテーマの移植組で構成されていたので見送りました。Spacemacsのデフォルトテーマはアリかもと思いましたが、DoomもそうですがS

                【Emacs入門】②バージョン28で新たにビルトインされるModus Themesを使おう
              • すべてのページに美しい配色がいっぱい! デザインで文字を扱うときにぴったりな配色本 -色数は少ないほうがかっこいい!

                Webサイト・スマホアプリをはじめ、プロダクト、紙のデザインで、「素敵」と「見やすい」を両立させる配色に悩んだことはありませんか? 文字色は黒か白の無彩色が断然見やすい 色数は少ない方がデザインはまとまる そんなすぐに使える素敵で見やすい配色をたくさん収録した、新しい配色本を紹介します。 本書はデザインの良書をたくさん執筆されているPower Design Inc.の最新刊。今回も今まで以上に、見てすぐに使いたくなる配色が数多く収録されており、デザインでの使用例もたくさん掲載されているので、インスピレーションが刺激される一冊です。

                  すべてのページに美しい配色がいっぱい! デザインで文字を扱うときにぴったりな配色本 -色数は少ないほうがかっこいい!
                • Chromeのアイコン、突如ゆるキャラとして人気に 公式も「びっくりしています」

                  米GoogleのWebブラウザ「Google Chrome」のアイコンが、突如ゆるキャラやマスコットとして人気になり出した。Xでは「Chromeくん」などとして、手足の生えたアイコンのファンアートなどが相次いで投稿されている。きっかけはGoogle日本公式Xアカウントが6月5日に投稿したとある図版だ。 公式アカウントが投稿したのは「実はChromeのアイコンにはグラデーションがかかっている」ことを示す画像。青・白の丸を赤・黄・緑のパーツが囲むおなじみのマークだが、実は赤・黄・緑の部分は単色でなく、微妙にグラデーションがかかっていることを紹介するものだ。 これだけでもちょっとした豆知識だが、Xユーザーには違った受け止められ方をした。この図版がまるでキャラクターのように見えるという意見が相次ぎ、ファンアートが作られ始めたのだ。 というのも、図版はアイコンに引出線(説明する箇所を強調する線)をつ

                    Chromeのアイコン、突如ゆるキャラとして人気に 公式も「びっくりしています」
                  • CSSのmix-blend-mode完全に理解したい - freee Developers Hub

                    こんにちは、デザイナーだけどFigmaよりTypeScriptを触っている時間のほうが長いid:ymrl です。 この記事はfreee Developers Advent Calendarの2日目です。 CSSの mix-blend-mode 、なんだかカッコいい見た目のものを作るのに便利そうとずっと思っていたものの、 mix-blend-mode に何を指定したらどうなるのか想像しづらく、私は「当てずっぽうでいろんな値を入れてみていい感じになったのを使う」みたいな状態でずっと誤魔化していました。 なにせ MDNのmix-blend-modeのページに載っているサンプルがこれですよ。 MDNに載っているサンプル(MDNのmix-blend-modeのページより引用) これだけ見てもよくわからない! ということで、それぞれの blend-mode の値のときの色の計算方法を調べて、自分で計算

                      CSSのmix-blend-mode完全に理解したい - freee Developers Hub
                    • Emacs用のSVG実装のカラーピッカー

                      先日からEmacsの中で動く作図ツールを作っています。 https://github.com/misohena/el-easydraw その一環として今日はカラーピッカーを作りました。この手のソフトには必ずあるアレです。 Emacs上での先行事例はいくつかあるようでしたがSVGでの実装は見当たりませんでしたし、まぁ、自分で作りたいじゃないですか。こういうの作るの楽しいですし。 というわけで出来たのがこちら。 https://github.com/misohena/el-easydraw/blob/master/edraw-color-picker.el 一応ライブラリとして他で使い回すことを考えています。 応用としてとりあえず作ったコマンドがいくつか。 edraw-color-picker-read-colorはread-colorの代わりを意識して作った色入力コマンドです。ミニバッファ内

                        Emacs用のSVG実装のカラーピッカー
                      • #1 2020年8月にツイートしたHTML/CSS/JavaScriptのTipsまとめ

                        2020 年 8 月にツイートした HTML/CSS/JavaScript のツイートまとめです。見出しをクリックするとツイート元に遷移するので、気に入ったらフォロー・ファボ・リツイートお願いします。 1. enterkeyhint属性 スマホキーボードのエンターキ表示を最適化でき、フォームが送信されたときの動作をあらかじめ伝えられます。 <input enterkeyhint="enter"> <input enterkeyhint="go"> <input enterkeyhint="done"> <input enterkeyhint="next"> <input enterkeyhint="previous"> <input enterkeyhint="search"> <input enterkeyhint="send"> 各属性値を指定したときの表示は以下のようになります。 2

                          #1 2020年8月にツイートしたHTML/CSS/JavaScriptのTipsまとめ
                        • 2023年9月:デザインの参考にしたい魅力的なWebサイト12選 | Web Design Trends

                          2023年9月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、得られるものがたくさんあります。ぜひ自身のデザインの参考になるような素晴らしいWebサイトを探してみてください。 Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】 様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー... Web Design Trends

                            2023年9月:デザインの参考にしたい魅力的なWebサイト12選 | Web Design Trends
                          • Ubie Design Tokensを公開しました

                            こんにちは、Ubie株式会社でデザインエンジニアをやっているtakanoripです。 Ubieではデザインのクオリティと生産性向上のためデザイン生産基盤の整備に力を入れています。 今回その一環として開発したデザイントークンをnpmパッケージとして公開しました。(現在はColorのみ。) 開発経緯 Ubie Design Tokens開発以前からデザイントークンのようなものは存在しており、CSS Variablesとして実装されていました。しかしユースケースを想定せず作った変数があったり定義が細かすぎたりしたことで「どの変数をどういう場面で使用すれは良いかわからない」という問題が発生していました。 そこで変数の定義を見直し、より実際のデザインに即したデザイントークンを策定するとともに、プロダクトごとの実装差異をなくすためのライブラリの開発に着手しました。 Colorの定義 Ubie Desi

                              Ubie Design Tokensを公開しました
                            • すべてのページが美しい! 色に関する365のアイデアがぎっしり詰まった、デザインやイラストに即戦力の新しい配色本 -色の日めくり配色帖365

                              辞書のように分厚い本書には1ページにつき1色、全部で365色の素敵な色、配色、色の知識・情報がおさめられた保存版の配色帖を紹介します。 デザインやイラストに使用する色を見つけたい、主役の色は決まっているけど配色をどうすればよいのか、色の使い方はどうすればよいのか、色に関する365のアイデアがぎっしり詰まっています。 本書は配色アイデア手帖でお馴染みの桜井 輝子氏の最新刊です! 配色アイデア手帖第1弾のめくって見つける新しいデザインの本、第2弾の日本の美しい色と言葉、第3弾の世界を彩る色と文化(リンクは当ブログの紹介記事)を持っている人はもちろん、持っていない人にもお勧めの配色帖です。 365ページ超の本書は、かなりのボリュームに驚くと思います。 そして本書は、本日発売!!

                                すべてのページが美しい! 色に関する365のアイデアがぎっしり詰まった、デザインやイラストに即戦力の新しい配色本 -色の日めくり配色帖365
                              • 西武多摩湖線の電車は3色

                                西武線ユーザーになったことが2回ある。 どちらの時も、「自宅の最寄駅はどこ?」と聞かれて答えるたび、「果たしてわかってもらえるだろうか」と悶々した。どうやら西武線とは、沿線に住むとかしないかぎり滅多に使わない路線のようなのだ。 今日は「西武多摩湖線」を推させてほしい。多摩湖線の電車は3色もあるのだ。

                                  西武多摩湖線の電車は3色
                                • GitHub - sharkdp/pastel: A command-line tool to generate, analyze, convert and manipulate colors

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    GitHub - sharkdp/pastel: A command-line tool to generate, analyze, convert and manipulate colors
                                  • シンプルで使いやすいのが登場! UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools

                                    指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ

                                      シンプルで使いやすいのが登場! UIのデザインで役立つ、色に関する便利なツールがまとめて利用できる -hue.tools
                                    • 降りるときに『怖いな』と感じてしまう階段のデザイン→視力が悪い人の見え方・転んでしまう理由

                                      見え方や転ぶ理由が伝わるように整理してみました。転んだことのある方や、視力の悪い方のお話を多めに入れています。

                                        降りるときに『怖いな』と感じてしまう階段のデザイン→視力が悪い人の見え方・転んでしまう理由
                                      • あらためて、電子書籍をつくること 〜東京トイボックスシリーズデジタルリマスター版配信に寄せて〜|うめ

                                        国内ほとんどの電子書籍サイトで読むことができるようになっている(はずだ)。ただ同じものを版元を変えて出しただけでなく、文字通り「リマスター」した。そのなかで、あれこれ気づいたこともあったので、まとめてみた。 1 製版データは売っている?A社で出したマンガの単行本をB社から新装版などで出し直す場合、よく製版データを有償で提供する、ということが行われる。たいていはAdobeのDTPソフトであるInDesignのデータであることが多い。ゼロから製版データを作るのは手間なので、使い回したい、という現実的な側面のほか、元々出していた出版社に対して、筋を通す、というこの業界独特の空気もあるように感じる。 価格は、聞いたことのある範囲では、単行本1冊あたり5〜10万円程度。いわゆる言い値らしい。極端な例で、1冊5000円なんて話もあった。 『東京トイボックス』シリーズの出版契約を解除した。 これを機に『

                                          あらためて、電子書籍をつくること 〜東京トイボックスシリーズデジタルリマスター版配信に寄せて〜|うめ
                                        • 「ブラックハット」も差別連想?--用語変更についてセキュリティコミュニティで議論に

                                          印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 情報セキュリティコミュニティは、「ブラックハット」「ホワイトハット」という用語を放棄するよう求める声に、これらの用語は人種に対する偏見とは無関係だとして強く反発した。 この議論は、米国時間7月3日の夜に、Googleのエンジニアリング担当バイスプレジデントであり、AndroidやGoogle Playストアのセキュリティ責任者を務めるDavid Kleidermacher氏が、8月に予定されているセキュリティカンファレンス「Black Hat USA 2020」で行うはずだった講演を取りやめるとしたことをきっかけに始まった。 Kleidermacher氏は講演を取りやめると発表したツイートの中で、情報セキュリティ業界に対し、「ブラックハ

                                            「ブラックハット」も差別連想?--用語変更についてセキュリティコミュニティで議論に
                                          • Happy Hues - Curated colors in context.

                                            Curated colors in context.Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.

                                              Happy Hues - Curated colors in context.
                                            • 開発者に訊きました : ファイアーエムブレム エンゲージ|任天堂

                                              任天堂のモノづくりに対する考えやこだわりを、 開発者みずからの言葉でお伝えする 「開発者に訊きました」の第8回として、 1月20日(金)に発売となる 『ファイアーエムブレム エンゲージ』の 開発者のみなさんに話を訊いてみました。 今日の取材はインテリジェントシステムズ※1さんにも お越しいただきました。 鄭(てい)さん、樋口さん、まずは簡単に自己紹介をお願いできますか。 ※1株式会社インテリジェントシステムズ。「ファイアーエムブレム」シリーズや「ペーパーマリオ」シリーズなどの任天堂ソフトや、歴代ハード向けのソフトウェア開発支援ツールの開発をしている会社。本社は京都。通称「イズ」。

                                                開発者に訊きました : ファイアーエムブレム エンゲージ|任天堂
                                              • Legra - LEgo brick GRAphics

                                                Legra (Lego brick Graphics) is a small (3.36KB gzipped) JavaScript library that lets you draw using LEGO® like brick shapes on an HTML <canvas> element. This library defines basic graphics primitives like lines, rectangles, polygons, ellipses, bézier curves, etc. All shapes are drawn either outlined or filled in. The size and color of the bricks used can be configured. Legra can be used to create

                                                  Legra - LEgo brick GRAphics
                                                • 商用利用無料!美しいグラデーション素材・グラデーションメッシュ素材をダウンロードできるサイトのまとめ

                                                  Webサイトやスマホアプリをはじめ、最近ではテレビのCMなどでも背景として使用されている、グラデーション・グラデーションメッシュ素材をダウンロードできるサイトを紹介します。 UIデザインやグラフィック用の高解像度の画像ファイル(.ai, .jpg, .png)から、グラデーションを生成できるオンラインツール、グラデーションのCSSを生成できるツールなど、デザイナーからコーダーまで役立ちます。 まずは、グラデーションメッシュ素材から。 グラデーションメッシュとは、複数のポイントからグラデーションをさまざまな方向に流し込んだものです。有機的で美しく、最近のデザインでよく見かけます。 Free Mesh Gradient Collection レインボー、パステム、ナチュラルをテーマにした、グラデーションメッシュ素材。各グラデーションメッシュの右上「↓」から高解像度の.jpgがダウンロードできま

                                                    商用利用無料!美しいグラデーション素材・グラデーションメッシュ素材をダウンロードできるサイトのまとめ
                                                  • E Ink、前世代から彩度を30%高めたカラー電子ペーパー

                                                      E Ink、前世代から彩度を30%高めたカラー電子ペーパー
                                                    • [スタパ齋藤の「スタパトロニクスMobile」] 「Apple Watch Series 6」を80日間使って思うこと

                                                        [スタパ齋藤の「スタパトロニクスMobile」] 「Apple Watch Series 6」を80日間使って思うこと
                                                      • Why Are Hyperlinks Blue | The Mozilla Blog

                                                        Why we need to revisit the origin of blue hyperlink While musing over my recently published article, Why are hyperlinks blue, I was left feeling a bit blue myself. Yes, it could have been the fact that I was evacuated and Hurricane Ida was destroying my home, I’ll admit. Besides that, I was also bothered by the fact that even though I was able to determine that Mosaic was indeed the first browser

                                                          Why Are Hyperlinks Blue | The Mozilla Blog
                                                        • 「地域ぐるみでなくそう!川崎市」「自動車撲滅協力工場」赤文字が退色した味わい深い看板集めた→改善できないもんなのかな?

                                                          株式会社石井マーク @ishiimark_sign 強調したい大事な箇所を赤文字で記した結果、褪色してそこだけが読めなくなる事態は確かにトンチキな結果だとは思うのですが、では街中の看板や標識から赤色を排除すべきかといえば、それも少し話が違ってきます。大事なのは色の使い方と用途に見合う品質であり、そしていずれ取り換える事も必要です。 pic.twitter.com/ne22o1ntNP 2019-11-12 17:22:19 株式会社石井マーク @ishiimark_sign 標識・銘板の㈱石井マークです。 弊社は 表示という視覚的アプローチによって、防災や防犯、設備分野など様々な産業シーンに「安全」「効率」「伝達」の手段を提供します。 Twitter上からはご注文や納期照会等を受け付けておりません。 会員様向け見積専用サイトは ishiimark.jp をご利用下さい。 ishiimark

                                                            「地域ぐるみでなくそう!川崎市」「自動車撲滅協力工場」赤文字が退色した味わい深い看板集めた→改善できないもんなのかな?
                                                          • COLORS | Chart Color Generator

                                                            COLORSは、ビジネス文書に適したグラフの配色作りをサポートするWebアプリです。会社のコーポレートカラーやプロダクトのテーマカラーを基に配色を生成し、これらと親和性の高いグラフカラーを効率的に作成できます。

                                                              COLORS | Chart Color Generator
                                                            • CSSのボックスモデルの構造をCSSアニメーションで可視化

                                                              @use postcss-preset-env { stage: 0 } .stack { display: grid; grid: [stack] / [stack]; perspective: 5000; &:before { content: ""; position: fixed; inset: 0; background: lch(95 0 0); transition: background 2s ease; pointer-events: none; } &:matches(:hover, :active) { &:before { background: lch(15 0 0); } } &:matches(:hover, :active) .card { --bg-opacity: 5%; transition-duration: 2s; transition-timin

                                                                CSSのボックスモデルの構造をCSSアニメーションで可視化
                                                              • 「色がダサくなる理由」をまとめたイラストがためになる!分かりやすい解説と日常で使える応用テクニックも | ツイナビ

                                                                Twitterで盛り上がった選りすぐりのネタを紹介するツイナビ。 mashu@3/13 予約受付開始 (@mu_mashu)さんの「色」に関する投稿が話題になっている。 (アカウント名に含まれる環境依存文字・絵文字は反映されない場合もあります) 「 色がダサくなる理由 」 pic.twitter.com/2XAHGlWRVE — mashu (@mu_mashu) March 7, 2021 さらに応用編 pic.twitter.com/pirKULviMQ — mashu (@mu_mashu) March 7, 2021 なるほど~! これはとても勉強になるね! 参考になります、、、…φ(..) — そら空 (@SORASORAgcdv) March 7, 2021

                                                                  「色がダサくなる理由」をまとめたイラストがためになる!分かりやすい解説と日常で使える応用テクニックも | ツイナビ
                                                                • 「その色は本当に見分けられる?」 Adobe、色彩ツールに色覚障害者向けのチェック機能

                                                                  米Adobeはこのほど、デザイナー向け色彩ツール「Adobe Color」に色覚障害者が見分けにくい色を警告する機能を追加した。 デザイナー向け色彩ツール「Adobe Color」に追加されたアクセシビリティツール 近い色相、近い明度で色を選んでしまうと人によっては見分けにくいと感じてしまうかもしれない Adobe Colorは、色相環(カラーホイール)から特定の規則に沿って5つの色を選べるツール。選んだ5つの色を、赤色の認識が難しい人(1型2色覚)や青色の認識が難しい人(3型2色覚)でも見分けられるかをシミュレーションできる。見分けづらい色がある場合は警告を表示し、適切な色までマウスでカラーポイントが移動されると警告を解除する。 Adobeは「アクセシビリティーについて考えるステップはアイデア出しの後で発生することが多く、アクセシビリティーに対応しつつデザインコンセプトも満たす色を新たに

                                                                    「その色は本当に見分けられる?」 Adobe、色彩ツールに色覚障害者向けのチェック機能
                                                                  • Sorting colors in JavaScript

                                                                    Sorting colors in JavaScriptJune 22, 2021How to sort colors in JavaScript? Let me tell you a story first. In the project I'm working on right now we used to have 134 colors in use! WTF?! you say. Once I discovered that I thought I'm going to show that to my colleagues, and we will address the problem. Unfortunately, I'm a very visual person (so to say) and I couldn't stand the very random order of

                                                                      Sorting colors in JavaScript
                                                                    • どう作ると読みやすい? Yahoo!ニュースのダークモード対応の裏側 #UI

                                                                      ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!ニュース デザイナーの広垣です。 11月上旬、Yahoo!ニュースアプリはダークモードをリリースしました。※Android10(Q)以上/iOS13以上 Yahoo!ニュースアプリがダークモードに対応しました- newsHACK 昨日はエンジニアからYahoo!乗換案内アプリの事例を元に実装面について解説がありました。 本日はデザイナー視点からYahoo!ニュースでの事例を元にダークモード対応事情をご紹介したいと思います。 【補足】 画面を暗めの配色に切り替える機能について、「ダークモード」「ダークテーマ」などさまざまな呼び方がありますが、この記事では中ではすべて「ダークモード」と呼んでいます。 また、「ダークモードで

                                                                        どう作ると読みやすい? Yahoo!ニュースのダークモード対応の裏側 #UI
                                                                      • CSS accent-color  |  Articles  |  web.dev

                                                                        CSS accent-color Stay organized with collections Save and categorize content based on your preferences. Today's HTML form elements are difficult to customize. It feels as if it's a choice between few or no custom styles, or resetting input styles and build it up from scratch. Building it up from scratch ends up being much more work than anticipated. It can also lead to forgotten styles for element

                                                                          CSS accent-color  |  Articles  |  web.dev
                                                                        • マクドナルドが2023年にゲームボーイカラー用の新作ゲーム「Grimace’s Birthday」リリース、無料でROMイメージのダウンロードが可能

                                                                          マクドナルドが2023年6月12日に、マスコットキャラクター「グリマス」の誕生日を記念して、1998年に任天堂が発売した携帯ゲーム機・ゲームボーイカラーで実際に動作するゲーム「Grimace's Birthday」をリリースしました。このゲームは、ゲームボーイだけでなくブラウザからも無料でプレイすることが可能です。 Grimace’s Birthday https://grimacesbirthday.com/ McDonald's Just Dropped A Brand New Game Boy Game In 2023 https://retrododo.com/mcdonalds-grimaces-birthday/ 「Grimace’s Birthday」は、アメリカのマクドナルドが6月12日から提供を開始しているメニュー「Grimace’s Birthday Meal」に関する

                                                                            マクドナルドが2023年にゲームボーイカラー用の新作ゲーム「Grimace’s Birthday」リリース、無料でROMイメージのダウンロードが可能
                                                                          • イタリアはトリコローレ(国旗柄)を愛しすぎている

                                                                            イタリア人はイタリアが大好きだと思います。 それを象徴するひとつが、イタリアの国旗にも使われている赤・白・緑の組み合わせ(トリコローレ)の登場頻度。これがミラノを歩いてみても、「そんなところにまで!?」と言いたくなるほどよく見るのです。 ※この記事は、 世界のカルチャーショックを集めたサイト「海外ZINE」の特集「カラー(色)」の記事をデイリーポータルZ向けにリライトしたものです。 海外ZINEは、世界各地のカルチャーショックを現地在住ライターが紹介する読み物サイトです。 / イタリア・ミラノ在住、フリーライター。イタリア関連情報や海外旅行、ライフスタイルなどの分野を中心に活動中。旅行先の市場でヘンな食べ物を探すのが好き。 前の記事:イタリア人は弁当に関して頑張らない > 個人サイト suzukikei81 海外ZINE イタリアを象徴するのは、やっぱりあの色 「イタリアを象徴する色ってな

                                                                              イタリアはトリコローレ(国旗柄)を愛しすぎている
                                                                            • 仏国旗の青、ブライトブルーからネービーブルーに 3年間気付かれず

                                                                              仏パリで演説するエマニュエル・マクロン大統領(2021年11月12日撮影)。(c)Yoan VALAT / POOL / AFP 【11月16日 AFP】フランスのエマニュエル・マクロン(Emmanuel Macron)大統領が2018年に国旗の三色旗(トリコロール)の青の色変更を命じ、ブライトブルーから伝統のネービーブルーにしていた。ささいな変化のため約3年間気付かれなかったが、今秋出版された書籍「エリゼ・コンフィデンシャル(Elysee Confidential)」で明らかになった。 エリゼ宮(Elysee Palace、大統領府)関係者が15日、匿名を条件にAFPに語ったところによると、マクロン氏の演説の場に置かれる国旗は2018年から、エリゼ宮などに掲揚されるものは2020年からネービーブルーになった。 ネービーブルーへの変更は、1976年以前の伝統に回帰するもの。仏国旗の青は同年

                                                                                仏国旗の青、ブライトブルーからネービーブルーに 3年間気付かれず
                                                                              • 第1回 デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp

                                                                                はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザイナーやエンジニア、アクセシビリティに関心のある方を想定しています。 現在勧告されているWCAG2の達成基準では、テキストや視覚要素のコントラストが一定の基準を満たす必要があります。たとえば、レベルAAでは文字色と背景色のコントラスト比が4.5:1以上であることが要求されます。 図1 テキストとの視認性を確保するために、背景色とのコントラスト比を考える必要がある しかし、人間の目は明るい色と暗い色のコントラストを認識する際に、明るい色の相対輝度が高いほど視認性が高くなるという特性があ

                                                                                  第1回 デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp
                                                                                • セガ・ブルーとして親しまれる「セガ」のロゴは日本と海外で色味が違う。現役セガ社員も理由を知らない豆知識

                                                                                  『狼と香辛料VR』を開発したジェムドロップ株式会社代表の北尾雄一郎氏による、「実はセガのロゴは日本と海外で色が異なる」というツイートが国内外で話題となっている。海外メディアKotakuが記事化し、セガの関係者もこのあまり知られていない事実に言及している。 意外と知られてない気がするんですが、セガのロゴは国内と海外で色が少し違います。並べてみるとわかるんですが、受ける印象がちょっと違いますよね。 pic.twitter.com/THC3FCwcaL — 北尾雄一郎/Yuichiro Kitao (@kit_p) August 23, 2019 おはセガ!ヽ(・∀・)ノ 今日は1/6、色の日! 「セガ・ブルー/SEGA BLUE」と呼ばれるコーポレートカラーはセガが目指す、先進技術による安全で明るい未来、エンタテインメントの楽しさ、そして安らぎを表してます。ご存じでした? pic.twitte

                                                                                    セガ・ブルーとして親しまれる「セガ」のロゴは日本と海外で色味が違う。現役セガ社員も理由を知らない豆知識