CSSをより深く理解する、プロパティの値に無効な値を設定する（IACVT）とどのように処理されているのかを解説

2024/04/18 12 users プロパティ カスタムプロパティ CSS キーワー 解説

CSSで無効な値、たとえばcolor: 20px;のようにcolorプロパティにカラー値以外を設定したり、background-colorにカラー値以外をカスタムプロパティで設定したりすると当然その値は反映されません。 CSSにおいて値の処理がどのように実行されているのかを紹介します。無効な値だけでなく、値の上書き、値の継承、キーワー... 続きを読む

CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます

2024/03/27 96 users CSS 実装テクニック カラー RGB 個別

異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な... 続きを読む

使ってますか? CSSの:is()と:not()で復数セレクタ管理をラクにしよう

2023/02/06 16 users not CSS ＩＳ ラク hover

複数要素の a:hover と a:focus にスタイルをあてたいとき、次のようなコードを書いていませんか？ .section1 a:hover, .section1 a:focus, .section2 a:hover, .section2 a:focus { color: lightpink; } :is() という擬似クラス関数を使えば、短く、重複のないコードが書けます。 :is(.section1, .section2) a:is(:hove... 続きを読む

「そのAWSってやつを再起動すればエエんちゃうの？」# ITアウトレイジ - Togetter

2021/09/20 572 users Togetter ボケェ AWS blue ヤツ

上かるび@フロントエンド @jookalubi24 「<font size="2" color="blue">っておんどれいつの人間じゃボケェ！知識のアップデートせんかいコラァ！」 #ITアウトレイジ pic.twitter.com/KtInXSbqDa 2021-09-10 13:45:27 続きを読む

Why Ruby's JIT was slow / RubyKaigi Takeout 2021 - Speaker Deck

2021/09/09 11 users Slow Introduction irb JIT

Transcript Why Ruby's JIT was slow RubyKaigi Takeout 2021 @k0kubun / Takashi Kokubun Self introduction • GitHub, Twitter: @k0kubun • Ruby committer ◦ JIT ◦ IRB: Color, ls, show_source ◦ Struct keyword_init • Treasure Data My first RubyKaigi: 2015 Hamlit will be Haml 6 (?) (Manually merged) None No... 続きを読む

ネアンデルタール人由来の遺伝子に起因する新型コロナウイルス症の重症化: 雑記帳

2020/10/04 15 users 遺伝子 ネアンデルタール人由来 雑記帳 重症化 span

ネアンデルタール人（Homo neanderthalensis）由来の遺伝子に起因する新型コロナウイルス症の重症化に関する<a href="https://doi.org/10.1038/s41586-020-2818-3"><span style=color:#e00>研究</span></a>（Zeberg, and Pääbo., 2020）が<a href="https://www.afpbb.com/articles/-/3307571"><span style=color:#e00>報... 続きを読む

おうちで始める幼児の英語学習 親が英語できなくてもできること【2歳】 - おおまめとまめ育児日記

2020/05/22 17 users 幼児 英語学習 育児日記 おうち きっかけ

おうちでできる2歳児の英語学習 娘(まめ)が2歳5ヶ月頃、英語を少しずつ口に出すようになり、色(color)を理解して言えるようになりました。 娘が産まれてから、漠然とですが、英語は習わしてあげたいなとずっと思っています。 ただ嫌がることや興味のないものを無理やりさせるのは嫌なので、少しでも興味を持つきっかけに... 続きを読む

アニソン・アイドルユニットのi☆Risがお披露目イベント | マイナビニュース

2019/06/24 13 users i☆Ris エイベックスグループ お披露目イベント アイリス

アニソン・ヴォーカル・アイドルユニット、i☆Ris(アイリス)が8日、東京・秋葉原でデビューシングル「Color」(11月7日発売 発売元:エイベックス 1,260円)のお披露目イベントを行った。 エイベックスグループと大手声優プロダクションの81プロデュースがタッグを組み、「アニソン･ヴォーカルオーディション」より選ばれた... 続きを読む

色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス

2019/02/04 62 users 適用 要素 ベース 組み合わせ オンラインツール

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -... 続きを読む

CSSスニペット：アニメーションエフェクト付きのtoggleボタン | かちびと.net

2018/10/04 17 users CSSスニペット absolute fff net Left

Result CSSのみで実装したアニメーションエフェクト付きのtoggleボタンです 各ボタンのスタイルはPenをご参照ください css /* Button 1 */ #button-1 .knobs:before {/*左右に移動するボタンのスタイル*/ content: 'YES'; position: absolute; top: 4px; left: 4px; width: 20px; height: 10px; color: #fff; font-size:... 続きを読む

イイダのショルキー、『あさってColor』の演出。『スプラトゥーン2』ハイカライブに込められた数々のこだわりを、アレンジ担当の大山徹也氏にインタビュー！(1/2) - ファミ通.com

2018/07/23 30 users EDM 略称 ショルキー いいだ アレンジ

――まずは、ハイカライブのアレンジのコンセプトを教えてください。 大山　テンタクルズの曲がEDM（エレクトロニック・ダンス・ミュージックの略称）の要素が強いので、バンドで行くという方向性に決まったところから、そのうえで何をすべきか考えたときに、自分の中で“EDMとバンドのライブ感を足す形がいちばんいいだろ... 続きを読む

Go の image/color パッケージと Pre-multiplied Alpha についての考察 - Qiita

2017/12/21 11 users pre Qiita alpha image green

お断り 本稿は筆者が技術書典 3 で頒布した「Ebiten API Reference」の、ある章の抜粋および改変です。 Pre-multiplied Alpha と Straight Alpha 色は Red、 Green、 Blue、 Alpha の 4 つの成分で表されます。 Alpha は不透明度を表す値です。 Red、 Green、 Blue の値に Alpha を乗算した形式を Pre... 続きを読む

世界には3つの色しか持たない文化がある、なぜ言語によって色を表す言葉の数が異なるのか？ - GIGAZINE

2017/09/28 39 users 定説 GIGAZINE 解明 アプローチ 工業化

by Paul 青・赤・黄・緑など、色を表す言葉の数は文化によって異なり、工業化された文化では使用される色名の数が多いのですが、工業されていない文化では色名の数が少ないことがわかっています。なぜ文化によって色名の数が異なるのかは、これまでの研究では明らかになっていないところなのですが、新たに研究チームが50年にわたって使われてきた定説とは別のアプローチでこの問題の解明に挑んでいます。 Color ... 続きを読む

CSSは簡単!CSSできる!って思っている人に読んでもらいたいCSSの難しいところ | ichimaruni-design

2017/08/09 134 users ウソ 部類 ichimaruni-design デザイナー

CSSは簡単!CSSできる!って言っている人はだいたいうそ これは極端な言い方ですが、今まであったデザイナーでCSSできると言った人で本当にできる人あまりいないです。 どちらかというとCSSは難しいと言った人の方ができる方が多いです。 CSSを書くこと自体は簡単 CSSが簡単だと思われてしまう要因の一つがCSSを書くこと自体は言語としてはかなり簡単な部類に入ります。 p{ color: #f00;... 続きを読む

【Swift】Material Design(マテリアルデザイン) 用の color 設定 layout を作成しました。 | Linux & iOS & Android Labs

2015/11/01 27 users iOS layout Swift Linux 配色

iOS で Material Design のデザイン時に便利に利用でき、様々な配色を便利に利用できるよう layout 用の Color を一覧を作成しました。 Swift 版になります。 Objective−c 版はこちら。 プログラムをしながら、同時に配色を決める時に役立ちます。 色の濃さを変更するのも既にカラーコードが宣言してありますので、呼び出すだけで簡単に配色を試すことができます。 ■... 続きを読む

村上春樹さんが図書館で借りた本はなぜ秘密にされるべきなのか？　神戸新聞報道から考える"リアル図書館戦争"

2015/10/21 82 users 村上春樹さん リアル図書館戦争 図書館 horizontal

村上春樹さんが図書館で借りた本はなぜ秘密にされるべきなのか？　神戸新聞報道から考える"リアル図書館戦争" Open beautiful book laying on a table in a library. Angle-pose lamp in the background. Nice golden tones. Horizontal image. Color image. Tidy. | Gu... 続きを読む

映画製作者が「色」で観客の心情を操作する方法とは？ - GIGAZINE

2015/10/13 49 users カラーグレーディング ハリウッド GIGAZINE ムービー

人間は目に映る色から無意識に心理的影響を受けるため、ハリウッドなどの映画製作スタジオでは、映画の演出に合わせて観客の心情を誘導できる「カラーグレーディング」の技術が盛り込まれています。そんな映画における色補正はどのようにして行われているのか、The Vergeのムービーで解説されています。 How filmmakers manipulate our emotions using color - Y... 続きを読む

スマホカメラとタッチで変わる制作現場（1）：デザインネタをWebで探す人が知っておきたい、日ごろのネタ収集と活用を効率化する4つのアプリ - ＠IT

2015/01/19 46 users 日ごろ タッチ ネタ収集 web 制作現場

スマホカメラとタッチで変わる制作現場（1）：デザインネタをWebで探す人が知っておきたい、日ごろのネタ収集と活用を効率化する4つのアプリ Creative Cloudのスマホ向けアプリAdobe Shapes／Brush／Colorを使って、それぞれ形状、ブラシ、色の組み合わせをデザインの素材として日ごろから収集しておくと、アイデアを形にしてWebデザインなどに生かすのが効率的になる。その実例を紹... 続きを読む

aliasとシェル関数の使い分け - ももいろテクノロジー

2014/12/13 26 users alias lang grep auto grepコマンド

2014-12-13 aliasとシェル関数の使い分け bash aliasとシェル関数の違いについてのメモ。 たとえばgrepコマンドを常にロケール非依存にて扱い処理を高速化するにあたり、一見、次の二つの定義は同等に見える。 alias grep='LANG=C grep --color=auto' grep() { LANG=C grep --color=auto "$@" } しかし、これら... 続きを読む

Pod::Text::Color::Delight というモジュールをリリースしました - その手の平は尻もつかめるさ

2013/10/26 62 users Delight POD moznion perl text

2013-10-26 Pod::Text::Color::Delight というモジュールをリリースしました perl この度、Pod::Text::Color::Delight というモジュールをリリース致しました。 https://metacpan.org/pod/Pod::Text::Color::Delight https://github.com/moznion/Pod-Text-Col... 続きを読む

Unity iOS/Android におけるテクスチャ画質の改善 – Keijiro Takahashi

2013/10/04 52 users Unity iOS 必須 Android アルファチャンネル

Unity iOS/Android におけるテクスチャ画質の改善 October 4, 2013 iOS/Android においてテクスチャ圧縮は必須ですが、画質の著しい劣化を招く可能性があり、嫌われる傾向にあります。特に厳しいのはアルファチャンネルを使う場合です。どうしてもこの劣化を受け入れることができず、泣く泣く 32 bit true color を使っているケースも少なくないのではないかと... 続きを読む

こんな「iPhone 5C」は嫌だ | Touch Lab - タッチ ラボ

2013/07/30 11 users Touch Lab ラボ タッチ iPhone 5C 新説

廉価版の名称とされる「iPhone 5C」の「C」について新説が登場したようです。 廉価版iPhoneの名称については、先日報道されたパッケージの写真(下)により、「iPhone 5C」が有力とされています。 「C」が何を意味しているのか気になりますが、以前からカラーバリエーションの存在が噂になっていることから、普通に考えれば「Color (カラー)」の頭文字と予想できます。 可能性は限りなくゼロ... 続きを読む

これでもう安心？賞味期限が切れたら危険な食材ランキングまとめ。

2013/02/11 508 users 賞味期限 マネ 賞味 ランキング 経験

「賞味期限を過ぎちゃったけどこれってまだ食べれるんだろうか…」そんな経験ありませんか？そんな時に役立つ(？)ランキングです。笑 [colored_box color=「賞味期限を過ぎちゃったけどこれってまだ食べれるんだろうか…」 そんな経験ありませんか？ そんな時に役立つ(？)ランキングです。笑 これは自分の経験＆ネットでの情報をまとめたランキングです。 なので個人差があり、マネは危険です。 賞味... 続きを読む

LTSV が行指向な Key-Value フォーマットで捗る話 - naoyaのはてなダイアリー

2013/02/06 127 users naoya LTSV YAML 行指向 tiny

引き続き LTSV について。Text::LTSV はやってることは唯のタブの split でしょうもないのだけど、せっかく作ったんだし何か利用方法はないかなと考えた。LTSV のログは欠点があってそのままでは見づらいこと。Text::LTSV でハッシュになるのだから、YAML とかで出力したらどうなるか試してみよう。さらに、YAML に色づけする YAML::Tiny::Color というのが... 続きを読む

ばいばいスーパースター／歌、IA ‐ ニコニコ動画:Q

2013/01/26 17 users mylist ia-project.net コミュ 前作 調声

どうもあらためまして、石風呂です。2013年1月30日発売の「IA/02 -COLOR-」収録曲です。http://ia-project.net/ia02/終わったり始まったりする歌です。作詞作曲、調声、イラスト　石風呂→mylist/25210180　twitter@ishi_furo　コミュ→co1091017ベース、白神真志朗→mylist/31254835前作→「魔法電車とキライちゃん／歌... 続きを読む