Tagged ‘html’

外部Javascriptの読み込み方法あれこれ

繋がれたjQueryjQueryなど外部Javascriptの読み込み方法はいくつかあるし流行もある。

設置場所は
・headタグ下部に入れる
・bodyタグ下部に入れる
・bodyタグ上部に入れる

URLは
・ファイルを同サーバー上に設置する。
・Google等のCDNを指定する(//開始)。
・Google等のCDNを指定する(https://開始)。

レトロな方法は「headタグ下部に入れる」「ファイルを同サーバー上に設置する」の組み合わせで、モダンな方法は「bodyタグ下部に入れる」「Google等のCDNを指定する(https://開始)」の組み合わせになるが、単純にこの方法が良いとか悪いとかは言えない。
(さらに…)

HTML・CSSで刀で斬るようなアニメーション

リンゴを斬る
最近LIGのブログを見る機会が多くなった。LIGは面白法人カヤックバーグハンバーグバーグの流れを汲んだキワモノの系の制作会社で、そのLIGのブログが技術系の記事が増えてきたので毎日読んでる。昨日も刀でズバッと斬るようなアニメーションをHTML・CSS・JS(jQuery)で実装する方法 | 株式会社LIGを読んで「さすがLIG、このタイミングで首をはねるアニメーションを作るとは・・・」とも思ったが俺も作ってみた。
(さらに…)

IMEで快適タグ打ち

よく、「便利」とか「裏技」みたいな記事を見て「これはいいかも」と思って、使ってみるが結局使わなくなる事が多いがブログでよく使うタグをIMEに登録する¥のコツ*ホームページを作る人のネタ帳は使える。
タグをIMEの辞書登録しとくって内容。
ホームページを作るときにDreamWeaverを使ってるけど、殆どカーソル移動とタグの補完ぐらいしか使っていない。タグを打ち込むのは手作業だったりするので辞書登録しておくと便利。
CSSとかも入れとくと便利。
例えば背景色(background-color)なんかはよく使うのに長いのでいいかも。
ただ、ホームページを参照するときはFireFoxのアドオンのMake Linkを使った方が速い。