タグ

2015年6月17日のブックマーク (2件)

  • もう逃げない。HTMLのviewportをちゃんと理解する

    <meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す

    もう逃げない。HTMLのviewportをちゃんと理解する
  • 中野のカウンセラーに教えてもらった必殺心理テスト | ire-賃貸SMOCCA!

    あなたには、ちゃんと見えていますか? 筆者が夜な夜な出没するエリアは中野駅近辺ですが、そんな中野で心理カウンセリングをしている友人から教えてもらった心理テストです。 下の写真にはおかしな箇所が一箇所あります。 下の写真を30秒みて見て、おかしな箇所を探してください。 Look at this! よーく、よーく見てください。 正解は下にスクロール ↓ ↓ ↓ ↓ ↓ ↓ 正解は 見つけられましたか? 実は左上のドーナッツにネズミが乗っています。 調査(弊社調べ)では、 100%の男性が、ネズミを見つけることができず、 100%の女性が、ネズミを見つけることができた、 という結果になりました。 この心理テストは、”カリギュラ効果”と”神経回路にある乳児期の母親との結びつき”を利用した深層心理テストです。 カリギュラ効果とは カリギュラ効果(カリギュラこうか)とは、禁止されると、かえって余計にそ

    中野のカウンセラーに教えてもらった必殺心理テスト | ire-賃貸SMOCCA!