Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。 基本色の定義 基本色、つまりテーマカラーであったり、本文の背景色や文字色といった見た目のイメージを決定する色は、色コードを直接指定して定義する必要がある。これはほぼ間違いなくみんな同じように書いているだろう。 $color-dark: rgb(60, 51, 48); $color-light: rgb(252, 249, 240); $color-accent: rgb(17, 136, 187); これらは背景色であったり文字色、そしてリンクの文字色として使っている
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は? 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
color-themeでEmacsの見た目をきれいにする - Qiita Emacs 24以上を使っているという前提があるのですが、独自のテーマを作る場合は color-themeより、Emacs 24から導入された themeフレームワークを使う ことをおすすめです。 機能的には変わらないと思うのですが、color-themeをインストール する必要がないというのがお手軽です。~/.emacs.d以下においておけば、 load-theme関数を使って利用することができます。 サンプル 試しに @kubosho_さんの molokaiを themeフレームワーク版に 書き換えてみました。コードはほとんど同じです。カーソル等のごく一部の パラメータの指定が違うのと、各項目を quoteするぐらいです。 (deftheme molokai "Molokai color theme") (cus
水道修理業者を探すためのポイント 「格安 水漏れ 修理」のような検索はしない 水漏れなどの水道修理業者を探すときに気をつけたいのは、あまりにも安い金額を提示している業者は候補から除外しましょう。 「格安 水漏れ 修理」などで検索すると、検索結果に「水漏れ修理500円〜」とか「基本料金280円〜」のような魅力的な金額を全面に出してくる業者が表示される場合がありますが、このような異常な安さをウリにしている水道修理業者には気をつけて下さい。 これらの業者が全て怪しい業者とは言わないですが、専門知識を備えた作業スタッフが家まで車で訪問して水道トラブルを直して数百円で終わるはずないですよね。必ずと言っていいほど基本料金以外に作業代金・出張費・見積費・キャンセル費というような名目で追加費用がかかります。 冷静になるとわかるのですが、水道トラブルで焦っている場合にはそのようなことも気づかなくなり、期待を
Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Sassには色調節の関数が色々用意されています。その中にadjust-color()というRGBとHSLで色を割合ではなく指定量だけ調節できる汎用関数があるんですが、RGBをそれぞれ同じ量だけ明るく(暗く)したい時の引数指定が面倒です。というわけでそれをラップするadjust-rgb()という関数を作ってみました。 @function adjust-rgb($color, $dec: 1) { $num: 255 * $dec; @return adjust-color($color, $red: $num, $green: $num, $blue: $num); } 第一引数で色を、第二引数で係数を指定します。係数は-1から1の間で、負の値を指定すると黒に近くなり、正の値を指定すると白に近くなります。 .test { color: adjust-rgb(#369, 0.2); // re
50 Highly Creative and Inspiring Black Color Websites By Vikas on Apr 12th, 2010 in Inspiration Save On Delicious Share When a designer is going to design a website, firstly he thinks, what should be the color scheme of website because color is the main part of any website design. Few years ago, light color was the choice of every designer but in now a days dark color is making popularity on in
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
普段ウェブページを作る環境がEmacsなので、簡単なカラーパレットが欲しいと思い作りました。基本的なパレットの他に自分でパレットを定義することも可能です。 Downloadhttp://github.com/keiji/e-palette/raw/master/e-palette.el Installload-pathの通った所へe-palette.elを入れ、 以下を.emacs.elに追加。 (autoload 'e-palette "e-palette" nil) (define-key global-map [f2] 'e-palette) 以上で完了です。 使い方e-paletteを呼出すことでwindowが二分割された下にパレットが表示されます。各色はviの移動コードjkhlで移動出来ます。指定の色にテキストカーソルを移動し、Enterもしくは\C-mで色を決定します。
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
IR_Black な color-theme を使ってみた - 刺身☆ブーメランのはてなダイアリー でいれた color-theme-irblack をいじって anything したときにハイライトされる行(いまカーソルのある行)が見えづらいのをなんとかした...んだけどもっとよさそうな color-theme-ir-black というのを見つけた。でもそちらもハイライトの色については同様だったので、 fork して書き換えてみた。 GitHub - kyanny/color-theme-ir-black: IR Black Color Theme for Emacs. 左が書き換え前、右が書き換え後のスクリーンショット。 差分はこんだけ。 Change highlight color more easy to see (high contrast against backgr… · k
「自転車は"身につけられる最大のもの"だと思います。だからこそ、ウエアも含めてトータルで見てほしい。店に大きな鏡を置いているのもそんな理由からなんです。鏡の前にバイクを持って行って、"どっちが似合う?"って感覚で選んでもらいたい」そう話すのは、東京都品川区にあるサイクルセレクトショップ・プロップサイクルズオーナーにして、ファッションデザイナーとしても多忙な日々を送る横森美奈子さんだ。現在はデザイナーとしての仕事が忙しく、ショップに姿を見せる日数も減ってしまったが、弟である店長の直賢さんとともに、お客のバイクカスタムを手助けしてきた。 デザイナーの視点からバイクを語る美奈子さんのアドバイスは、ほかのプロショップではなかなか聞けないものだ。 「機能性はもちろんですが、カッコよくなければ意味がない。バイクも服のコーディネートと同じで、全体のバランスが大切です。例えば、このバイク(上写真)は店
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く