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

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

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

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

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

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

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

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

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

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

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

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

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 を使っているケースも少なくないのではないかと... 続きを読む

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

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 というのが... 続きを読む

面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator | コリス

2013/01/15 206 users コリス ジェネレーター グラデ Button Shadow

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。 CSS Button Generator 使い方は簡単です。 ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む

あなたの色を感じる力を試すゲーム「Color - A color matching game」 | DDN JAPAN

2013/01/04 53 users DDN matc DDN JAPAN ゲーム 購読

DDN は音楽・映像に関する デジタルアートを中心に情報ミックスを配信中 DDN - DIGITAL DJ Network DDN JAPANとは 広告・お問い合わせ Twitterで購読 Googleで購読 映像 画像 音楽 アート ガジェット ゲーム 文章 情報 トピックス アプリ ウェブ イベント 最新記事 人気記事 あなたの色を感じる力を試すゲーム「Color - A color matc... 続きを読む

iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ「Paper」（動画） : ギズモード・ジャパン

2012/11/07 252 users Paper iPhone ギズモード iPad ジャパン

iPad , iPad/iPod/iPhone/iTunes , 動画 iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ「Paper」（動画） 2012.11.07 17:00 Color / Mix it Up from FiftyThree on Vimeo. 確かに、動画見てたらiPad欲しくなります。 iPadアプリ「Paper」はiPadの良さを丸ごと活かしたアプリで... 続きを読む

CSSセレクタの効率的、効果的な使い方をいろいろ｜Webpark

2012/10/17 79 users セレクタ Webpark Black CSSセレクタ CSS

