1. Home
  2. サイト運営情報
  3. アップデート
  4. 横になりながらダラダラした状態でブログを見れるようにしました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
LEAWO Blu-rayコピーが50%OFF!コロナに負けるなキャンペーンを実施中!

LEAWO Blu-rayコピーが50%OFF!コロナに負けるなキャンペーンを実施中!

LEAWOでは現在、コロナに負けるな!みんなで乗り切る!応援キャンペーンを実施しています。Leawo オールインワンやBlu-ray作成、DVD作成などの永久版が50%OFF、Leawo Prof....

女装してYoutuberを始めることにしました!

女装してYoutuberを始めることにしました!

本日よりおっさんだけど女装してYoutuberを始めることにしました。ブログ開設から15年目で突然こいつは何を頭がおかしい事をいい出してるんだと思われた古参ユーザーもいる...

ドライブレコーダーAPEMAN C550を内装を剥がしてミラココアに取り付けてみた!

ドライブレコーダーAPEMAN C550を内装を剥がしてミラココアに取り付けてみた!

私の母の車にはドライブレコーダーがついていないので今回はAPEMAN C550という5000円以下で購入可能な激安ドライブレコーダーを自分で取り付けてみました。こういうのもプ...

コスパ最高なドライブレコーダーAPEMAN C550を使ってみた!

コスパ最高なドライブレコーダーAPEMAN C550を使ってみた!

ここ近年では車を運転中のトラブルなどがよく話題になっていますよね。あおり運転など危険な運転をされたときのためにもドライブレコーダーはあったほうがいいです。ドライ...

新色ブルーが発売!Tribit StormBoxスピーカーを2台ペアリングして使ってみた!

新色ブルーが発売!Tribit StormBoxスピーカーを2台ペアリングして使ってみた!

ちょっと前の記事で完全防水IPX7&360度のTribit StormBox bluetoothスピーカーを使ってみた!という記事でTribit StormBoxスピーカーについてのレビュー記事を書きました...

Zhiyun Crane-M2が更に値引き!ジンバルが届いたので確認してみた!

Zhiyun Crane-M2が更に値引き!ジンバルが届いたので確認してみた!

先日の記事でアメリカのAmazonでZhiyun Crane-M2の新品同様品が激安で販売されているという記事を書きましたが、なんとさらに値引きされて129ドルで販売されています。価格...

BOOK☆WALKERで50%還元の春のホン祭りキャンペーンを実施中!初回購入は100%還元!

BOOK☆WALKERで50%還元の春のホン祭りキャンペーンを実施中!初回購入は100%還元!

BOOK☆WALKERでは、春からの新生活、本のある暮らしを楽しんでもらいたいというそんな思いを込めて、「春のホン祭り!全会員コイン50%還元キャンペーン」を実施しています...

激安ShopDDにAmazonタイムセール検索機能などを追加するアップデートを実施!

激安ShopDDにAmazonタイムセール検索機能などを追加するアップデートを実施!

激安特価情報サイトの激安ShopDDが公開してから一ヶ月ちょっと経ちましたが、今回Amazonのタイムセールの検索機能を追加しました。Amazonのタイムセールって結構安いのもあ...

3軸ジンバルのZhiyun CRANE M2を安く購入する方法!

3軸ジンバルのZhiyun CRANE M2を安く購入する方法!

最近カメラ関連でジンバルが欲しくて色々探していたのですが、持ち運びもしやすいサイズ感でミラーレス一眼もスマホもアクションカメラも載せられる優秀なジンバルを見つけ...

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...