280 handpicked colors ready for COPY & PASTE
オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか?お好きですよね。 だって、このブログで一番アクセスされているのが、カラースキームに関する記事なんですから。 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新作を求めてときどき旅に出ています。 — この記事は、Vim Advent Calendar 2013の17日目の記事です。 昨日の記事は、c0hamaさんによる「fugitive.vim をもっと使いこなす」。 カラースキームってどうやって探してる?みんな大好きカラースキーム。 どうやって自分好みのものを探しているのか思い返してみると、大きく分けて2通りほどでしょうか。 1.がんばって検索するひとつめは、「vim colorscheme おすすめ」みたいなキーワードで検索する方法。最も定番
世界初! フルカラー3DプリンターProJet 4500が登場(動画あり)2013.12.04 22:00 スタートレックのレプリケーターも、もはや夢じゃないかも。 3D Systems社から、プラスティック素材を使用したものとしては世界初の連続階調フルカラー3Dプリンター「ProJet 4500」が発表されました。 半硬質プラスティックをさまざまな色の階調でプリントすることができるこのプリンター。動画を見てみると、どうやら粉末焼結方式を使用しているようです。粉末焼結方式では、粉末状の材料にレーザー光線を当て一層ずつ造形していきます。 現在市場に出回っているリーズナブルな3Dプリンターは熱溶解積層方式を使っているものがほとんど。もちろん熱溶解積層方式でもマルチカラーオプションはあるにはあるのですが、一度に印刷できる色が一色のみで、色付けした材料を他の色と混ぜ合わせたりはできないので、微妙な
クリスマス・ハロウィン・バレンタイン・母の日・父の日など、イベント用のページ制作に役立つカラースキーム素材を紹介します。 40 Color Swatches - SET 2 カラースキームは全部で、40種類です。 まずは、クリスマスやハロウィン、イースター用のセットはこんな感じです。 クリスマスはサンタやツリーをイメージするものから、雪景色をイメージするものがあります。 バレンタイン・母の日・父の日・セント・パトリックのセット 素材は、Photoshop用の「.aco」、Illustrator, inDesignでも利用できるAdobe Swatch Exchangeの「.ase」が揃っています。 ダウンロードは、Elemental DesignのFreebiesページからです Freebies -Elemental Design カラーパレットの利用は個人でも商用でも無料、とのことです。
画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。 ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button class="button">Button</button> CSS CSS3を使って、ちょっとリッチにスタイルしてみましょう。 .button{ display: inline-block; *display: inline; zoom: 1; padding: 6px 20px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow
やっぱり売れてない!? フォックスコンがiPhone 5cの生産を停止するとの噂が浮上2013.11.18 17:30 塚本直樹 iPhone 5c、やっぱり売れ行き良くないのかな… 台湾の情報サイトDigiTimesは18日、フォックスコンが中国鄭州の工場でiPhone 5cの生産を停止する予定だとの情報を掲載しています。情報によると、同社はiPhone 5cに割り当てていた生産能力をiPhone 5sに割り振る予定とのこと。 iPhone 5cの製造にはフォックスコンと台湾ペガトロンの両社が参加しており、その製造請負比率は30%と70%であるとされています。そして、1ヶ月前にアップルはペガトロンに対して生産量の20%、フォックスコンに対しては生産量の3分の1を減少させる様に伝えたと報じられており、iPhone 5cの生産量は日に日に減少しているようです。 なお、フォックスコンはこの件に
フラットやソリッドなデザインだけでなく、優しくて明るい雰囲気のデザインにも使えるパステルカラーをまとめたPhotoshop用のスウォッチ素材を紹介します。 iOS 7 Swatches 元となっているのはLouie Mantiaのアートワーク「iOS 7 Color Wheel」で、これをベースにスウォッチを作成したそうです。
by webtreats 黒はうまく使うと他の色を際立たせたり全体を神秘的に見せたりすることができる色ですが、私たちが普段「黒」だと思っている色は本当は黒ではなく、「黒に近いダークな色」であることが多々あります。自然界にほとんどない「純粋な黒」は他の色を圧倒してしまい扱いが難しいため、黒を使いたい時にすべきことをSegment.ioのCEOであるIan Storm Taylorさんがまとめています。 Design Tip: Never Use Black by Ian Storm Taylor http://ianstormtaylor.com/design-tip-never-use-black/ Taylorさんが子ども時代は美術の先生から、大学時代はロードアイランドスクールオブデザインの授業で何度も聞いたことの1つに「作品に黒を使うな」というコツがあります。 真に黒い物は見つけるのが
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先:Photoshop/Presets/Scripts/ Photoshop
This is a Headline ブラウザはChrome, SafariのWebkit系でご覧ください。 各スタイルとともに、スタイルシートを紹介します。 とその前に、HTMLはごくシンプルです。 <h1 class="vintage">美しい日本語</h1> ヴィンテージ風にスタイルします。 .vintage{ background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat; text-shadow: 5px -5px black, 4px -4px white; font-weight: bold; -webkit
iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計されています。カラーの定義はHSLのように色相(hue)と輝度(lightness)を使い、彩度に「saturation」ではなく「chroma 」を使用します。 彩度のsaturationとchromaの違いは、こんな式になるようです。 Saturation(彩度:S)= Chroma(C) / 明度(V) 参考:イメージクリエーションの構築と基礎知識の習得 どんな感じかは、デモですぐに試すこと
変わった色の食べ物に、どうしても魅かれる。 ピンクのウエハースのパン、パフェにかかった色とりどりのスプレーチョコレート、縁日の真っ赤なリンゴ飴、蛍光色のチョコバナナ……。 「ああいうの食べると身体に悪いのっ」 子供の頃、母はそう言って買ってくれなかった。許されたのは、ソーメンの中に混ざった、ピンクと緑の麺を食べることだけ。 赤いソーセージもピンクのでんぶも買ってくれなかった。幼稚園当時の私は、茶色と黒の地味な弁当箱を見つめては、ため息をついていた。 子供の頃に抑圧されたものは、大人になって反動が出る。 「そうだ、ごはんをカラフルにしてみよう。せっかくだから、普段いちばん食べない色にしてみよう。……青かな?」 私は食用色素を買いに出かけた。 食べ物の色を変えると、気持ちはどのように変化するんだろう? (text by 大塚幸代) 食用色素ゲット 色素は東急ハンズの製菓材料売り場にあっさりあっ
ホバーで封筒を開き、便箋を出し入れし、また封筒を閉じるアニメーションをスタイルシートで実装するデモを紹介します。 画像もスクリプトも一切無しです。 Animated letter ※デモはChrome, Safariがベストです。 封筒や手紙のイラストに画像は一切使用されてなく、封筒は変形やボックスシャドウ、便箋は疑似要素などで描かれています。 他にもいろいろとアレンジが出来そうですね。 HTML <div id="wrapper"> <div class="anvelopebg"></div> <div class="anvelope"></div> <div class="opener"></div> <div class="letter"></div> </div> CSS *{ margin: 0; padding: 0; } body{ background-color: #1a
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
お金を借りたい。でも職場の同僚、友達、家族にバレてしまったらどうしよう?と不安で、なかなか申し込みができずにいませんか。 誰にもバレずにお金を借りる方法が知りたい!とお悩みの方へ、周囲に知られることなくお金を借りる方法を具体的に解説します。カードローンの在籍確認などバレたくない人が気になるポイントについてまとめましたので、ぜひ参考にしてください。 主婦の方は旦那さんに内緒で、バレずにお金を借りる方法を知りたいですよね。結論から言いますと、消費者金融カードローンなら家族はもちろんのこと、会社の人にもバレずにお金を借りることができます。その中でもおすすめの、「バレないカードローン」として口コミで人気の消費者金融カードローンを紹介します。 ただし、バレないようにするためにはいくつか注意して欲しいこともあるので、そのポイントについてもまとめています。 この記事のポイント カードローン利用がバレる原
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く