CSSグラデーションのちょっとしたテクニック #2
前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もできるよ的なもので３つ。普通のグラデーションの作り方はcss gradients in Firefox 3.6とかで。#3はない。 以下プレビュー画像のリンク先がデモ・ページになっているのでそちらも参照のこと。もちろん対応ブラウザのFirefox 3.6とSafari 4やChrome 4以降でないと動作デモは確認できない。 Vista風のテカってるボタン ありがちだけど作れたらなかなか便利そうなので挑戦してみたら、意外に簡単だった。実はdoubleなborderが重要で、これが無いとちょっと間抜けな感じになる。コード的には難しいことはなく、上半分にrgb(138, 138, 138)からrgb(102, 102, 102)、下半分にrgb(36, 36, 36)からrgb(0, 0, 0)と
トイレやお風呂まで…300万個以上のレゴで2階建ての家を建てる : らばQ
トイレやお風呂まで…300万個以上のレゴで2階建ての家を建てる イギリス南東部のサリー州で、300万個を超えるレゴブロックを使って、リアルサイズの家を建てているそうです。 人気自動車番組「トップギア」で有名なジェームズ・メイ氏が計画し、足りないブロックは寄付で賄っているとのことですが、建設中の様子をご覧ください。 ブドウ園に囲まれた、おもちゃの家のようにカラフルなレゴハウス。 小さなピース272個で出来た大きなブロック。 強度の関係で100%レゴというわけではありませんが、トイレやシャワーまでほとんどの部分がレゴで出来ているとのことです。 遠目では分かりにくいけれど、組み立てているとレゴってわかりやすいですね。 玄関もレゴ製の扉。 ダンボールの量が、使用したレゴの量を物語っています。 レゴで本当の家を作るのは子供のころ見た夢を叶えるようで素敵ですが、トイレは普通のでいいかなと言う気はします
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
三菱カラーマネジメント ソフトウェア EASYCOLOR!2
コンパクトデジタルカメラやデジタル一眼レフの普及に伴い、パソコンを使って画像管理や画像処理を行ったり、自宅のプリンターで印刷することが急速に普及しています。同時にディスプレイで見た色とプリントの色が違うことに対する改善のニーズが高まりつつあります。 色を一致させるための技術である「カラーマネジメント」については既に手段が確立されているものの、その技術や手段が認知されていなかったり、操作が難しく高価な測定器が必要などの理由により、十分に普及していないのが現状です。 当社は、特別な測定器を使わずに簡単操作で色合せ精度を向上させる革新的なカラーマネジメントソフトウェア EASYCOLOR!2を開発いたしました。写真ユーザーはもとよりグラフィックデザインに携わる方など色彩に関わる方におすすめいたします。 1．簡単操作でディスプレイのカラーキャリブレーション（校正）が可能 EASYC
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
アニメカラーチャート [よく訓練された素材屋]
銀の月動画計画 > あにめはっく.jp > 素材屋トップ > 制作ツール > アニメカラーチャート イラスト制作ツール - アニメカラーチャート アニメカラーをデジタル化？ 色見本 ■Photoshop/IllustStudio/CLIP STUDIO PAINT/FLASH/Painter用 2013-06-07 18:51:00 update イラストにアニメっぽい色を塗るためのカラーチャートです。 アニメカラーの色の値を測定して公開しているサイトのRGB値をもとに作成いたしました。 各種お絵かきソフトのカラーパレットとbmp,png画像です。 画像は、画像ソフトで開いてスポイトツールで色を拾ってご利用下さい。 Photoshopカラーパレット(.aco) CLIP STUDIO PAINT,IllustStudioカラーセット(.cls) (Flashカラーセット(.clr) ※ve
アオコ大発生で湖が一変、水面は毒々しい緑に―安徽省合肥市｜レコードチャイナ
19日、安徽省合肥市の巣湖でアオコが大発生し、自治体環境部門が除去作業に追われている。現在、4隻の船を投入して1日当たり400tもの藍藻を取り除いているが、焼け石に水という有様だ。 2009年6月19日、安徽省合肥市の巣湖でアオコが大発生し、自治体環境部門が除去作業に追われている。チャイナフォトプレスの報道。 【その他の写真】 連日の高温が続いていた同市では藍藻が異常繁殖し、湖水面は瞬く間に白濁した緑色に包まれた。現在、4隻の船を投入して1日当たり400tもの藍藻を取り除いているが、焼け石に水という有様だ。 しかし、水質の富栄養化などが原因で発生し、異臭や水中生物の死滅を引き起こすアオコは、専門家によると除去しただけでは根本的な解決にはならないという。(翻訳・編集/愛玉)
CSS Color Module Level 3
CSS Color Module Level 3 W3C Recommendation 19 June 2018 This version: https://www.w3.org/TR/2018/REC-css-color-3-20180619/ Latest version: https://www.w3.org/TR/css-color-3/ Previous version: https://www.w3.org/TR/2018/PR-css-color-3-20180315/ Editor's Draft: https://drafts.csswg.org/css-color-3/ Feedback: GitHub Issues are preferred for discussion of this specification. When filing an issue, ple
WebデザイナーはOperaを使え | mattz.xii.jp
以前、Dragonfly使うならメニュー追加するといいよって書いたことがあって、Opera 10 β1(build 1551)でもメニュー追加してみたんだわ。 で、色々眺めてて気がついた。 ウィンドウサイズの関係で若干切れちゃってるけど、Color Blind Testってのがあるのね。選択すると新しいタブが開いて、今開いてる画面の下にこんなのが追加された画面になる。 下の方の余白がなんでこんなに広いのかよく分からないのだけど、それはおいといて、表示されているそれぞれのボタン。これは実際にやってみて欲しいんですが、表示中のページの色が変わって見えるはず。 はてなのカラースターがリリースされたとき、id:tomoyaのこのエントリが結構注目を集めた けど、んじゃ、実際俺が作るこのページは色弱の人にはどんな感じに見えてんのよ、ってのを実際に確認できるツールです。 全ての人に使いやすいようにって
色のバリアフリーに配慮した色見本を色弱の僕がレビューします。 - 日々、とんは語る。
IRC でのりさんが教えてくださったのですが、CUDO(クドー)や日本塗料工業会DIC株式会社などにより色覚の多様性に配慮した案内・サイン・図表等用のカラーユニバーサルデザイン推奨配色セットというものが制作されたそうです。 DIC の色見本と言えば、デザイナーの方には有名かと思いますが、近いうちにDICカラーガイドシリーズに追加されるそうです。 また、日本塗料工業会塗料用標準色(JPMA Standard Paint Color)にも2009年5月会員予約受付開始分から収録されるそうです。 さっそくサイトのサンプルを見てみましょう。 赤 色弱の人が赤と感じやすいように、オレンジ寄りの赤にしています。 黄色 白内障の人が白と区別しやすい、濃い黄色にしています。 緑 色弱の人が黄色や赤と間違えやすい黄色みの強い緑を避け、青みが強い緑を選んでいます。ただし青緑まで行ってしまうと、今度はグレーや紫
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
色のアクセシビリティについて思う事 - あくる日
当然だけど、色弱の人にはカラースターの色の違いが分かんない。 - 日々、とんは語る。 これを読んで初めて「緑」の存在に気づいた。連鎖的に考えた事を記す。ちなみに自分は色覚異常だけど特に困った事はほとんどない軽いもの。程度の差があるのでこれが全てだとは考えないでほしい。 「色が見えない」のではなくて「分離出来ない」 色覚異常で困った事は本当にほとんどないが、高校の授業で絵を描く際に、友人に「見えている通りに描けば結果同じになるんじゃないの？」と言われたことがある。そういう問題ではない事は確実で、一部の色が分離出来ないのだ。例えば緑と燈が同じ色に見える時、見えている通りにと言われても、どっちの色を塗ったら良いのかがわからない。 逆に、色が見えないんだと思っている人もいるみたいだが、もちろんそういう人もいるだろうが大抵そうではなく、「判別が出来ない」のであるということに注意してほしい。 自分の場
ユビキタスの街角: 遠くから見た色と近くで見た色
カラー液晶や発光ダイオードの赤と緑のドットを点灯させたものを遠くから見ると全体が黄色に見えるが、 近付いて見ると赤と緑のドットがばらばらに見える。 ところが私のような赤緑色盲の人間の場合、遠くから見ると黄色く見えるのは同じであるが、 赤と緑の区別がつきにくいため、近付いてみた場合は赤(か緑かよくわからない色)が並んで見えることになる。 つまり、遠くから見ると黄色の単色が見え、近くで見ると赤(か緑かよくわからない色)の単色が見えることになる。 遠くから見た色と近くで見た色が異なるというのはかなり奇妙な話であるが、色盲に特有の現象なのだろうか? それとも同様の現象は誰でも経験するものなのだろうか?
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
オーラソーマ イクイリブリアムB037番 地上に降りた守護天使
ご注文時のメッセージ欄にご希望の旨をご記入ください。 毎月、イギリス・オーラソーマ社から製品が入荷しています！ 地上に降りた守護天使 オーラソーマはバイオダイナミック農法で栽培されたハーブを原材料に使用しているため優しい使用感。イクイリブリアムは上下二層のさまざまな色の組み合わせの化粧水ボトルです。 【使い方】 1.キャップを取って、ボトルを持ちます。2.ボトルを振ります。3.オイルを手のひらにとり、身体につけます。（ご希望の方にハンドブックを同梱しています。詳しい使い方は、ハンドブックをご覧ください。） 【原産国】 イギリス（オーラソーマプロダクツ社） 【成分】 スクワラン、水、グリセリン、クエン酸Na、グルコノラクトン、安息香酸Na、ニオイテンジクアオイ花油、ラベンダー油、クエン酸、ハマメリス葉エキス、変性アルコール、ベルガモット果実油、クロトンレクレリ樹脂エキス、グルコン酸Ca、アル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.nicopon.com/iro/birth/a3d3dd.html
小山生花店 | 岡山
http://cult.jp/mode3958/cw002.html
nijinet.com - nijinet リソースおよび情報
kuler