同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
先週末の動員ランキングは、『シン・エヴァンゲリオン劇場版』が、土日2日間で動員32万9999人、興収5億2801万7500円をあげて、初登場2位の『モンスターハンター』にダブルスコア以上の差をつけて3週連続1位に。前週の週末との興収比では約78％と、新たな来場者プレゼントの効果もあって下げ止まりの傾向も見られ、3月28日までの21日間の累計では動員396万1480人、興収60億7821万1750円を記録している。 さて、『シン・エヴァ』については、第一報として公開日翌日に書いた3週前に「『シン・エヴァ』、緊急事態宣言下ながら興収100億円超え確実のロケットスタート」と冠した予想記事をアップしてしまった以上、そろそろ落とし前をつけなくてはいけない。「興収100億円超え」の可能性はまだわずかに残っているものの、「確実」はやはり言い過ぎだった。さらに、その文中ではこっそり（と言いつつ、しっかり各
7月14日、宮﨑駿監督の最新作『君たちはどう生きるか』が公開された。宮﨑氏が引退宣言をした前作『風立ちぬ』以来、10年ぶりの長編で、公開17日間で興行収入は46億円を突破。事前に公開された作品情報は「ポスター1枚」のみという、異例のマーケティングが注目を集めた格好だ。 月刊「文藝春秋」は、『君たちはどう生きるか』で作画監督を務めた本田雄氏（55）に制作の舞台裏を独占インタビュー。およそ2時間に渡り、本田氏が語りつくした「宮﨑駿監督との真剣勝負」が8月10日（木）発売の2023年9月号、および「文藝春秋 電子版」（8月9日公開）に掲載される。 『僕にとっては最後の作品になるかも知れない』と言われると断れない 本田氏は、庵野秀明監督の「エヴァンゲリオン」シリーズを担当してきた名うてのアニメーターだ。今回、庵野氏率いるアニメ制作会社カラーからスタジオジブリへの“移籍”については、まず最初に、宮﨑
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
エヴァンゲリオン公式サイト News
初めに、この度の新型コロナウイルス感染症(COVID-19)被害に遭われた皆様へ、心よりお見舞い申し上げます。また、今現在も対応に当たられている医療従事者、その関係者の皆様へも感謝と敬意を表します。 再延期の発表以降、検討を重ねました結果、『シン・エヴァンゲリオン劇場版』の公開日を西暦2021年3月8日（月）に決定しました。 緊急事態宣言発出より、皆様が安心して本作をご覧いただける時期に向け、関係各所と様々な検討と準備を進めてまいりましたが、継続的に各劇場にて有効な感染対策がなされていること、さらに感染リスクを軽減する新たな鑑賞マナーの定着に鑑み、今回の決定に至りました。 現時点で緊急事態宣言発出中の地域がある状態ではございますが、公開にあたり劇場などでの準備が必要となるため、本日発表の運びとなりました。ご理解賜れますと幸甚に存じます。 ご鑑賞の際は各劇場での感染対策へのご協力をお願い申し
下記にて、『ヱヴァンゲリヲン新劇場版：序、：破、：Ｑ』の無料開放を行います。今回はエヴァ公式アプリに加え、カラー公式YouTubeチャンネルでも公開予定です。さらに、ご自宅で過ごす時間が長い今、より楽しんで頂けるよう、オーディオコメンタリー企画も進行中です。 ◆公式アプリ「EVA-EXTRA」 期間：4月18日(土)12：00〜4月30日(木)23：59 ※通常公開に加え、オーディオコメンタリー企画も準備中！ ◆YouTube ※株式会社カラー公式チャンネルで配信します 期間：4月20日週内開始予定 ※4月20日20時無料開放スタートしました！ 『新世紀エヴァンゲリオン』『新世紀エヴァンゲリオン 劇場版』はNetflixにて全世界配信中！
いろいろな色の日本語での名前、英語での名前、日本の伝統色の名前をはじめ世界の伝統色の名前などが分かるサイトを紹介します。 トレンドカラー 日本での色の名前、日本の伝統色の名前 世界での色の名前、世界の伝統色の名前 トレンドカラー まずおさえてきたいのは、最新のトレンドカラー。 2023年のトレンドカラーは鮮やかで紫がかったレッドの「ビバ マゼンタ（Viva Magenta）」、世界でもっとも明るい染料の一つコチニールの赤にインスパイアされたカラーです。
2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要
株式会社カラー on Twitter: "1/5) 先日発表した『エヴァンゲリオン』のファン創作物についてのガイドラインについて、その一部分だけが切り取られ、意図が歪んで伝わってしまっていると感じるので、少し補足したいと思います。 まず、このガイドラインはファン活動をそ… https://t.co/tcL4uzIvj1"
1/5) 先日発表した『エヴァンゲリオン』のファン創作物についてのガイドラインについて、その一部分だけが切り取られ、意図が歪んで伝わってしまっていると感じるので、少し補足したいと思います。 まず、このガイドラインはファン活動をそ… https://t.co/tcL4uzIvj1
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
三崎律日 @i_kaseki 官公庁作成資料特有の、ハッチングマシマシのダサいグラフ、なんで一様にあんな感じなのかと思ったら、色弱の人への配慮の為のガイドラインがあるからだそうだ。バリアが見えていないのは俺の方だった。 pic.twitter.com/7XSTxsoTpX 2020-02-10 12:10:43
Webサイトをダークモードに対応させよう
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ ↑私が10年以上利用している会計ソフト！ とにかく夜間見えづらい！ 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわ
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
AIによる便利ツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む
Web制作を変える！2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール（16個） 🧰 Webデザイン便利ツール（19個） 🦄 デザインツール
デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードできるIconerを紹介します。 当ブログでもこれらのアイコン素材を紹介してきましたが、すべてを一覧できるので、比較して自分にぴったりのアイコン素材を見つけることができると思います。また、アイコンのダウンロードも簡単なので、非常に便利です。
「エヴァンゲリオン」シリーズの完結作、「シン・エヴァンゲリオン劇場版」の上映時間が2時間34分であることが、映画倫理機構（映倫）の公式サイトで判明しました。また、レーティングは年齢にかかわらず誰でも鑑賞できる「G」区分となっています（※下記の【追記】【訂正】をご参照ください）。 【追記】映倫は2月16日にサイト上から当該記述を削除。2月19日に「未確認情報を権利元の承諾を得ずに掲載しましたことをお詫び申し上げます」として謝罪文を掲載しました。（2月19日19時46分）／【訂正】「シン・エヴァンゲリオン劇場版」の公開日が3月8日に決定。上映時間が2時間35分であることがカラーの発表により分かりました（2月26日22時20分） 「シン・エヴァンゲリオン劇場版」公式サイトより 2020年10月には「『シン・エヴァ』6時間説」なる誤ったうわさが流れ、カラー公式が否定する一幕もありましたが、蓋を開け
VS Codeがどんどん便利になっていきますね。 先日のv.1.60のアップデートで、ブラケットのカラー化に対応しました！ VS Codeの設定を変更するだけで、開始と終了のブラケットをセットで同じカラーにします。今までは機能拡張を入れないとできなかったことが、ネイティブ対応したのは朗報です。 Visual Studio Code: August 2021 (version 1.60) 自動言語検出 - VS Codeにペーストする際にプログラミング言語を検出します。 ビルトイン高速ブラケットカラー化 - 大規模ファイルでも高速にブラケットのマッチングとカラー化。 設定エディタのシンタックスハイライト - 設定のコードブロックでリッチなシンタックスハイライトに対応。 ターミナルでグリフのレンダリング - ボックス描画とブロック要素文字の表示が改善。 デバッグウォッチ値の設定 - デバッグセ
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。
コツコツと開発を続けてきた、テキストエディター向けの色テーマ「Iceberg」。開発6年目にして、とうとうGitHubのスター数が1,000を越えました！めでたい🎉🎉🎉
もっとも注目されたUIデザインのテクニックの総まとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.
現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降の新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS3以降の新機能 CSSワーキンググループ これから登場する新機能 はじめに 「CSS3」はCSSにとって大成功でした。たくさんの新機能がリリースされ、素晴らしいものばかりでした。CSSグラデーション、CSSアニメーション、border-radius、box-shadow、transform、などたくさんあります。さらに、CSS
ゲーム内の色違いアイコンについて
よくあることなんだけど、同じマークなのに効果が違うのなんでだろうって思ってたら、実は色違いでしたってことがよくある。 理由は自分が色弱だからなんだけど、影響が小さいものだとゲームの終盤まで、下手したら終わっても気づいてないものっていうのが多くあるんだろうなって思う。 パズルゲームみたく色の見分けがつかないとそもそも満足にプレイできないゲームとかならさっさと諦めるからいいんだけど、アクションゲームとかRPGとかだとそれに気が付かなくてもなんとかなってしまうことが多くて、勝手に苦労しておいてからあとになってそんな簡単なことだったのか！って気づくことはよくある。 ゲームだからいいけど、世の中でも色に頼ればもっと近道できることがあったんだろうなって思うと、色々と心がざわつく。 デザインコストがかさんでしまうかもしれないけど、やっぱり形状を変えてほしい。 それが無理なら、せめてモノクロに変えたときに
庵野はしばらく他社と特撮やるみたいだから庵野新作のアニメはない そうなると鶴巻ほかの監督作ってことになるとおもうけど、いきなり鶴巻のオリジナルをやるような冒険はできない なので、次やるとしたら鶴巻解釈のエヴァ2。 これだと庵野作品は当たるけど他の監督の続編は当たらなくて苦しくなる、苦しいから頼みのエヴァで謎コラボ連発してファンが離れる、っていうガイナックスと同じ道を歩むよな。 カラーを存続させたいならすぐに庵野作品をやるべきだと思うが、どうか。 （追記） 『龍の歯医者』が大ヒットした世界線にいる人がいるようですね。おめでたいですね。 （追記） みんな何の根拠もなく「ガイナックスとは違ってカラーは大丈夫！」って思っているんだね。でも、根拠のない展望はただの願望だよ。おめでたいですね。 （追記） 新海監督の連続ヒットに鬼滅大ヒットにエヴァも大ヒット、アニメ映画の企画通りやすすぎる今何いってんだ
先日、当ブログで紹介したThe State of CSS 2020（紹介記事）に使用されているホバーエフェクトが話題になっていたので、紹介します。 テキストリンクをホバーすると、ラインを引くまでは普通のアニメーションですが、ホバーを外した時に通常とは逆方向で元の状態に戻ります。 ラインが一方向にスーッと通り過ぎるような感じです。
Webページでよく見かけるUIコンポーネント、ヘッダ・フッタ・ヒーロー・ギャラリー・ステップ・お問い合わせなどをTailwind CSSですぐに実装できるコードをまとめたtailblocksを紹介します。 それぞれのUIコンポーネントにはさまざまなバリエーションもあり、スマホ・タブレット・デスクトップでの表示、ライトモード・ダークモード、テーマカラーの変更など、非常に便利です。 tailblocks -GitHub tailblocksの特徴 tailblocksのデモ tailblocksの特徴 tailblocksは、Tailwind CSSですぐに実装できるUIコンポーネントをまとめたものです。Tailwind CSSはUIコンポーネントをカスタマイズするためのユーティリティとなるclassを提供するCSSです。 参考: Tailwind CSSの便利な使い方、レイアウトやUIコンポ
エヴァンゲリオン公式サイト News
9日より順次上映開始のお知らせを追記：『ヱヴァンゲリヲン新劇場版：Ｑ EVANGELION:3.333』上映一時見合わせのお知らせ 本日1月8日（金）から公開を予定しておりました『ヱヴァンゲリヲン新劇場版：Ｑ EVANGELION:3.333』のIMAX®上映素材において、株式会社カラーの納品した映像、音声素材に対し、IMAX®仕様への仕上げ作業をおこなった際、IMAX®社作業過程において一部音声トラックの未反映による重大な作業不備が発覚したため本来あるべき作品としてお客様へご鑑賞いただくことができない事態が判明いたしました。 ついては本日1月8日（金）からの上映を一時見合わせることとなり、上映を楽しみにお待ち頂いていた皆様には誠に申し訳なく、心よりお詫び申し上げます。 上映の目処が立ちましたら、改めてお知らせを致します。 ＜すでにチケットをお買い求めいただいたお客様へ＞ お買い上げ頂きま
モダンCSSで実装する、ボーダーをアニメーションさせるテクニックを紹介します。矩形のHTMLはdiv要素1つだけ、ボーダーがどのようにアニメーション化されているのか、その仕組みが視覚的に分かるデモもあります。 CSS border animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもとづいて翻訳しています。 はじめに CSSにおけるボーダーの設定 ボックスモデルの保持 ボーナスコンテンツ: border-image 終わりに はじめに ボーダーをアニメーションさせるCSSのテクニックを紹介します。 ボーダーをアニメーションさせる仕組み CSSにおけるボーダーの設定 CSSで要素にボーダーを実装するには、border, outline, box-shadowの3つのプロパティがあります。Modern CSS Solutionsで詳しく説
株式会社カラー on Twitter: "現在、庵野秀明がアニメ作品の企画をしているという内容についてのニュース記事が出ていますが、そのような事実はございません。 また、弊社関係者はこのような週刊誌やネット記事に対し、過去も現在も一切の取材を受けておりません。 正式に取材をお受けした企画に対しては公式に告知しております。"
現在、庵野秀明がアニメ作品の企画をしているという内容についてのニュース記事が出ていますが、そのような事実はございません。 また、弊社関係者はこのような週刊誌やネット記事に対し、過去も現在も一切の取材を受けておりません。 正式に取材をお受けした企画に対しては公式に告知しております。
美容室で『〇〇カラー』ってあるじゃないですか、あの解説を載せます「予約するとき悩んでたのでありがたい」「なんの違いもないと思ってた」
りょう｜美髪のプロ @ryoyano0701 ぼくは美容師だけど、業界の「これくらい分かるでしょ感」が昔から好きじゃない。おしゃれは背伸びしなくていい。専門用語おおすぎる。ヘアカラーの名前も種類も。もっと一般のひとに向けて分かりやすく、ハードルを下げる。美容師から寄り添う。誰もが美容を楽しめるということを伝えていきたい。 2022-05-25 18:26:49
光文社新書『AIとカラー化した写真でよみがえる戦前・戦争』から、終戦前後の様子を伝える10枚を紹介する。
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する方法を紹介します。 Dark Mode — Working with Color Systems by Søren Clausen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 色に役割を割り当てる カテゴリ 1: 色合い カテゴリ 2: 背景 カテゴリ 3: 前景要素 その他の場合 色の割り当て ダークモードへの対応 Sketch用のカラーシステム 色に役割を割り当てる すべてのシステムがそうであるように、最も重要なことは根拠です
初めに、この度の新型コロナウイルス感染症(COVID-19)被害に遭われた皆様へ、心よりお見舞い申し上げます。また、今現在も対応に当たられている医療従事者、その関係者の皆様へも感謝と敬意を表します。 この度、新型コロナウイルス感染症(COVID-19)拡大の状況、並びに日本政府による緊急事態宣言の発出という事態を重く受け止め、慎重に検討を重ねて参りました。 その結果、感染拡大の収束が最優先であると判断し、2021年1月23日（土）に向け進んでおりました、『シン・エヴァンゲリオン劇場版』公開を自粛し、再延期を決定いたしました。 なお、新たな公開日は皆様が安心して本作をお楽しみいただける時期を、慎重に検討中でございます。楽しみにしていただいている皆様には、再びお待たせしてしまう事となり、誠に申し訳なく、深くお詫び申し上げます。 今後の公開予定に関しましては、決定次第、速やかに『エヴァンゲリオン
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
手描きキャラクターに深層学習で影 カラーでも
Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 米メリーランド大学ボルチモアカウンティ校とProject HATによる研究チームが開発した「Learning to Shadow Hand-drawn Sketches」は、キャラクターに影を自動的に追加できる、深層学習を用いた手法だ。 影付きスケッチを直接生成するのではなく、スケッチとは別に影画像だけを生成しているのが特徴。このため、スケッチと影を別々のレイヤーにし、それぞれを別個に編集できる。生成した影はそのまま使用でき、より高い品質を望む場合にはユーザーがさらに修正できる。 提案モデルは、 GAN（Generative Adversarial Network）をベースに、2次元スケッ
Clubhouseでエヴァと庵野監督の話をしていたら反応したのが「中の人」だった→著名人への敬称をどう考えるかという問題に発展
動物豆知識bot @ykic_bot clubhouseで適当な部屋に入ったらエヴァの話をしていたので聴いていたらSpeakerにあげられたので、混ざって「庵野が！庵野が！」と激高したところ「呼び捨てはやめましょうね」と注意され「ガチ勢かな？」と思ったらスタジオカラーの人だったので背筋が凍った。 2021-03-10 11:35:53
Web制作者が知っておくと便利なCSSの小ネタ
CSSの進化はすごいですね🚀 一昔前はJavaScriptが必要だったり、トリッキーなCSSで記述しないとできなかったことが、1行もしくは数行のCSSで簡単に実装できるようになりました。 Web制作者が知っておくと便利なCSSの小ネタを紹介します。 CSS Tips by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スムーズなスクロールはたった1行のCSSで CSSだけでテキストを省略 複数行のテキストも省略できます 水平と垂直方向のすべてに中央揃え 影を画像のコンテンツのみに与える CSSでカーソルをSVGに変更 CSSだけでタイピングのエフェクト テキストのハイライトカラーを変更 どんな要素でもサイズを変更 CSSで実装するモーダル サイズ指定にcalc()関数が便利 空の要素をスタイ
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
2020年の流行色・トレンドカラーがPantoneから発表されました。 2020年のトレンドカラーは、宵の空を連想させる「クラシックブルー」、落ち着き、自信、つながりをもたらす安心感を与えるカラーです。 Pantone Color of the Year 2020 PANTONE 19-4052 Classic Blue 2020年に使用したいカラーの組み合わせ方 スウォッチ素材のダウンロード PANTONE 19-4052 Classic Blue 2018年のトレンドカラーは「Ultra Violet」で寒色系、2019年のトレンドカラーは「Living Coral」で暖色系でした。 PANTONE 19-4052 Classic Blueは人々の心に安らぎを与えるカラーで、集中力を高め、明快さをもたらします。また、こういった古典的なブルーは信頼、落ち着き、自信といった感情を具現化でき
『シン・エヴァンゲリオン劇場版』公開延期のお知らせ
初めに、この度の新型コロナウィルス感染症(COVID-19)被害に遭われた皆様へ、心よりお見舞い申し上げます。 この度、2020年6月27日(土)に公開を予定しておりました、『シン・エヴァンゲリオン劇場版』につきまして、新型コロナウィルス感染症(COVID-19)拡大による国内外の未曾有の事態を受け、慎重に検討を重ねた結果、公開日の延期を決定いたしました。 楽しみにしていただいている皆様へ、予定通り作品をお届けすべく尽力して参りましたが、このようなご報告となりましたこと、深くお詫び申し上げます。 今後の公開予定に関しましては、決定次第、速やかに『エヴァンゲリオン』公式サイト、公式SNSにてお知らせいたします。 なお、ご予約いただきましたグッズ付きムビチケカードにつきましては、延期した後の公開でもご使用いただけます。 受け取りなどの詳細は、ご予約いただきました各販売ページをご確認ください。
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。どのボタンをHTMLとCSSのみで作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在となっています。 JSもつかったよりクリエイティブなボタンエフェクトもあるので、プロジェクトに合ったボタンデザインを探してみましょう。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 現在37種類のボタンデザインが揃い、今後も定期的にアップデートしていきます。 CSSコピペで完成！押したくなるWebボタンデザインまとめ ユラユラと揺れる波ウェーブボタン まるで水面が揺れているようなエフェクトが特長のボタンエフェクト。 See the Pen Creative Wave Button
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
予想大外れ、興収100億に届きそうにない『シン・エヴァ』 反省しつつその理由を分析
《ジブリ“大型移籍”の真相》『君たちはどう生きるか』作画監督が初めて明かした宮﨑駿との制作現場 | 文春オンライン
Web制作を変える！2021年の便利オンラインツール・ベスト100選
『ヱヴァンゲリヲン新劇場版：序、：破、：Ｑ』無料開放のおしらせ
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
【第4弾】少しのコードで実装可能な10のCSS小技集
「この配慮はマジでありがたい」官公庁作成資料特有のダサいグラフは実は色弱の人へ配慮されたものだった
Web制作を変える！2022年の便利オンラインツール・ベスト110選
【追記】「シン・エヴァンゲリオン劇場版」の上映時間が判明 過去最長の「エヴァ」に
これは便利、VS Codeの設定を変更しよう！v.1.60のアップデートで、ブラケットのカラー化にネイティブ対応
自作カラースキームがGitHubで1,000スターを越えるまでの6年間の軌跡 - ここぽんのーと
現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ
カラーってこのままだとガイナックスの二の舞にならない？
CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト
Tailwind CSSですぐに実装できるUIコンポーネントのまとめ -tailblocks
この発想はすごい！ モダンCSSで実装する、ボーダーをアニメーションさせるテクニック
終戦から75年。戦争は「過去」ではない。人工知能でカラー化された写真は訴える（画像集）
UIデザイナーから学ぶ！今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説
『シン・エヴァンゲリオン劇場版』公開 再延期のお知らせ
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
2020年の流行色・トレンドカラーは宵の空を連想させる「クラシックブルー」HTMLのコードは「#0f4c81」
CSSコピペで完成！押したくなるWebボタンデザインまとめ