READ MORE

コーディング後のブラウザレンダリング確認において結構頭を悩ませるのが、ブラウザによっての各バージョンでのチェック。以前、BrowserShotなるものはここで紹介しましたが、今回は普段よく使っているIE各バージョンでのチェックが可能なツールについて2つほど。まずは「IE Tester」という名のツール。≫IE Test…

READ MORE

通常のHTML制作では画面上には特に影響を及ぼさない画像のALT指定ですが、それを効果的にページ上で表現するJSのご紹介です。JSファイルの配布元のサイトは「jCaption: jQuery Image Captions with Customizable Markup, Style and Animation」素材フ…

READ MORE

HTML制作においてのかゆい所に手が届く、的なJSライブラリ「yuga.js」を試してみました。≫yuga.jsこのライブラリはWEB制作において面倒な部分をごくシンプル且つ簡単にJSで動的に実装し、WEB制作を優雅にする為に作られている、と謳っているのですが、ほんと分かりやすく使いやすいです。(一緒にjQueryを使…

READ MORE

昨日、HTMLチェックツールについてもろもろ紹介したので、続いてCSSのチェックツールについて。CSSチェックツールはHTMLほど多く存在しないように思いますが、HTMLチェックツールと同様にWeb上での構文チェックサービスがあります。代表的なものではW3Cからのサービスで「CSS Validation Service…

READ MORE

HTML制作の際に欠かすことのできないHTMLチェックツール。Web上でのサービスで提供されているものやソフトなど様々ありますが、「Another HTML-lint gateway」はその中でも一番強力です。≫Another HTML-lint gateway文書構造だけでなくアクセシビリティ面などでも細かくチェック…

READ MORE

画像をマウスの動きに合わせて縦・横方向にグルグル3D回転させることができるスクリプトの紹介。グルグル感が気持ちよかったので試してみました。まずは横パターン使用方法もいたってシンプルで、必要なJSファイルを読み込ませ、回転させる画像群をIDで囲み<a>タグに関連クラスを付けるだけ。JSファイルは「mootoo…

READ MORE

最近ではサイト上でギャラリー的な表現をする場合、Flashで動きを付けてきれいに見せるやり方はよく見かけますが、Flashを使わずに何か出来ないか実験的に試してみました。jQueryでの表示を動的に切り替える(ソートさせる)プラグインに加え、最近お気に入りのFancyBoxと組み合わせることで下記の様な見せ方が。サンプ…

READ MORE

大塚製薬から始まった「バーチャル東京マラソン2009」東京マラソンを見立てた仮想空間42.195kmを作成したアバターが走る、ネット上でのマラソン大会。スゴロク的な感じでおもしろそうです。≫バーチャル東京マラソン2009本番大会に向けた練習として実際の走行距離をアバターに走らせる。走行距離がグラフ化され、練習量やペース…

READ MORE

メールに添付するには容量の大きなサイズのファイルを送る際、よく使われるもので「宅ふぁいる便」や「おくりん坊」などありますが、それでも50MB~250MB程度が限界だったりします。そこで大容量のファイルを送ることができるサービス(無料で)のご紹介。≫Filemail.comここのサイトで送れるファイル容量は最大で2GB。…

READ MORE

JavaScriptを使ってDock風メニューを表現する方法はいろいろありますが、そこをなんとかCSSだけで作れないものか、試してみました。(注:暇なわけではありません。。。)サムネイル画像とするブロックと、拡大後のブロックを重ね合わせ、通常では拡大画像は[display:none]で非表示に。マウスオン[a:hove…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner