READ MORE

海外のサイトのブログは残念ながら英語が読めないことから、内容がすべて理解できないことがあったりするのですが、単純にフリー素材やフリーフォントを数多く紹介しているものがあるので、ちょっと紹介してみます。≫tripwire magazinePSD素材やPhotoshopチュートリアルに加え、HTML・CSSでのTIP集など…

READ MORE

WEBページ上で、ボタン一つでレイアウトを切り替える、あまりそういったサイトはあまり見たことありませんが、あったら面白いかなと思っています。イメージとしてはページ上にレイアウト変更用ボタンが用意してあり、それをクリックすると、ページ上のレイアウトが変わる。ユーザそれぞれの見やすい形でページの情報を取得させる、といった意…

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本番大会に向けた練習として実際の走行距離をアバターに走らせる。走行距離がグラフ化され、練習量やペース…

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