Category Archives: web

overflowで発生したスクロール

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

部分的に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;&#8221;内はアンカー
とかやたらスマートな物を発見。
本文中にアンカーを記述し、location.hashにそれを指定。スクロールした感じ。完結。

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

以下丸々コピペ

続きを読む »

MGむび と フラサイト

WS001145.JPG
NineMotions.com
ストレス0ページ移行。ウインドウのびのび。FLASHデザインスタジオ。
WS001147.JPG
DFORM
MG系ムービーおなかイッパイ置いてあります。
画像は“US Air Force” Tech Demo
WS001143.JPG
2advanced
ブルーメインのFLASHサイト。
画像はサイト内のREELS。MG系ムービー必見。

ロイヤリティフリー?

Image * After
写真素材集。

ポーカー

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

たけのこたけのこニョッキッキ

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

細明朝 = さいみんちょう

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

こういうのいいなぁ

lambo
LAMBO
サスーンとNOの人。MG .mov
firefoxmovie
Infinite
FireFoxのプロモ?かっこいい。MG .mov

Operaのテキストエリアの解釈が歯がゆい。そんな事は置いといて、FireFoxエクステンション

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

メテオとMicrosoftと逆再生とブーン。タイトルまとまんね。

メテオ
隕石衝突 (小太郎ぶろぐ)
たまーに、こういうシミュレーション映像が出てくるけど、今回のコレは恐怖感が過去最高。
本当に逃げ場がないのを実感させられる映像です。
Perfect!
もしMicrosoftがiPodを作ったら・・・ (youtube)
両者の対比がおもしろい。特徴抑えてます
りば
逆再生するでよ 
違和感があんまりなくて凄い。
神秘的です
ブーンが現実から逃げ切るようです。 (ニャー速)
part1
part2
part3
part4
part5
part6
part7
ブーンの読み物で他におもろいのと言えば
中世頃の設定?のブーンが兵士になったようです だったかな?
アレも面白い。
ブーン物って稀にいい作品が出てくるから見逃せないです。

class=”・・・名前何しようか”

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のちょっと高度な書き方
説明ベタなんで、こっちを参考にしてくださいです。