Frea.Inventory

久々に仕事を持って帰ってしまったイエー！

部分的にiframeぽく見せるためoverflowを利用しているのですが、JSにて特定の場所までスクローリングするには、どうしたらよいか週末頭を悩ませていました。

<br /> <script type="text/javascript"> function scrolls(){ document.getElementById('list').doScroll('down'); } </script><br /> ~~~~~~</p> <div id="list" style="overflow:auto;height:300px;width:300px;"> 本文内容 </div> <p>~~~~~<br />

最初はdoScrollで大体（ほんとうに大体）の位置までスクローリングさせていたのですが、ページ切り替えの際あまり現時的では無いので、何かしっくり来るものを探していると、
location.hash = &#8220;test&#8221;;//&#8221;"内はアンカー
とかやたらスマートな物を発見。
本文中にアンカーを記述し、location.hashにそれを指定。スクロールした感じ。完結。

今日はゆっくり寝られそうです。

以下丸々コピペ

続きを見る »

NineMotions.com
ストレス0ページ移行。ウインドウのびのび。FLASHデザインスタジオ。

DFORM
MG系ムービーおなかイッパイ置いてあります。
画像は“US Air Force” Tech Demo

2advanced
ブルーメインのFLASHサイト。
画像はサイト内のREELS。MG系ムービー必見。

Image * After
写真素材集。

PokerFaceDown
2chポーカー。
ゲームテンポが光るFLASH。サクサク進む進む。

OrganicHTML
サイトアドを貼ってめきめきオート生け花・・・？
サイトに使ってる色も拾うとか拾わないとか。きもい！

フォントって声に出さないから調べてみた。
うわー嘘読みしてたのがいっぱい。

LAMBO
サスーンとNOの人。MG .mov

Infinite
FireFoxのプロモ？かっこいい。MG .mov

何かと便利な拡張機能ガイド
窓杜エクステ特集
最近驚いたのが、FireFox上からでもIEエンジンに切り替えて使えるということです。つうわけで、仕事上でも利用させて頂いております。
ただ、IEエンジンにしたらジェスチャ機能が黙るのがつらいなぁ。
他にも便利な拡張機能満載。今更ながらFx凄いと思う。

隕石衝突　（小太郎ぶろぐ）
たまーに、こういうシミュレーション映像が出てくるけど、今回のコレは恐怖感が過去最高。
本当に逃げ場がないのを実感させられる映像です。

もしMicrosoftがiPodを作ったら・・・　（youtube）
両者の対比がおもしろい。特徴抑えてます

逆再生するでよ　
違和感があんまりなくて凄い。
神秘的です
ブーンが現実から逃げ切るようです。　（ニャー速）
part1
part2
part3
part4
part5
part6
part7
過去に生活保護を受けてる人としばらく触れる機会があったけど、何のために生きてんの？て感じだった。
というか行動がちょっと怖かったなぁ・・・メッセ教えたらすごい絡んできたり、突然全裸のシャメ送って来たり、専門学校に行きたいとか言ったり、好きになった云々とか。
正直VIPクオリティのが笑える部分があるだけまだマシや。
普通の人目線で行くとそんな風にしか見えない状態です。理解するのにえらい苦労すると思います。ずっと理解できない可能性のが圧倒的かも。生活保護。
で、ちょい反れたけど、上の作品はフィクションて事で読んでくださいな。
本当に保護を必要としている人、普通に仕事して稼いでる人からすればフザケンナ！と感じると思います。
ブーンの読み物で他におもろいのと言えば
中世頃の設定？のブーンが兵士になったようです　だったかな？
アレも面白い。
ブーン物って稀にいい作品が出てくるから見逃せないです。

CSSの記述を簡略化
body{
background-image:url(~~~.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:left bottom;
padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;
}
とまぁ長ったらしい記述を
body{
background:url(~~~.gif) no-repeat #FFFFFF left bottom;
padding:1px 2px 1px 2px;
}
のように短く簡略化する技術、ショートハンド。
時間短縮や記述の整頓に役立ちまっせ。
逆にショートハンドに慣れてくると
background-・・・アレ、なんだっけ？
という感じに略さない記述を忘れがちに。
WEB工房きくちゃん – CSSのちょっと高度な書き方
説明ベタなんで、こっちを参考にしてくださいです。