Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:
Android フレームワークの Menu アイコンなど、用意されている画像の色だけを変えたい場合、ColorFilter が便利です。 ColorFilter を継承したクラスとして、ColorMatrixColorFilter, LightingColorFilter, PorterDuffColorFilter が用意されています。 ここでは、PorterDuffColorFilter を使ってみます。 ■ ImageView で ColorFilter を使う ImageView には、ColorFilter を設定するためのメソッドが用意されています。 ・public final void setColorFilter (int color) (Since: API Level 8) 引数で指定された color で SRC_ATOP blending mode の Porter
むらけんです。こんにちわ。 次回のF-siteはアニメーター向けですね。それと関係あるのかないのかわかりませんが、PhotoShopのレイヤースタイルライブラリ風のGradationLibというグラデーションライブラリMXPを作成しましたのでご紹介します。 いきなり余談ですが、僕はMXPは初めての製作となりました。 「JSFL&MXPもっと使おうよ。」というお話とそれらに関するhelloWorldを頂いたtaka:niumさん。 製作にあたって、参考にさせていただいたmunegonさんらに感謝です。 【追記 8/27】バージョンを1.0.1にしました。 変更点は、Macの場合デバイスフォントを使用していたため、クレジットがレイアウト崩れを起こしていた問題を、修正しました。(機能的には何も変更していません) ダウンロードアドレスは同じです。 さてさて、今回作ったGradationLibはタイ
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
日本語ではだいだい色とも呼ばれる「オレンジ色」ですが、その由来について、オレンジ色という色の名前ができたのが先か、オレンジという果実の存在が先かという疑問に答えられる人は少ないのではないでしょうか。 「鶏が先か、卵が先か」という命題にも似た問いですが、実はオレンジの果実とオレンジ色との関係にはすでに答えが出ているようです。 オレンジが先か、オレンジ色が先か、その答えは以下から。The Color Orange Was Named After the Fruit オレンジの果実の種が最初に持ち込まれたのは1493年、コロンブスの2番目の航海の時のことだったそうですが、「オレンジ色」という色の名前はオレンジの果実から名付けられたそうです。逆のパターンで、オレンジ色の果物だからオレンジという名前がついたと考えても不思議ではないですが、実際の順序としては果実の方が先にあって、後に色の名前として採用
配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ! 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、
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
Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く