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つのカラーに対して複数の濃さが必要な... 続きを読む

[Multi-AS Segment Routing 検証連載 #14] Color-Based Steering using IOS XR, Junos and SR OS - NTT Communications Engineers' Blog

2023/09/04 9 users Multi-AS Segment Routing 経路

サマリ 概要 検証 1. Color 200 用 SR Policy の作成 SR Policy の確認 2. Color の付与と広告 経路の確認 動作確認 まとめ サマリ SR-MPLS + VPNv4 + explicit path による BGP Color を用いた Traffic Engineering (TE) を実現 IOS XR + Junos + SR OS の Multi-vendor 環境での動作検証に成功 この記事は Multi-AS Se... 続きを読む

使ってますか? 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... 続きを読む

styled-components と csstype で型安全な Chakra UI っぽいコンポーネントを作る | suzukalight.com

2022/03/19 8 users styled-components CSSTYPE 複数

3 行まとめ css mixin を使うことで、複数のコンポーネントで使い回せるスタイルヘルパを作成できるcsstype を使って、Typography, Space, Color などの型付き props を作ることができる基礎コンポーネントに型付き props を混ぜて受けられるようにし、mixin で受けてスタイリングさせることで、Chakra UI のような型安... 続きを読む

「その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... 続きを読む

[PATCH 000/190] Revertion of all of the umn.edu commits - Greg Kroah-Hartman

2021/04/22 9 users commits Greg Kroah-Hartman

LKML Archive on lore.kernel.org help / color / Atom feedFrom: Greg Kroah-Hartman <gregkh@linuxfoundation.org> To: linux-kernel@vger.kernel.org Cc: Greg Kroah-Hartman <gregkh@linuxfoundation.org>, Linus Torvalds <torvalds@linux-foundation.org>, Aditya Pakki <pakki001@umn.edu>, Kangjie Lu <kjlu@umn... 続きを読む

Re: [PATCH] SUNRPC: Add a check for gss_release_msg - Greg KH

2021/04/21 5 users PATCH

Linux-NFS Archive on lore.kernel.org help / color / Atom feedFrom: Greg KH <gregkh@linuxfoundation.org> To: Aditya Pakki <pakki001@umn.edu> Cc: Leon Romanovsky <leon@kernel.org>, "J. Bruce Fields" <bfields@fieldses.org>, Chuck Lever <chuck.lever@oracle.com>, Trond Myklebust <trond.myklebust@hamme... 続きを読む

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

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>報... 続きを読む

Linux kernel in-tree Rust support

2020/07/11 6 users Rust support ALEX permalink

LKML Archive on lore.kernel.org help / color / Atom feed* Linux kernel in-tree Rust support @ 2020-07-09 18:41 Nick Desaulniers 2020-07-09 20:52 ` Miguel Ojeda ` (2 more replies) 0 siblings, 3 replies; 9+ messages in thread From: Nick Desaulniers @ 2020-07-09 18:41 UTC (permalink / raw) To: alex.... 続きを読む

おうちで始める幼児の英語学習 親が英語できなくてもできること【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とバンドのライブ感を足す形がいちばんいいだろ... 続きを読む

テキスト選択時の背景色や文字色をCSSで変更する方法 | TechMemo

2018/03/29 9 users TechMemo background fff CSS 白色

どのブラウザでも大体テキスト選択時は、背景色が青色、文字色が白色になりますね。「::selection」を使うと、簡単にテキスト選択時の背景色や文字色を変更することができます。 ::selection { background: #FF0000; color: #fff; } ::-moz-selection { /* Firefox用 */ background: #FF0000; color:... 続きを読む

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 "$@" } しかし、これら... 続きを読む