並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 314件

新着順 人気順

colorの検索結果241 - 280 件 / 314件

  • People Can't Believe This Photo of a Bird Isn't Photoshopped or AI-Generated

    People Can’t Believe This Photo of a Bird Isn’t Photoshopped or AI-Generated Japanese photographer Kenichi Ohno makes regular visits to a local marsh in order to practice his nature photography. But one image in particular, which shows an egret wading in the shallow water, is causing a stir. After being awarded an honorable mention in the Nature in Japan photo contest organized by the The All-Japa

      People Can't Believe This Photo of a Bird Isn't Photoshopped or AI-Generated
    • GitHub - bensadeh/tailspin: 🌀 A log file highlighter

      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.

        GitHub - bensadeh/tailspin: 🌀 A log file highlighter
      • カーキ色の誤認をいい加減どうにかしてほしい

        カーキ色は黄土色方向だろ! 緑方向の色と誤認してる人多すぎ 仕事で色のやりとりでカーキ色出た時の不便さといったら… 少人数直接のやり取りならそこで意思確認できるけど 間接的に多人数、伝言ゲーム的に現れるカーキ色の実体を掴むのがなかなか難しい 念を押して黄土色って確認したのに「もうちょっと緑っぽい感じで…」ってお前それカーキ色誤認してたろってなる

          カーキ色の誤認をいい加減どうにかしてほしい
        • デザインやイラストに使える配色本の決定版! 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載

          配色本の中で日本一(もしかしたら世界一)売れている(担当者様談)配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました! この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。 本書は、本日発売の最新刊! 5年ほど前に発売された配色アイデア手帖の第2版です。読者からの要望で多かった、カラー値を入力するのが面倒というのを解消するべく、さまざまなソフトウェア用のスウォッチファイルがサポートサイトからダウンロードできます。 Adobe Photoshop用のスウォッチ(CMYKとRGBの2種類): .aco Adobe Illustrato

            デザインやイラストに使える配色本の決定版! 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載
          • グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法

            美しい色を選んだのに、グラデーションがくすんでしまうことはありませんか? 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するためにどうすればよいのか、紹介します。 Photoshopなどのデザインツールだけでなく、CSSのグラデーションにも使用できるテクニックです。 The “Gray Dead Zone” of Gradients 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カラーのグラデーションについて、Erik D. Kennedy氏が興味深い現象を指摘しています。2つのカラーを使用したグラデーションで、その2つのカラーを結ぶ線がカラースペース内で彩度ゼロの中央を通ると、グラデーションに「グレーのデッドゾーン」が生じます。

              グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法
            • スズキ、新型「スイフト」は5ナンバーサイズキープ 価格は172万7000円から

                スズキ、新型「スイフト」は5ナンバーサイズキープ 価格は172万7000円から
              • ダークモードの需要は意外と侮れない。メモアプリへのレビューから見えてくる「眩しさ」への拒否感、ダークモード搭載の安心感

                みねたけ@個人開発と投資やってる @MinetakeT 平日の昼間から映画見てビール飲んで温泉に入りたい♨️ |  iOSアプリ開発(22本リリース!)| Swift,Go,Java,Python,いろいろ! | 日本株、米国株、不動産投資やってる | From. 20231009 appstore.com/yasuhirokojima

                  ダークモードの需要は意外と侮れない。メモアプリへのレビューから見えてくる「眩しさ」への拒否感、ダークモード搭載の安心感
                • VARMILO(アミロ)|メカニカルキーボードのカスタマイズ・オーダーメイド

                  親愛なるプレーヤー: 8月23日から9月1日までのオーダーは、9月1日より受付を開始します。発送は9月8日を予定しておりますので、ご不便をおかけいたします。

                  • 赤いドコモが青くなる日 携帯事業の苦境で強まる警戒 - 日本経済新聞

                    【この記事のポイント】・「NTTの社員という自覚はない」・揺らぐ通信品質・青いドコモに現実味NTTの完全子会社になったNTTドコモが再スタートを切って1年が過ぎた。サービス会社に転身して自主独立を保とうともがくが、売りだった通信品質にも陰りが見える。これに満足していないのがNTTで、さらに一体運営を強めようとする可能性もある。その先に見えてくるのは、コーポレートカラーを塗り替える「青いドコモ」だ

                      赤いドコモが青くなる日 携帯事業の苦境で強まる警戒 - 日本経済新聞
                    • CSSの新しいプロパティ「accent-color」が便利!今までできなかったフォーム要素のカラーを簡単に変更できる

                      フォーム要素のチェックボックス・ラジオボタン・レンジスライダー・プログレスバーのカラーを簡単に変更できるCSSの新しいプロパティ「accent-color」の基礎知識と使い方を紹介します。 CSS accent-color by Adam Argyle, Joey Arhar 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しいプロパティ「accent-color」 「accent-color」にサポートされている要素 コントラストの確保 他の要素のカラーを変更するCSS 今後の可能性 CSSの新しいプロパティ「accent-color」 現在のHTMLフォーム要素は、カスタマイズが難しいと言われています。カスタムスタイルをほとんどまたはまったく使用しないか、inputのスタイルをリセットして一から作り直すかのどちらか

                        CSSの新しいプロパティ「accent-color」が便利!今までできなかったフォーム要素のカラーを簡単に変更できる
                      • GitHub - dandavison/delta: A syntax-highlighting pager for git, diff, grep, and blame output

                        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 - dandavison/delta: A syntax-highlighting pager for git, diff, grep, and blame output
                        • この画像の2つの球体、青と緑に見えるけど実は同じ色らしい……本当?→拡大、ドット&背景の色抜きなどで検証してみると……

                          David Novick @NovickProf Two-color Munker illusion with small dots over large spheres, which appear to be blue and green but have exactly the same base color (RGB 49,255,233). Shrinking the image increases the effect. Original png file is at bit.ly/2O74l2I. pic.twitter.com/IoOmvBa3Va 2019-05-28 12:20:56

                            この画像の2つの球体、青と緑に見えるけど実は同じ色らしい……本当?→拡大、ドット&背景の色抜きなどで検証してみると……
                          • あれ、私…余った紫芋で美味しいシチューを作ってたはずなんだけどな…?「あのマンガあるあるの魔料理の謎が解けた」

                            H3R0 @Heroncho_zund 材料はTOMiSさんの紫芋フレークを使って、 ホワイトソースから手作りです。 ぜひお買い求めください(・ิω・ิ) pic.twitter.com/lhi70sltjF 2021-10-11 19:01:41

                              あれ、私…余った紫芋で美味しいシチューを作ってたはずなんだけどな…?「あのマンガあるあるの魔料理の謎が解けた」
                            • あなたのCSS力の助けになってくれる素晴らしいWebサイト12選 - Qiita

                              以下はAman Varma( Twitter / GitHub / stackoverflow / Webサイト )による記事、12 Super websites to help you with your CSS problems ☺の日本語訳です。 12 Super websites to help you with your CSS problems ☺ これらは、あなたのCSSをより楽しく簡単に装飾してくれる、そしてもしかしたらあなたが躓いているCSSの問題の多くを解決してくれるかもしれないWebサイトたちです。 1. Pixel art あなたもきっとピクセルアートが好きに違いありません。 90%の人はpngでピクセルアートを書いてサイトに追加していると思いますが、でもそのピクセルアートをCSSで書けたらもっといいと思いませんか? そこでPixel Art to CSSです。 書

                                あなたのCSS力の助けになってくれる素晴らしいWebサイト12選 - Qiita
                              • 植物の葉の色はなぜ緑色か? - tsujimotterのノートブック

                                夏です。木々の緑が鮮やかな季節がやってきました。 [tsujimotterの母校、北大にて撮影] 植物の葉を眺めてると、私はいつもこんな疑問を思い浮かべます。 どうして緑色なのだろうか? 色は、私たちは幼い頃から知っている身近な存在です。その一方で、とても神秘的な存在でもあります。 色とは何だろうか? 考えれば考えるほど、その正体が分からなくなってしまうのです。 たとえば、みなさんは色の仕組みに関するこんな問いに答えられるでしょうか? ・空の色が青色なのはなぜだろう?(太陽の光は白色のはずなのに) ・絵具を混ぜて金色が作れないのはなぜだろう?(そもそも金色っていったい何なのだろう) ・モルフォチョウの翅の色がきらびやかな青色をしているのはなぜだろう?(自然界には青色をした物質はほとんどない) 今回考えたいのは「植物の葉はなぜ緑色なのか?」です。 この問いを突き詰めていくと、分子の中にある電

                                  植物の葉の色はなぜ緑色か? - tsujimotterのノートブック
                                • ティム・クックCEOが思わずうなる、アップルブラックを生み出したこだわり

                                  「おお!これが!」 Appleのティム・クックCEOは、カッと目を見開いた後に満面の笑みを浮かべた。そして右手をポケットへと伸ばすと、自分のiPhone 11 Proを取り出してその背面を指差した。 クックCEOをうならせた工業用インキ 彼がのぞき込んでいたのは、緑色の液体が入った釜だ。実はこの液体、2019年発売のiPhone 11 Pro、同11 Pro Maxから採用された新しいカラーバリエーション、「ミッドナイトグリーン」を描き出すのに使われているインキだ。 「グリーン」というと、世界中の多くの人が、環境意識を象徴する色だと思っているかもしれない。 しかし、皮肉なことに緑色のインキの多くは実は環境に悪い。 通常、緑色は臭素を使って作り出すが、これは処理を間違えるとダイオキシン発生につながるハロゲン化物だ。 以前は鉛で黄色を作り、青色を混ぜていたが鉛も環境に悪い。 環境に良い、極めて

                                    ティム・クックCEOが思わずうなる、アップルブラックを生み出したこだわり
                                  • 青と黄を混ぜると「きちんと」緑色になるお絵かきデジタルツール 油絵や水彩画などのデジタル再現に活用【研究紹介】

                                    青と黄を混ぜると「きちんと」緑色になるお絵かきデジタルツール 油絵や水彩画などのデジタル再現に活用【研究紹介】 2022年1月21日 チェコ工科大学の研究チームが開発した「Practical Pigment Mixing for Digital Painting」は、実際の絵具が混ざったような色を表現できるペイントデジタルツールだ。これまでと違い、忠実度の高い混色を出力し、油絵、パステル画、水彩画などのスタイルをリアルに描ける。 keyboard_arrow_down 先行研究 keyboard_arrow_down 実証実験 keyboard_arrow_down 実験結果 青色と黄色を混ぜると緑色になることはよく知られているが、Adobe PhotoshopやProcreateなどの従来のペイントソフト/アプリでは、緑色にならずに灰色っぽくなる。これは、青と黄の光を同じ場所に当てると白

                                    • Webのダークモードを実現するには - freee Developers Hub

                                      こんにちは、freeeのUXチームでデザインシステム “Vibes” を作っている id:ymrl です。 ダークモード流行ってますよね。私は最初はしっくりこないなと思っていたんですが、食わず嫌いは良くないと思って試しているうちに、いつの間にかダークモードのほうが落ち着くようになってしまいました。 そしてそうなってくると、だんだん「自分たちの作っているWebサービスもダークモードに対応するべきなのか?」という気持ちになってきてしまい、最近はずっとダークモードのことを考えています。ということで今回はダークモードをやるべきなのか、実現する方法はどうなっているのか、UIデザインで気をつけるべき点何かというのを考える記事を書いてみます。 ※「ダークモード」はApple製品で使われている呼び方で、Androidでは「ダークテーマ」と呼ばれていて、Windowsでは「ダーク○○」のような呼び方をしてい

                                        Webのダークモードを実現するには - freee Developers Hub
                                      • 色彩検定1級がオススメする 🎨 配色Webツール5選 - Qiita

                                        こんにちは。ちょっと自分でもどこを目指しているのかわからない 1 あずきしろもち(@azukisiromochi) です。 今回は 配色Webサービス のお話。 ターゲットとしては 「色彩学とか配色理論とかどうでもいいから、手軽にそれっぽい配色を決めてくれるツールはよ!」 って感じで、配色には時間をかけず、(コーディングなどの)本題に時間を掛けたいという層です。 ということで、難しい操作なく配色を決定できるツールを紹介していきます ❗ Random material palette 概要・使用感 クリックするだけでランダムな3色配色を生成してくれる Web サービス。 配色を確認できるテンプレートも複数あり( Text template 、Card template 、 Vertical template ……)、用途に合わせて利用できるのも Good ! また、クリックで生成された配色は

                                          色彩検定1級がオススメする 🎨 配色Webツール5選 - Qiita
                                        • new.css

                                          Write modern websites using only HTML. This site is made from vanilla HTML and the default new.css theme. View Source new.css is a classless CSS framework to write modern websites using only HTML. It's ~4.5kb. It's perfect for- A dead-simple blog Collecting your most used links Making a simple "about me" site Rendering markdown-generated HTML The web was made for semantic HTML—let's start using it

                                            new.css
                                          • My favorite CSS hack

                                            There is one CSS snippet that I have been copy-pasting for 5 years: * { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } * * * * { background-color: rgba(255,0,255,.2); } * * * * * { background-color: rgba(0,255,255,.2); } * * * * * * { background-color: rgba(255,255,0,.2); } * * * * * * * { background-color: rgba(255,0

                                              My favorite CSS hack
                                            • PLAY OF COLOR/2021年6月期JUMP新世界漫画賞 - ミコマコト | 少年ジャンプ+

                                              JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。

                                                PLAY OF COLOR/2021年6月期JUMP新世界漫画賞 - ミコマコト | 少年ジャンプ+
                                              • Why are hyperlinks blue? | The Mozilla Blog

                                                The internet has ingrained itself into every aspect of our lives, but there’s one aspect of the digital world that I bet you take for granted. Did you ever notice that many links, specifically hyperlinks, are blue? When a co-worker casually asked me why links are blue, I was stumped. As a user experience designer who has created websites since 2001, I’ve always made my links blue. I have advocated

                                                  Why are hyperlinks blue? | The Mozilla Blog
                                                • 【CSS】アニメーションで動く見出しをCSSで作ってみる! - mlog

                                                  今回は、CSSを使って見出しにアニメーションをつけてみたいと思います! 最初に、ベースとなるCSSコードを紹介した後、アニメーションのパターンをいくつか紹介していきます。 目次 ブログで使用する場合は はてなブログの場合 ベースコード 表示の確認 アニメーションパターン 見出しの背景色を変えてみる! 見出しを回転させてみる! ゲージ風のアニメーションをつけてみる! まとめ ブログで使用する場合は ご利用のブログがHTML記述に対応している場合は、紹介するCSSを<style>と</style>で囲んで記述してください。 ※ CSS用の入力欄がある場合は<style>と</style>の囲みなしで記述してください。 HTMLコードについては、そのまま入力でOKです。 はてなブログの場合 以下の記事ではてなブログでCSSを使う方法をまとめています。 今回の内容をはてなブログで試す場合は、上記の

                                                    【CSS】アニメーションで動く見出しをCSSで作ってみる! - mlog
                                                  • Markdownでスライドを作るツールのFusumaのv2をリリースをしました - 技術探し

                                                    リポジトリ: github.com 今回の変更では、面倒事を減らしスライド作成に集中できるようにすることを目標にしていました。 Fusumaとは? #0CJS MDX(Markdown + JSX(optional)) を使いスライドを作れる プレゼンターモードの提供(なぜかTwitter流せたりや落書きもできる) 音声録音とスライドの操作記録を保存できる github pagesへのデプロイがメインで、pdfでも出力可能 大きな変更 og:imageを自動生成/設定するようにしました ogp用に画像を設定するのがめんどくさいという意見があり、自動的に生成するように追加しました。現在はスライドの1ページ目を画像化しています。 ユーザー側へCSS Variablesを提供しました v1では、publicで外に出さずに自由にcssを書いてもらうようにしていましたが、0から書くのはめんどくさい部

                                                      Markdownでスライドを作るツールのFusumaのv2をリリースをしました - 技術探し
                                                    • 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge

                                                      Webページを実装する際、そのページを表示するブラウザが各HTML要素にデフォルトでどのようなスタイルが適用されているか知っておくのは大切なことです。 Chrome, Safari, Firefox, Edge 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetを紹介します。 例えば、p要素にはdisplay: block;が定義されており各ブラウザでmarginの数値が異なります。また、h1要素は単独で使用した場合とsection要素などの子要素で使用した場合ではmarginの数値が異なります。 /* * The default style sheet used to render HTML. * * Copyright (C) 2000 Lars Knoll (knoll@kde.org) * Copyright (C) 2003, 2004, 20

                                                        各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge
                                                      • 色覚多様性(色覚異常)の見え方を Chrome DevTools でシミュレーションする | DevelopersIO

                                                        去年にアップデートされた Chorome 83 以降、拡張やアプリなどを導入することなく、DevTools で簡単にシミュレートすることが可能になっています。 手順 DevTools のメニューを開きます。 More tools から Rendering を選択します。 あとは Emulate vision deficiencies で選択するだけです。 シミュレーションできる種類 実際に DevelopersIO のロゴがどう見えるのか、それぞれの選択肢でどうみえるようになるのか確認してみました。 選択肢名 サンプル画像

                                                          色覚多様性(色覚異常)の見え方を Chrome DevTools でシミュレーションする | DevelopersIO
                                                        • ダークモード時の画像の扱い方

                                                          2023年2月7日 CSS, Webサイト制作 以前から個人的にダークモードの対応を推奨しています。基本の書き方は過去記事「Webサイトをダークモードに対応させよう」を読んでもらうとして、今回は画像まわりのダークモード実装方法を中心に紹介します! ↑私が10年以上利用している会計ソフト! 画像の明度や彩度を落とす 明るい背景色の場合、画像は鮮やかで明るい色合いが目に止まりやすいですよね。しかしダークモードでは、まわりが暗くなるので画像だけ派手に眩しく見えてしまいます。そこで、CSSの filter を使って、ダークモードのときは明度や彩度を調整するといいでしょう。 実装するには filter プロパティーに、明度は brightness() 、彩度は saturate() を指定します。カッコの中にパーセントで割合を書けば完了。明度・彩度両方指定するなら以下のように値を続けて書きます。 @

                                                            ダークモード時の画像の扱い方
                                                          • 再レンダリングを検知するコード

                                                            いつも再レンダリングを確認するときは Chrome の DevTool から Profiler 立ち上げて、'Highlight updates when components render.' のチェックを入れていたのですが、それやらなくても良いじゃんということに気づいたのでメモ。 import * as React from "react" import { StateContext } from "./app" export const Count = () => { const context = React.useContext(StateContext) const getColor = () => Math.floor(Math.random() * 255) const style = { color: `rgb(${getColor()},${getColor()},${

                                                              再レンダリングを検知するコード
                                                            • UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント

                                                              iPhoneやAndroidでもダークテーマが採用され、ダークテーマが注目されています。サイトやアプリをダークテーマ対応にするには、単純に色合いを反転するだけではありません。読みやすく、バランスのとれた、快適なダークテーマをデザインする時に気をつけたいポイントを紹介します。 How to design delightful dark themes by Teresa Man 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ダークテーマをデザインするポイント1. 奥の面を暗くする ダークテーマをデザインするポイント2. 知覚コントラスト ダークテーマをデザインするポイント3. 明るい色の大きなブロック ダークテーマをデザインするポイント4. ブラックとホワイト ダークテーマをデザインするポイント5. カラーを濃くする 快

                                                                UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント
                                                              • 濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール

                                                                デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基本ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう? グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅

                                                                  濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール
                                                                • どんなふうに見えてるの? 色覚に配慮したUI設計事例 #UI

                                                                  ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 初めまして。Yahoo! JAPANでAthenzというOSSセキュリティプラットフォームの運用・開発を行っている松本拓也です。 唐突ですが、私は色覚異常です。今回は私が見ている色について、どんなふうに見えているのか、少しでも理解していただけたらと思います。そして、それを踏まえてYahoo! JAPANのアクセシビリティーの取り組みを簡単に紹介します。 色覚異常ってどういうもの? 色覚異常という症状についてどれほどご存じでしょうか? 色覚異常は色を見る能力に何かしら異常があることを示し、色が見えなかったり、わからないという症状があります。(今回は色覚異常に伴う視力異常については触れません)色覚異常は男性の5%程度に見られ(このあと

                                                                    どんなふうに見えてるの? 色覚に配慮したUI設計事例 #UI
                                                                  • AIの力でイケてる配色を生み出すカラーパレットジェネレーター「Huemint」レビュー

                                                                    ロゴやウェブサイトの配色決めにおいては、パーツ単体で見たときに良さそうでもいざ実際に配置してみると「思った感じと違う……」と難航しがちです。そんな時、AIの力でカラーパレットを作成してくれるサイト「Huemint」は自動で良さげな感じに仕上げてくれるうえに、利用する際のイメージを分かりやすいプレビューで用意してくれる非常に便利なサイトということで、実際にその使い勝手を試してみました。 Huemint - AI color palette generator https://huemint.com/ サイトにアクセスするとこんな感じ。「Launch」をクリックします。 するとブランドロゴのページに移動しました。AIの選んだ4色を使った場合のイメージが右側に表示されています。下にスクロールしてみると…… 生成された配色が合成されたイメージ画像が表示され、製品に表示したときのイメージが分かりやす

                                                                      AIの力でイケてる配色を生み出すカラーパレットジェネレーター「Huemint」レビュー
                                                                    • 配色 - デザインツール | お道具箱 for Web

                                                                      color-sample.com豊富なカラーサンプルをランダムに表示。選択したカラーの彩度や明度も調べることができる。

                                                                        配色 - デザインツール | お道具箱 for Web
                                                                      • 最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients

                                                                        プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。

                                                                          最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients
                                                                        • Chrome DevToolsのRenderingタブを活用しよう | フロントエンドBlog | ミツエーリンクス

                                                                          Chrome DevToolsにはさまざまな機能が搭載されています。そのうちの1つ「Rendering」には、ページのレンダリングパフォーマンスを視覚化する機能や、さまざまな見え方を疑似的に再現する機能が含まれています。 サイトのレンダリングパフォーマンス改善の取り組みに活用できる、こちらのRenderingタブ内の各機能についてご紹介します。 利用方法と各機能について Renderingタブはデフォルトだと非表示になっており、利用するにはまず次のいずれかの方法で表示する必要があります。 Chrome DevToolsを開いた状態でWindowsではCtrl+Shift+P、MacではCommand+Shift+Pを押して表示されるコマンドメニューに「Rendering」と入力し、「Show Rendering」を選択 Chrome DevTools内の三点ドットから「More tools

                                                                            Chrome DevToolsのRenderingタブを活用しよう | フロントエンドBlog | ミツエーリンクス
                                                                          • これ便利!Web、UIデザインの配色カラーパレットツール7個まとめ

                                                                            ウェブには数多くの素晴らしい配色カラーツールがありますが、この記事では、UIデザインに便利なカラーツール7つをご紹介します。 ユーザーインターフェースの色を選択するには、グラフィックデザイン向けプロジェクトとは異なる用意が必要となることに注意しましょう。UIデザインには、さまざまなバリエーションと色を持つ包括的な配色セットが必要なだけでなく、色がユーザークエスペリエンスにどのように影響するのかも検討する必要があります。 デザインにおいてもっとも重要な要素のひとつである「配色」を、見栄えを良くするだけでなく、効果的に選ぶことができるカラーツールをまとめています。 【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ UIデザインで重宝する配色カラーツール7個まとめ 1. Accessible color palette builder プロダクトデザインに

                                                                              これ便利!Web、UIデザインの配色カラーパレットツール7個まとめ
                                                                            • ImageMagickでSlackのカスタム絵文字のダークモード対応する - hitode909の日記

                                                                              こういうSlackのカスタム絵文字があるとして、背景が透過されているのでダークモードを使っていると黒背景に黒文字になってしまい見えない。 透過部分に白いシャドウを入れられるとよくて、ImageMagickを使うと1コマンドでシャドウを入れることができる。 convert original.png \ \( +clone -background white -shadow 100x8+0+0 \) \ -background none -compose DstOver -flatten -compose Over \ out.pngドキュメント的にはこのあたり。暇なときにImageMagickのUsageをひたすら見ておくと、これImageMagickのUsageで見たやつだと進研ゼミ的に思い出せて便利。 Bluring and Sharpening -- IM v6 Examples 白い

                                                                                ImageMagickでSlackのカスタム絵文字のダークモード対応する - hitode909の日記
                                                                              • シャア専用ルーターとガンダムルーターが2月5日に発売

                                                                                  シャア専用ルーターとガンダムルーターが2月5日に発売
                                                                                • Go 1.17連載が始まります: コンパイラとgo mod | フューチャー技術ブログ

                                                                                  また毎回恒例のGo 1.17リリースパーティも開催予定です。ぜひご参加ください。 コンパイラ関数呼び出しが5%高速化1.16の時に予告されていたレジスタベースの関数呼び出しが入りました。呼び出し速度が5%、バイナリサイズが2%改善されました。特にコードの変更なく恩恵に授かれます。 あとはpanic時のスタックトレースの表示が改善され、今まで16進数で表示されていたのが改善されたらしいのですが、よくわかりませんでした。16進数は出なくなりましたが、試したが、…となるだけでした。 クロージャを含む関数がインライン展開されるようにもなりました。これもコード修正必要なく、パフォーマンスアップにつながる可能性があります。 なお、unsafeで怪しく引数を触ったりするとトラブルが発生する可能性がありますが、通常のGoの使用方法では問題になることはなさそうです。 build constraintのコメン

                                                                                    Go 1.17連載が始まります: コンパイラとgo mod | フューチャー技術ブログ