CSSのセレクタって簡単そうで奥が深いと思います。ということで、個人的に使っている方法や意外な使い方などを紹介しますので参考になればと思います。 効率的なセレクタの使い方と読み込み速度を考えたときに効果的なセレクタの使い方に分けて紹介していきます。 CSSセレクタの効率的な使い方 同じ内容ならまとめる 例えばこんなCSSがあります。 h1 { color: black; } p { color: ... 続きを読む

TEST CORDING » Sass:共通のプロパティをまとめる様々な方法をCSSと比較してみた

2012/10/17 3087 users Sass Orange font-size プロパティ CSS

今回のエントリーでは、 Sass による共通のプロパティや設定をどうまとめるかについて書いてみます。結局どうやって書くのが安定しているのか？ ということを試行錯誤する際に参考にしてみてください。 CSS 元となるCSSソース div.container h1 { color: orange; font-size: 20px; } div.container ul { font-size: 20px... 続きを読む

シャープが遂にプリンターにプラズマクラスター搭載ｗｗｗｗｗｗ:ハムスター速報

2012/09/10 61 users プリンター シャープ ハムスター速報 print

シャープが遂にプリンターにプラズマクラスター搭載ｗｗｗｗｗｗ Tweet カテゴリニュース 0 ：ハムスター２ちゃんねる2012年9月10日 09:29 ID：hamusoku http://www.sharp.co.jp/print/newmodel/color/mx/mx-3611f/feature10.html 1 :ハムスター名無し2012年09月10日 09:29 ID：xJ.5JlLa... 続きを読む

CSSで利用できるカラーネーム全147色を調べられるサイト「147 Colors」 : ライフハッカー［日本版］

2012/08/08 50 users colors RED CSS ライフハッカー 全部

Webツール , デザイン CSSで利用できるカラーネーム全147色を調べられるサイト「147 Colors」 2012.08.08 10:00 「147 Colors」はCSSで利用できるカラーネーム全147色を調べられるサイトです。CSSで「color:red」のように色を指定する際に利用できるカラーネームを調べられます。全部で147色もあるようです。 以下に使ってみた様子を載せておきます。 ... 続きを読む

簡単に指定したカラーだけを残し、他をモノクロ・セピアにできるフリーソフト「Photo Black & Color」 - GIGAZINE

2012/07/28 241 users Vista GIGAZINE 手持ち セピア 特定

by neilalderney123 手持ちの写真をちょっと違った印象に変えたい場合などに、手軽に特定の色だけを残すことができるフリーソフトが「Photo Black & Color」です。Windows XP/Vista/7に対応しています。 ダウンロード、操作方法については以下から。 Photo Black & Color http://www.photofiltre-studio.com/f... 続きを読む

僕が教わったデザインの教授は、7つのwhyに答えられない者はグラフィックデザイナーではないと常々口にし...

2012/04/12 75 users why Because Shape Space line

"僕が教わったデザインの教授は、7つのwhyに答えられない者はグラフィックデザイナーではないと常々口にしていました。何故ならデザインの基本要素は7つ存在していて、そのそれぞれに対してBecauseを考えるのは基本中の基本であるとされているからです。 下記が、デザインにおける7つのBasic Elements（基本要素）です： Line（線） Color （色） Shape （形） Space （空... 続きを読む

grepで指定オプションを自動付加してくれる環境変数 "GREP_OPTIONS" - RX-7乗りの適当な日々

2012/01/29 100 users grep egrep RX-7乗り 環境変数 auto

IT, Linux "GREP_OPTIONS"という環境変数に、常に付けておきたいオプションをあらかじめ指定しておくと、grepコマンドやxgrep(egrepとかfgrepとか...)を実行したときに、自動でオプションをつけて実行してくれます。 例えば、、、 $ export GREP_OPTIONS="--color=auto" とか。常に含めておくなら、あとは"-I"オプションとかですかね... 続きを読む

sassの抑えておきたいfunctionの使い方 « NAVER Engineers' Blog

2011/12/06 102 users Sass less 四則演算 function スカイリム

こんにちは。 年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。 今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。 すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a... 続きを読む

Color: The Scheme of Things » Color » Design Festival

2011/05/12 125 users Design Festival

Continuing on from the last article in this series on color, Red, Yellow, and Blue, or CMYK, we’re now going toContinuing on from the last article in this series on color, Red, Yellow, and Blue, or CM... 続きを読む

color+っていうiphoneアプリで作った画像貼っていくwwwwww - まめ速

2011/04/27 90 users App iPhoneアプリ VIP モノクロ画像 http

1：以下、名無しにかわりましてVIPがお送りします：2011/04/26(火) 17:01:41.19ID:U6d+mv+Z0 モノクロ画像の一部をカラーにできるらしい http://itunes.apple.com/jp/app/color/id431112275?mt=8 3：以下、名無しにかわりましてVIPがお送りします：2011/04/26(火) 17:04:01.45ID:4Vxxb/F... 続きを読む

[CSS]テキストに面白いエフェクトを与えたデモと実装の注意点 | コリス

2011/04/26 77 users コリス transparent CSS 実装 デモ

下記は各ポイントを意訳したものです。 テキストにブラー効果を与える方法と注意点 テキストにブラー効果を与えたデモ テキストにブラー効果を与える方法と注意点 テキストにぼんやりとさせるブラー効果を与えるのは、簡単です。テキストのcolorを透明にし、text-shadowを使用します。 .blurry-text { color: transparent; text-shadow: 0 0 5px r... 続きを読む

新たなソーシャルサービスのColorを使い倒してみた週末旅行

2011/04/10 291 users ソーシャルサービス 週末旅行

週末に、独身者旅行ということで、何人かの友人たちとメキシコを旅してきた。映画の「ハングオーバー」のような旅だったわけだが、虎やマイク・タイソン、あるいはZac Galifianakisは登場しない。代わりに登場したのはMac、iPhone、およびiPad。まあ結局ぼくたちはテックな世界に生きているということだ。こうしたデバイスを持っていったのは、日常から離れたときにどういうアプリケーションを使うも... 続きを読む

「ソーシャル」概念に革命をもたらすことになるかもしれないモバイル向け写真アプリケーションのColor、大金を調達してサービス開始

2011/03/25 256 users 大金 概念 ソーシャル 革命 Sequoia

プレローンチの段階でSequoia Capital、Bain Capital、およびSilicon Valley Bankから$41M（4100万ドル）の資金を集めてしまった。集めてしまったのは新しくスタートしたColorというサービスだ。スタート前に巨額を集めたということで不思議に思うことだろう。さらに、Sequoiaがプレローンチサービスに対して投じた金額としては過去最高のものでもある。また、... 続きを読む