1. Home
  2. サイト運営情報
  3. アップデート
  4. 横になりながらダラダラした状態でブログを見れるようにしました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
dTVターミナルにAbemaTVやプライムビデオなどのアプリをインストールする方法!

dTVターミナルにAbemaTVやプライムビデオなどのアプリをインストールする方法!

dTVターミナル(dTV 01)はテレビで見るためのNTTドコモから発売されているデバイスですが、通常は他のアプリをインストールしたり、カスタマイズしたりはできない仕様になっ...

Android端末をWi-Fi経由でadb接続する方法!

Android端末をWi-Fi経由でadb接続する方法!

Android端末をコマンドライン上から色々な操作を行うことができるadbコマンドですが、通常adb接続する際にはパソコンとAndroid端末をUSBで接続したまま行うと思いますが、...

PCでスマホアプリが動くAndroidエミュレーター「NoxPlayer」がすごい!

PCでスマホアプリが動くAndroidエミュレーター「NoxPlayer」がすごい!

今回はパソコン上でスマホゲームやアプリを動かすことが出来るAndroidエミュレーターのNoxPlayerを紹介したいと思います。WindwosとMacバージョンがあり、どちらのOSでも簡...

1000円で買ったStar 4 Fitness Trackerスマートブレスレットが微妙だった話!

1000円で買ったStar 4 Fitness Trackerスマートブレスレットが微妙だった話!

先日レビューを書いた超激安のスマートブレスレットi5 Plusを買って以来、スマートブレスレットにハマっています。新たに激安の送料込み1000円以下で販売されていたStar 4 ...

タブレットやスマホをPCのサブディスプレイ化できる「TwomonUSB」が便利!

タブレットやスマホをPCのサブディスプレイ化できる「TwomonUSB」が便利!

家に余っているAndroidタブレットやスマホを持っていて、それをパソコンのサブディスプレイとして使いたいと思ったことはありませんか?そんなときにはTwomonUSBというアプ...

超激安のスマートブレスレットi5 Plusを買ってみた!

超激安のスマートブレスレットi5 Plusを買ってみた!

先日の記事でGearBest.comを使って海外からスマホやガジェットなどを安く買い物をする方法!を紹介しましたが、その際に購入した激安のスマートブレスレットi5 Plusのレビ...

ロジクールのSetPointを拡張する「SetPointPlus」で様々な機能を追加しよう!

ロジクールのSetPointを拡張する「SetPointPlus」で様々な機能を追加しよう!

ロジクールのマウスのボタン設定などを行うソフトであるSetPointですが、このSetPointを拡張して様々な機能を追加することが出来る「SetPointPlus」を紹介したいと思います...

日本未発売のコスパ最高Android Oneスマホの「Xiaomi Mi A1」を使ってみた!

日本未発売のコスパ最高Android Oneスマホの「Xiaomi Mi A1」を使ってみた!

前々から気になっていたAndroid Oneを入手したのでレビューを書きたいと思います。ちなみに今回のAndroid Oneスマホは日本では未発売でコスパ最強の「Xiaomi Mi A1」です。...

GearBest.comを使って海外からスマホやガジェットなどを安く買い物をする方法!

GearBest.comを使って海外からスマホやガジェットなどを安く買い物をする方法!

海外からスマホやガジェットなどを安く輸入したいときに便利なサイトのGearBestを紹介したいと思います。日本では売っていないような珍しいスマホやタブレット、周辺機器な...

サイトのデザインをVer3.5にアップデートしました!

サイトのデザインをVer3.5にアップデートしました!

本日よりShopDDのテンプレートデザインをVer3.5にアップデートしました。今回のアップデートでは見た目はあまり変化がないですが、内部コンテンツを大幅に書き直して高速化...

NetaGear RSS News

Now Loading

Article

横になりながらダラダラした状態でブログを見れるようにしました!

april_2012_000.png

今まで横になりながらだとShop DDが見にくいと思っていたあなたに朗報ですね!Shop DDのサイト全体を90度回転させました!これにより、横になりながらサイトが気軽に見えるようになりました。

当サイトでは、閲覧ユーザにだらだらした状態で横になりながらブログを見ることを推奨しています。管理人が寝ながらサイト閲覧推奨派ということもありますが、寝ながらブログを見るために最適化されたサイトとして他のブログの先を行くために、ユーザが何もしなくても標準で90度回転した状態で表示するように変更しました。
※現在はトップページだけ回転させています。

april_2012_001.png
標準状態だとどうしても、横になりながらの閲覧には向かないですね。そこでサイトを90度回転させました。

回転方法


body{
transform:rotate(270deg);
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



april_2012_002.png

上の回転用のコードを表示がこのようになります。まあ実際にはちょっと微調整しないといけないんですが細かいことはおいておきましょう。。

今回の個人的感想!




というわけで、90度回転しているので、普通の状態の人には読みにくい訳ですが、このサイトを普通の状態で見ている人はそうそういないので問題はないでしょう。プラス思考に考えれば脳トレもできるサイトとして使えます。

CSSも行っているのでjavascriptがoffでも動作してくれるのが良いですね~。ぜひ寝ながらサイト閲覧推奨派の方は試してみてください!

Related article

COMMENT TO THIS ENTRY

開いた瞬間ブラウザバグったかと思いましたよw

9655

開いた瞬間びびったww

9656

横になって見ると逆に読みにくい事に気付いたww

9657

人によってはCtrl+Alt+↑→↓←で回転できるけどね

9658

やっとこの機能でたか

今までモニターを横にしてて大変だったんだよ

9664

Most Popular

Now loading...

Social Links

Sponsored Link

MENU

NetaGear

Pure Css Design

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位50位が表示されます。今ならリンクするだけで簡単に上位に表示されます。

Amazon

Now Loading...