HDRiな生活

HDR(ハイダイナミックレンジ)写真の連載。ストックフォトでカメラ機材代の捻出を目論む。


2011年買って良かったモノリスト

2011年買って良かったモノリスト

しっとりとした成熟消費者目指して2011年のベストバイズ。

書斎工房 ペン立て
書斎工房 ペン立て

ペン立てはひとつじゃ足りない。かといって複数置くと面積をとるのでどうしようと悩んでた見つけた商品。ひとつひとつハンドメイドで小憎い質感な佇まい。良い。


ユニクロ ヒートテックワッフルタイツ
ユニクロ ヒートテックワッフルタイツ

これあれば1年中自転車に乗れるんじゃないかと思う一品。パンツ付けずに直ではく瞬間、昆布締めのコンブだけを剥がすような快感が。


アイリスオーヤマ 薄型テレビ用回転台ブラック
アイリスオーヤマ 薄型テレビ用回転台ブラック

iMacの土台に。映画を見たりもするので、回転したらいいなぁと購入したら思いのほか快適。もう固定には戻れない。配線を上手くまとめると、トラブル無しでくるくるまわる。コード周りの収納は過去エントリー:写真屋に最適なHDD構成はこうじゃないかしら?を参考にどうぞ。


CAMBRO[キャンブロ]オーガナイザー
CAMBRO[キャンブロ]オーガナイザー

ずっと増え続ける工具はスタッカブルで拡張しやすい入れ物じゃないと対応できないと知った30代。 100円ショップの箱でも対応できるけど、こういうのが並ぶとモチベーション上がるし、掃除もするようになる。たまに掃除がメインに。


PORTER iPod/iPhone ポーチ
PORTER iPod/iPhone ポーチ

大抵の日用品はどこかしら使い勝手が悪く、そこに愛着が生まれたりもするのですが、その点これは欠点が見当たらないパーフェクト。他にもたくさん類似品があるフィールドだけど頭一つ抜けてる商品。

値段の高い安いだけを見る買い物はもう今は昔。じっくりと商品と向き合うスタイルにこそ生活・視座のヒントがあると思うナウアデイズ。あれ、カメラ用品ほとんど買ってない。。。

コメント: 2

Google Maps でスタイリッシュな白黒地図を作成する

Google Maps でスタイリッシュな白黒地図を作成する

店舗のwebサイトに必ず必要なコンテンツのひとつ、店舗地図。もちろん既存の Google Maps がデファクトスタンダードになっているので、閲覧者の使い勝手を第一にするならば是非も無くデフォルトでお願いしたいのですが。
ただ、どうしてもサイトの色調とバッティングしてしまう時があります。ブランディングに関わることもあるでしょうし、そんなときに以下の手順で白黒ピシっと作れちゃうのでおすすめです。

<body onload="initialize()"> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script> <!-- var map; var tokyo = new google.maps.LatLng(35.681848, 139.757996); function initialize() { //地図上の各要素の設定。白黒を作成するのでほとんどの要素を saturation:-100 に設定。 //不要な情報は非表示(visibility: "off")にしちゃう //色の濃さは lightnessプロパティで変更する。 var stylez = [ { featureType:"transit.station",stylers:[{visibility: "off" }]}, { featureType: "transit",stylers: [{ saturation: -100 }]}, { featureType: "transit",elementType: "labels",stylers: [{ saturation: -100 }]}, { featureType: "administrative",stylers: [{ visibility: "off" }]}, { featureType: "landscape",stylers: [{ visibility: "off" }]}, { featureType: "poi",stylers: [{ visibility: "off" }]}, { featureType: "water",elementType: "labels",stylers: [{ visibility: "off" }]}, { featureType: "water",stylers: [{ saturation: -100 }]}, { featureType: "road",elementType: "labels",stylers: [{ visibility: "off" }]}, { featureType: "road",stylers: [{ saturation: -100 },{ lightness: 100 }]}, { featureType: "landscape",stylers: [{ saturation: -100 },{ lightness: -10 }]} ]; var mapOptions = { zoom: 15, center: tokyo }; map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); var styledMapOptions = { map: map, name: "Hip-Hop" } var jayzMapType =new google.maps.StyledMapType(stylez,styledMapOptions); map.mapTypes.set('hiphop', jayzMapType); map.setMapTypeId('hiphop'); //囲まれたエリアの作成・塗りつぶし var centraal; var rectangleCoords = [ new google.maps.LatLng(35.680101, 139.753959), new google.maps.LatLng(35.678706, 139.749818), new google.maps.LatLng(35.683377, 139.745333), new google.maps.LatLng(35.68831, 139.747017), new google.maps.LatLng(35.68783, 139.752602), new google.maps.LatLng(35.683822, 139.755377), new google.maps.LatLng(35.680101, 139.753959) ]; centraal = new google.maps.Polygon({ paths: rectangleCoords, strokeColor: "#cc5200", strokeOpacity: 0.3, strokeWeight: 3, fillColor: "#ff6600", fillOpacity: 0.3 }); centraal.setMap(map); } //--> </script> <div id="map_canvas" style="width: 640px; height: 480px;"></div> </body>

特定の場所を矩形で囲む(ポリゴンのオプション)、変更できる色、表示・非表示の仕様は MapTypeStyleFeatureType オブジェクトを参照してください。

もちろんプロパティいじればカラフルな地図も作製できるので、サイトのベースカラーに合わせて作成する事も可能です。すごくいい感じ。

コメント: 0

« 前の3件  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   17   18   19   20   21   22   23   24   25   26   27   28   29   30   31   32   33   34   35   36   37   38   39   40   41   42   43   44   45   46   47   48   49   50   51   52   53   54   55   56   57   58   59   60   61   62   63   64   65   66   67   68   69   70   71   72   73   74   75   76   77   78   79   80   81   82   83   84   85   86   87   88   89  90  91   92   93   94   95   96   97   98   99   100   101   102   103   104   105   106   107   108   109   110   111   112   113   114   115   116   117   118   119   120   121   122   123   124   125   126   127   128   129   130   131   132   133   134   135   136   137   138   139   140   141   142   143   144   145   146   147   148   149   150   151   152   153   154   155   156   157   158   159   160   161   162   163   164   165   166   167   168   169   170   171   172   173   174   175   176   177   178   179   180   181   182   183   184   185   186   187   188   189   190   191   192   193   194   195   196   197   198   199   200   201   202   203   204   205   206   207   208   209   210   211   212   213   214   215   216   217   218   219   220   221   222   223   224   225   226   227   228   229   230   231   232   233   234   235   236   237   238   239   240   241   242   243   244   245   246   247   248   249   250   251   252   253   254   255   256   257   258   259   260   261   262   263   264   265   266   267   268   269   270   271   272   273   274   275   276   277   278   279   280   281   282   283   284   285   286   287   288   289   290   291   292   293   294   295   296   297   298   299   300   301   302   303   304   305   306   307   308   309   310   311   312   313   314   315   316   317   318   319   320   321   322   323   324   325   326   327   328   329   330   331   332   333   334