ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i

これからjQueryを始める方へ -入門書の選び方・読み方- 先月「Web制作の現場で使うjQueryデザイン入門(以下、ドーナツ本)」の改訂版を出版し、昨年末は「やさしくはじめるWebデザイナーのためのjQueryの学校(以下、jQueryの学校)」の監修をおこなっていたので、ここ半年はずっとjQueryを始める方が、何を求めているか何でつまづいているかを改めて考えなおしておりました。 まず、最初に重要なのはどの入門書を選ぶかということ。 「ドーナツ本」は3万部を売り上げた人気書籍なわけですが、すべてのユーザーにマッチする本ではないと思っています。 この書籍を執筆はじめた当時はjQueryの書籍といえば「jQueryで作る Ajaxアプリケーション」や「実践!Ajaxフレームワーク jQuery」などしかなく、競合書籍として確認しましたが、プログラマー向けの書籍でした。そこで「ドーナツ本

Evernote、便利ですよね。私は公私共にフル活用していまして、Evernoteなしでは生きていけないレベルです。 自分では、そこそこフル活用している自負がありますが、そうはいっても我流です。なので、ときどき、「自分の使い方、これでいいのかな？もっと、上手な活用法があったりするのかな？」って思うんですよね。 なにしろ、取扱説明書はないし（書籍はありますが）、他人のEvernoteを見せてもらう機会もないですから、他人が何の目的でどう使っているのか、興味津々なわけですよ。 検索したり、人から話を聞いて調べてみた結果、「こんな使い方があるんだ」、「その手があったか」といろんな発見があったので、紹介しますね。 ＜目次＞ こんなかんじで、5つにカテゴライズしてみました。 (*^_^*) 定番 (´・ω・｀) へぇ～ (・∀・) ｲｲ!! （；^ω^） 私だけ？ (・∀・)オススメ ■1．(*^_

この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Taxes / Mat Honan 先日、開業してからはじめての確定申告（青色申告）を終えました、@ushigyuです。 いやー、大変でした。 口座やカードは事業／個人で分けるべき、などといった情報は聞いたことがあったものの、申告時に苦労こそすれ何とかなるだろと思って結局何もしませんでした。結果、手間が倍以上に膨らむことに。。。 それだけではなく、日頃から確定申告を想定して記録など取っておかないと、税金的にも損をしてしまうのです。 一度でもやったことのある人にとっては常識ですが、私のような個人事業主1年目の方やこれから始めようと思っている方のために、まとめておきたいと思います。 ① 銀行口座・カードを事業用、個人用で分けるこれは、あちこちで良く言われていること

世界的ベストセラー作家ジャレド・ダイアモンド氏の講演が2013年2月11日、日本科学未来館で開かれた。主催者の「日本科学未来館」が進める「つながり」プロジェクトから、５つの質問がダイヤモンド氏に投げかけられた。人間が今後も活動を続けていくためのヒントとして、江戸幕府の森林政策が例に出されるなど、ダイヤモンド氏は独自の視点から考えを述べた。 ・全文書き起こし（1／2）はこちらから http://news.nicovideo.jp/watch/nw535329 ■ 「生物全体の中で人間はどのような存在でしょうか」 ダイアモンド先生、どうもありがとうございました。 それでは、第2部では人間と地球のつながりに関する、いくつかの問いにまいります。日本科学未来館で取り組んでおります「つながりプロジェクト」では、持続可能な未来のために私たち一人一人が3つのつながりを実感することを重要と考えております。そ

今回は、ニコニコ動画で上がっている 「簡単な漫画の描き」 の講座のご紹介です。 この動画では、 漫画を効率よく簡単に描くためのテクニックが紹介されており 非常に為になると思います。 http://www.nicovideo.jp/watch/sm18441429 これから、漫画を描き始める人や、漫画を描かれている人も 一度ご覧になってはいかがでしょうか。 動画の中でテクニックをまとめておきます。 【用意するもの】 ・ペンはピグマのミリペン0.4ミリ　0.1ミリ ・紙はA3のコピー用紙を使用 【簡易的な枠線作り】 段ボールで簡易枠線を作る 紙がA3のため大きいので、半分に切る 【下書き】 下書き開始 手汗がひどい人は、ビニール素材の紙を手の下に引く 【ペン入れ】 まずは、0.1ミリのミリペンで細かい所を 細かい所が描けたら 残りの部分を0.4ミリで線の強弱を意識して描いていく 人物画描き終わ

こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ

三点リーダ「…」が「…」という風に真ん中に表示されない問題について調べてみました。 １．三点リーダとは 説明するまでもありませんが、点を3つ横に並べた形をした記号のことで、語尾を省略したり、言葉の余韻を残すときに使う「…」です。 ２．問題点 たとえばブログを書いているときに、記事編集画面のテキストエリアでは「…」と表示されているのに、公開したページでは「…」となることがあります。 ３．原因 三点リーダが真ん中に表示されないのはCSSの「font-family」の設定によるものです。 「font-family」の値には多くのフォントを並べているケースが多いと思いますが、その一番最初に記述しているフォントに依存します。 たとえば、このブログのfont-familyは以下のようになっています。 font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro

「Raspberry Pi」は、素晴らしい能力を秘めた手のひらサイズの小型コンピューターです。小さいくせに、ホームメディアセンターやVPNを構築できるパワーがあるのです。試してみたくなった人向けに、今回はRaspberry Piを設定してOSをインストールする方法を紹介しましょう。 まだ買っていないのなら、この記事の最初のセクションを読んで、Raspberry Piとは何か、何が必要になるのか、どれほど素晴らしいことができるのかに触れてみてください。 Raspberry Piって何？ Raspberry Piは、ポケットに入るくらい小さいくせに（実際に入れる人はいないでしょうけど）、大きな能力を持ったミニコンピューターです。約35～40ドルで、2系統のビデオ出力（HDMIとアナログ・コンポジット）を備えた、機械むき出しのコンピューターが手に入ります。最大2つのUSB機器が接続できます（たい

AppBank の主任です。昨年、Dropbox でも「2ステップ認証」が利用可能になり、セキュリティを向上させる手段が増えました。 「2ステップ認証」とは、ユーザー名とパスワードという通常の認証に加え、一定間隔で生成されるコードを入力する認証も行うもの。 ユーザー名・パスワードは固定ですがコードはランダムなので、乗っ取り・不正アクセスをより困難にします。Google でも採用されています。 という訳で今回は Dropbox で 2ステップ認証を設定する方法をご紹介します。 ※Google/Gmail で2ステップ認証を行う方法は以下の記事でご紹介しています。→Gmailの乗っ取りを防ぐ「2段階認証」を設定する方法 iPhoneアプリをインストールする あらかじめ2ステップ認証に必要なアプリをダウンロードしましょう。必要なのは Google Authenticator。無料です。 Drop

グレースケール変換の方法は多々ありますが、どうも「モード」→「グレー」がDisられる傾向があるようなのでそれは違うよ！というところから少し。 モード→グレーは結構優秀 （実際にはモードから変換するのではなくて、「編集」→「プロファイル変換」を勧めます。これだけは設定しておきたいPhotoshopショートカットキーの小ネタ） これを変換してみましょう。 (以下マウスオーバーでこの画像に変わります） モード変換グレー 他と比べると濃いのですが、色の濃度変換は最も感覚的に近いかと。PCの方はカーソル乗せたり外したりしてみてください。 参考：osakana.factory – グレースケールのひみつの３番目 どちらにしても、オフセット印刷向けに変換するのであればこの後の調整は「必須」です。これはどの方法でも同じです。 LabモードLチャンネル Lab変換後Lチャンネルのみ表示させ、そのままモード変

どの段階にあるかはCSS current work & how to participateで確認できます。 また、list-style、backgroundなどのように略せるものは略して書くようにしていますが、略さない場合も下に載せています。略し方については「まとめて書くことができるCSSプロパティの8つのパターン｜Webpark」をご参考に。 若干それましたが、試行錯誤して並べた結果がこちらです。普段よく使うプロパティのみ載せています。 表示に関するプロパティ まずは表示に関する内容です。見える見えないは一番大切なことということでしょうか。 display list-style list-style-type list-style-image list-style-position overflow clip visibility opacity 配置に関するプロパティ 次はどこに配置

ブログをはじめて1年。有難いことにtwitterなどで声をかけてくださる方も増え、今年はできるだけ、勉強会とかオフ的なものに顔を出したいと、そんな目標を掲げています…！そのため、個人名刺をつくってみました。 憧れの個人名刺 地方住み＋幼児持ちというステータスのためちょっと自重してた部分もあるのですが、夫からそういうのは積極的に参加すべしという有難いお達しが出たので、まずは先行して… 憧れのプラスチック名刺をつくってみました…！ youの右側のボカシは、本名がカタカナで入っています。隠すほど変わった名前でもないんですが、ここでは一応w YMCard こちらの印刷会社さんでつくってもらいました。ヌードプラスという、透明プラスチックの名刺です。白地をひくことが出来るので、従来のもの（ヌード）より可読性が良くなり、半透明感も演出できるという素材です(*´∀｀*) ちなみに、お値段は100枚で3,5

The Station is a weekly newsletter dedicated to all things transportation. Sign up here — just click The Station — to receive the full edition of the newsletter every weekend in your inbox. Sub

デジタル機器の利用動向で知られるコムスコアの調査によると、2011年12月時点の日本における携帯電話に占めるスマートフォンの割合は16.6%でしたが、2012年6月には23.5%になり、半年で約7ポイントも増加しました。「まだ4人に1人の割合じゃないか」と思う方もおられるでしょう。 しかし、有名な「キャズム理論」によれば、普及率がイノベーターとアーリーアダプターを合わせて16%を超えると、一般大衆が技術を受け入れます。2012年12月時点の普及率はまだわかりませんが、すでに半分を超えていてもおかしくありません。スマートフォン未対応の企業サイトは、「時代遅れ」といっても過言ではないのです。 日本のスマートフォンサイトの問題点 すでにスマートフォン対応を済ませた日本の企業サイトは「マーケットに素早く対応して流石だ！是非、お手本として見習おう」といえるでしょうか？　先行してスマートフォンに対応し

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