タグ

2014年5月27日のブックマーク (4件)

  • [iBeacon] 外にある色々なものに埋めるとBeaconの電波がどうなるのか試してみた | DevelopersIO

    こんにちは!おおはしりきたけです。前回は、色々なカバーをつけた場合のBeaconの電波強度について調べてみました。Beaconを外でも活用したいという方も居ると思います。実際土に埋めたらどうなるのか?など私も気になっていたので、外にある色々なものに埋めてBeaconの電波がどうなるのか色々と試してみました。 iBeaconとは? 前回に引き続き、一応今回もこちらの資料を見ていただければと思います。 検証端末について 今回も検証で利用したのは、Aplix社さんのBM1というBeaconになります。防水防塵のためジップロックに包んでかつケースに入れて試してみました。 BM1について 検証したBM1は、以下の写真のものになります。Measured Powerは-59です。Measured PowerとはBeaconモジュールと、受信機の間が1mの場合の受信信号強度(RSSI:Received S

    [iBeacon] 外にある色々なものに埋めるとBeaconの電波がどうなるのか試してみた | DevelopersIO
  • マウスオーバーで動くなめらかカルーセルパネル (1/2)

    軽快でなめらかなカルーセルパネル 毎週アップロードされる充実した動画コンテンツを、カルーセルパネルやボックスレイアウトで賑やかかつコンパクトにまとめている「Universiteit van Nederland」。このサイトのカルーセルパネルは、マウスカーソルの位置に応じて軽快でなめらかに動く。 STEP 1:基構造を用意する 今回作成するカルーセルは、横長のコンテンツをマウスの座標に応じて左右に移動させることで、スクロールの動きを演出している。 通常のボックススクロールでは、overflow: scroll; でスクロールバーを表示させ、スクロールバーの操作によってコンテンツを移動させる。今回のカルーセルは、スクロールバーの代わりにマウス座標を利用するため、overflow: hidden;で表示ボックス(.holder)からはみ出す部分を非表示化。内部(.inner)に横長のコンテンツ

    マウスオーバーで動くなめらかカルーセルパネル (1/2)
  • [JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal

    デモページ フッタはダイナミックに3Dで表示されます。 ScrollRevealの使い方 Step 1: 外部ファイル 当スクリプトとAni.jsを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML 各要素のアニメーションの設定は、HTMLに記述

  • 資料を何度も作り直させるのは三流以下の仕事 | サイボウズ式

    【サイボウズ式編集部より】この「ブロガーズ・コラム」は、著名ブロガーをサイボウズ外部から招いて、チームワークに関するコラムを執筆いただいています。今回は「My Favorite, Addict and Rhetoric Lovers Only」のファーレンハイトさんが考える「成果につながる仕事の依頼の仕方」についてです。 チームで仕事をする際に避けられないのは「仕事の依頼」です。 自分が仕事の依頼をすることもあれば、誰かから仕事を依頼されることもあるでしょう。チームワークが難しいひとつの理由に、優秀なプレイヤーは、優秀なワン・オブ・チームメイトでは必ずしもないという点が挙げられるでしょう。それが顕著に出る一例になります。 同時にこれは、組織における「教育」という側面に密接に関わっています。日企業の多くは小さいタスクを新人や後輩に任せることで、成長を促しながら実業務の負荷分散を行っていくと

    資料を何度も作り直させるのは三流以下の仕事 | サイボウズ式