最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
ActionScriptを使った表現の中でも最もインパクトのある表現のひとつが3D表現だろう。奥行きを持たせた3D表現は平面のモニタ画面上でも立体的な空間を感じさせることができ、見る者を強力に惹きつける。3D表現といっても多岐にわたるが、Lesson3ではActionScriptを使った3D表現をめざしてみよう。
よく使うhtmlとCSSのソースセット 読んで字のごとく、よく使うhtmlとcssのソースセット。プロパティはよく使いそうなやつで値は全部空。自分用ストックだったりするので、もしコピペする場合は状況に合わせていろいろ追加やカットしてくらさい。 ナビゲーション部分用のソース サイトのナビゲーション部分によく使ってるソース。意外とこれ毎回書くの面倒なので個人的にこの雛形は気に入ってる。背景画像は通常時もhover時も全部まとめて1枚もの画像になってる前提。 <ul id="navi"> <li id="menu01"><a href=" " title=" "> </a></li> <li id="menu02"><a href=" " title=" "> </a></li> <li id="menu03"><a href=" " title=" "> </a></li> <li id="m
普段かならずと言っても良いほど使うNowLoading。というわけで、いろんなタイプのNowLoadingを5種類まとめてみました。メインのタイムライン第1フレームに置くだけで動作します。自由に使って下さい。 1.Director風NowLoading なんだかDirectorを思わせる(思わせるだけだけど…)NowLoading。一気に100%までファイルを読み込んでしまっても、滑らかにバーが動くようになってます。 2.シマシマプリローダー ちょっとデカめで、クセのあるこいつの名はシマシマプリローダー。読み込み状態を示すバーの上に、シマシマ模様がちょろちょろ動いてちょっぴりオシャレです。 上と同じく、一気に読み込み終わっても、滑らかにバーが動く仕様です。 3.ゆっくりプリローダー その名の通り、ゆっくりバーが動くプリローダーです。 一気にファイルを読み込んでしまっても、100%まで等速で
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ
何処かの掲示板 ( URL 忘れてしまいました。ゴメンナサイ…。 ) で、指定の秒数止める Flash のコードがあったので、実際にサンプルを作ってみる事に。 今まで私は、停止したい時間の分だけフレームを追加してましたw ## サンプル 1 スクリプトの書かれたフレームで三秒間停止します。 var id = setInterval(go, 3000); stop(); function go() { clearInterval(id); play(); } – サンプルページ – ソースファイル ## サンプル 2 こちらも、スクリプトの書かれたフレームで三秒間停止します。 this.stop (); this.iid = setInterval (function (m) { m.play (); clearInterval (m.iid); }, 3000, this); – サンプル
■Ajax : 勉強用サンプル&解説 Ajax (Asynchronous JavaScript+XML) がどのようなものか勉強用としてページやサンプルを作成しましたので参考にしてみてください。 最終更新日:2017/12/16 AM 9:27 Ajaxを勉強しよう jQuery入門 【短期集中連載】この冬作ろう!jQueryプラグイン講座 上のjQueryプラグイン講座の続き 【第13回を追加】 Yahoo UI Library入門 WebDesigning掲載サンプル マイコミジャーナル記事 (Ajax関連) Ajax エフェクト Ajax関連書籍一覧 Ajax ライブラリ一覧 Webサービス APIサイト一覧 Ajax ライブラリリファレンス Prototype系ライブラリ サンプルプログラム 逆引きAdobe Spryリファレンス Google Maps API リファレンス G
Apollo のα版がリリースされたので、さっそく触ってみました。初日はランタイムをインストールしてサンプルを動かしてみました。コンパイルは時間がなくてまだ試せてません。2007.2.24追記:HTML+JS版 Apollo アプリを作ってみる で解説文章を書きはじめていますApollo を知らない人のために、おおざっぱにざっくり説明しておくと、Apollo は Web アプリを作るようにローカルアプリケーションを作れるようになるステキなライブラリです。Flash だけに縛られているわけではなく、Flash, Flex, HTML, Ajax などを統合して利用することができます。イメージはこんな感じ(Adobe の apollo_docs_alpha1_031907.zip からの引用)。図からもわかるように、HTML/JavaScript だけで Apollo API を利用してローカ
Top 10 custom JavaScript functions of all time とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」 読み込むことで、次のような便利関数が使えます。 addEvent - イベントの付与 addLoadEvent - onloadイベントの付与 getElementsByClass - classNameによってエレメントを得る。getElementById や getElementsByTagName のように使える ※ prototype.js にも実装されています。 cssQuery - cssのセレクタを元にエレメントを得る toggle - 表示、非表示を行う関数。 insertAfter - insertBefore という関数は標準でありますが、insertAfterというのはありません。
雑誌の表紙やポスターに出てくる美男美女の数々、ああいうのを見て「はぁ~」とタメイキをついている人に朗報です。フォトレタッチの技術があれば解決できます。一体どれぐらい修正され、補正され、整形されまくっているのかが簡単に確認できます。 詳細は以下から。 Glenn Feron - The Art of Retouching 例えばコレの場合、マウスを画像の上に乗せるとレタッチ前の画像が出てきます。胸のわきにあるはみ出た肉がきっちり補正されているのがよく分かります。 コレの場合はヒップとかウエストとか、さらには足の向きまで修正されています。 並べてみたバージョンはこちら。 fav images @ wannabepoet.net この人が実際に担当した雑誌の表紙が以下にあります。 Glenn Feron - Work おまけ:インプラント
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く