シンプルなインターフェイスに、スライド時にさまざまなエフェクトが用意されたコンテンツスライダーを実装するjQueryのプラグインを紹介します。 下記キャプチャのエフェクトは3Dで、くるっぐい～ん、って感じです。 Adaptor, a jQuery 3D content slider Adaptorのデモ Adaptorの使い方 Adaptorのデモ コンテンツスライダーの対応ブラウザは、IE6を含むすべてのモダンブラウザです。 3DのエフェクトはFirefox, Chrome, Safariのみで、他のブラウザで表示した際はフェードのエフェクトになります。 スライドのエフェクト Adaptorの使い方 実装は3ステップです。 Step1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//code.jquery.com/jqu
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
1 ：以下、名無しにかわりましてVIPがお送りします ：2011/11/13(日) 16:16:37.69 ID:za/VoXcJ0 アニメ業界より詰んでるかもしれん 2 ：以下、名無しにかわりましてVIPがお送りします ：2011/11/13(日) 16:16:56.88 ID:2Nu0e/t+P 年齢と年収 7 ：以下、名無しにかわりましてVIPがお送りします ：2011/11/13(日) 16:18:33.09 ID:za/VoXcJ0 3DCG/23歳/年収200万/残業代なし/徹夜・土日出社多数 13 ：以下、名無しにかわりましてVIPがお送りします ：2011/11/13(日) 16:22:06.61 ID:GhjhW7Z20 >>7 だろうなぁ 好きではいってくるやつの多い業界はどこも安く買い叩かれる >>13 好きでも続かんわ 3 ：以下、名無しにかわりまし
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1：全速力で走っているモーションを効果的に加える方法 ◆2：バットマンのシンボルマークがよく見ると浮かび上がっている ◆3：SF映画のようなポスターに仕上げる ◆4：左右対称のライトニングエフェクト ◆5：マンガ風・カートゥーン風に塗る方法 ◆6：ファ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
