はてなブックマーク

• あとで読む

  jQuery を使ったパララックス効果 jParallax | Nutspress

  10 users

  www.nutspress.com

  画像を水平や垂直に移動させることによって奥行き感を出すのをパララックス効果と呼びますが、これをWebデザインで実装してみようってことで、以前のテーマでスタイルシートを使ったパララックス効果を使ってみましたが、今回はjQueryを使ったパララックス効果jParallaxに挑戦。jQueryを使うだけあって、とても動きが滑らかです。 demo マウスオーバーで画像が横スクロールしてパラグライダーが飛んでいるように見えるかな･･･これは透過画像を4枚使っています。画像は何枚使っても大丈夫そうですが、あまり多いと動きが見えづらく汚くなりそうだったので4～5枚程度がええかなと思います。 まずはjQueryとjquery.jparallax.jsをダウンロードしてきます。次に画像ですが、.png形式のものを好みで用意。グラフィックを作るときに、奥になる画像は少しぼかして彩度を落としてみたり、手前の画像

  • 世の中
  • 2011/07/12 15:56

  • jQuery
  • *javascript
• あとで読む

  Wordpress で Google Maps を表示させるプラグインGoogle Maps v3 Shortcode | Nutspress

  9 users

  www.nutspress.com

  WordPress で Google Maps を表示させるプラグインGoogle Maps v3 Shortcode いろんなプラグインがリリースされているのですが、APIキーの取得が必要であったり（まぁ、大したことないですが、、、）、PHP5でしか動作しないとか、あれこれ試してみた結果 Google Maps v3 Shortcode を使用してみることにしました。 こちらはAPIキーを必要としないプラグインなのですが、設定が少し厄介ではあります。プラグインをインストール後投稿画面でショートコードを使えるようになります。このショートコードに記述する内容を自分でカスタマイズする必要があります。ショートコードの解説は作者自身のブログWordPress Plugin: Google Maps v3 Shortcodeで紹介されていますから、そちらを参照しながら設定します。 デフォルトはサイズ

  • 学び
  • 2011/07/11 00:17

  • Google Maps
  • wordpress
  • 使い方
• あとで読む

  スライダーを使ったサイトデザインいろいろ | Nutspress

  3 users

  www.nutspress.com

  背景画像の全画面表示でのスライダーを使ってみたくてちょっと集めてみました。コンテンツ内でスライドさせているサイトはたくさんあるのですが、全画面でのスライドとなると結構絞られますね。ページの読み込み速度とかを考えると全画面で動かすのは少し辛いのかも。。。 ESTÚDIO FOMA 一番やってみたいことに近いかも。 Octavo Designs とても見やすくて動きもスムーズ Antonio Giuseppe Peligra 左メニュークリックでコンテンツがスライドしておりてきます。 Merus Wines メニューが下からニュキっとでてきます。ページ遷移が少し重いかな。 Head2Heart グラフィックス、ナビゲーション、動き、どれをとっても秀逸。スライドの動きもスムーズ FORGE 横からメニューが出てきてスライドしていきます。 Alex Noren スライドと

  • 世の中
  • 2011/05/26 16:53

  • webデザイン参考
• あとで読む

  シンプルだけど詳細にこだわったサイトデザイン10選 | Nutspress

  4 users

  www.nutspress.com

  シンプルなデザインは飽きがこないかわりに単調になりがちですが、ちょっとこだわりを持たせることで厚みのあるデザインになります。例えば、テクスチャー使いであったり、Javascriptによる動的な変化であったり。。。シンプルだけど計算されつくしたサイトデザインを集めてみました。（あくまでも主観ですが） Two Fish Illustration & Design パララックス効果を使ったサイト。のぞき穴的な感じもあってこのCSSテクニックはちょっと使ってみたいところです。フォントの選び方も素敵です。 cultural solutions uk 柔らかい中間色で透過.pngを大量に使ったパララックス効果が生きているデザイン。プレスレターの使い方も抜群。 co: collective シンプルすぎるくらいシンプルなデザイン、その分コンテンツが際立っています。タイトルにjavascript

  • 暮らし
  • 2011/05/25 17:29

  • デザイン
  • webデザイン参考
  • WEB制作
• あとで読む

  CSSでイメージマスクを設定してみる | Nutspress

  3 users

  www.nutspress.com

  ちょっと気になるエフェクト効果を出せるスタイルシートがTrent Waltonのブログ CSS Mask-Image & Text で紹介されていたので1ページ作ってみました。テキスト文字の上にイメージマスクを使って光が当たっているような効果を出すことが出来ます。 サンプルページはこちら Chrome と Safari しか対応していないので、まだまだ実践的ではないのですがかなり面白い効果だと思います。CSS3は本当に面白いことがいっぱい出来ますよねぇ＾＾ 画像にマスクをかける要領で、シェイプに合わせてテキストにマスクをかけて表示することもできそうです。 CSSの書き方はこちら 今回はヘッダー部分に書かれているテキスト全体にエフェクトをかけたかったので、ヘッダー全体にスタイルを指定います。 #header{ -webkit-text-fill-color: transparent; -w

  • 暮らし
  • 2011/05/21 15:32

  • *web
• あとで読む

  iframe を使ってのFacebookページ作成について | Nutspress

  4 users

  www.nutspress.com

  Facebookより3月10日までに新機能に完全に移行するのでページをアップグレードしてくださいとお知らせメールが届きました。『スタティックFBML』の新規追加がなくなる=FBMLからiframeへ移行を推奨しています。3月に入りログアウト時でもiframeが表示されるようにバグ修正されています。 iframeを利用した方が、普通にHTMLで書くことが出来るのでデザインの自由度が高いです。ページのメンテナンスもやりやすいですし。ただ、ブラウザによって読み込み速度がかなり違ってくるのが気になるところですけど。（Firefoxでの表示が一番時間かかる。。。な） Baliparaのページ、これまで作ったWelcomeページ、Areasページに、新たにSupportページを追加。それぞれのページの下部にコンタクトフォームを設置して、Facebookからも予約が入れれるようにする。こんな感じで作業し

  • 暮らし
  • 2011/04/05 22:54

  • facebook
  • html
  • work
  • business
• あとで読む

  アニメーションを使ってお洒落なコンテンツ表示 | Nutspress

  3 users

  www.nutspress.com

  まるでフラッシュのような動き（？）かと思えるほど、スムーズなアニメーションでコンテンツの表示を切り替えるｊQueryスクリプト『Animated Content Menu with jQuery』を試してみました。 Animated Content Menu with jQuery レストランなどのメニューなどを紹介するのにいい感じなんですが、ちょっと変えればいろんなコンテンツ案内に使えそうです。 サンプルこれ 今回もバリパラさんを使ってみたのですが、最近、毎朝サヌールビーチの美しい夜明けを撮られているのでそれを使ってサヌールの案内風にしてみました。メニュー内容で使用されているリスト表示のところを文章に変えているのでCSSで表示調整しています。 アニメーションの動きだけを見せるというよりコンテンツをいかに格好よく見せるかという感じでデモファイルも作られているので、レイアウトやCSSをそ

  • 世の中
  • 2011/03/23 14:38

  • jQuery
  • jQuery
  • コンテンツ
  • javascript
• あとで読む

  iframe を使ってのFacebookページ作成について | Nutspress

  10 users

  www.nutspress.com

  Facebookより3月10日までに新機能に完全に移行するのでページをアップグレードしてくださいとお知らせメールが届きました。『スタティックFBML』の新規追加がなくなる=FBMLからiframeへ移行を推奨しています。3月に入りログアウト時でもiframeが表示されるようにバグ修正されています。 iframeを利用した方が、普通にHTMLで書くことが出来るのでデザインの自由度が高いです。ページのメンテナンスもやりやすいですし。ただ、ブラウザによって読み込み速度がかなり違ってくるのが気になるところですけど。（Firefoxでの表示が一番時間かかる。。。な） Baliparaのページ、これまで作ったWelcomeページ、Areasページに、新たにSupportページを追加。それぞれのページの下部にコンタクトフォームを設置して、Facebookからも予約が入れれるようにする。こんな感じで作業し

  • テクノロジー
  • 2011/03/03 19:20

  • facebook
  • iFrame
  • Facebookページ
  • これは便利
  • Web制作
  • Webデザイン
  • アプリ
  • 開発
  • design
• あとで読む

  質感のある素材作りに役立つフォトショップブラシ | Nutspress

  4 users

  www.nutspress.com

  いろんなサイトで取り上げられている高品質のブラシの中でも、普段、ベースメーキングするのに役に立ちそうなものを選んでみました。かなり大きめのブラシばかりなので、背景を作ったりするのに便利です。また、組み合わせることで質感をより高めることもできます。 Related Posts フリーで使える高品質フォトショップ用ブラシのまとめ　その2 アートな使い方が出来るグランジ系素材いろいろ Paint brush 作りました！

  • 世の中
  • 2010/10/01 14:28

  • Photoshop
• あとで読む

  ミニマルデザインにはまる | Nutspress

  3 users

  www.nutspress.com

  ここ1年くらいず～っと意識しているのがミニマルデザイン。単にシンプルというだけでなく、どこか個性的。かなり難しいデザインスタイルの1つでもあります。もちろん、色や装飾を多様してそれを融合させるのも難しいのですが、無駄を省くというのがこれまた難しい。『捨てる』が出来ない貧乏性の私にとっては究極のデザインスタイルなのです。 minimalism：音楽や美術の分野で 1960 年代に登場する傾向，またその創作理論。装飾的要素を最小限に切り詰めたシンプルなフォルムや，小さな単位の反復を手法とする。 1960年代のアートってあまり意識して見たことないんですが、シンプルなフォルムがとても印象的なものが多いです。どこにでもありそうなんだけど、全てが計算しつくされている印象を強く受けます。 ウェブデザインにおけるミニマルデザインスタイルはやはり不動の地位を保っているようで、どれだけトレンドが変わっても、

  • 暮らし
  • 2010/08/23 17:07

  • WebDesign
  • Design
• あとで読む

  クロスブラウザー対応CSSボタン | Nutspress

  4 users

  www.nutspress.com

  今後CSS3で一番よく使われるであろうと思われる、角丸、ドロップシャドウ、グラデーション、透過を使ってボタンを作ってみました。クロスブラウザー対応にしようということで、Microsoftのフィルター機能を使ってIEに対してもグラデーションと透過のみ対応してみました。 ※ShadedBorder – JavaScript Round Corners with Drop ShadowなどのjQueryを組み合わせればほぼ大差なく表示できると思います。（日本語での解説はドロップシャドウの効いた角丸ボックスを表現するjavascriptライブラリでどうぞ） これまで.png画像を使ってあれこれ切り出してハックかけて見せていた部分がCSSだけで表現可能というのはとても便利でいいです。ただ、各ブラウザに対応させようとするとそれぞれに指定を書き出す必要があるので、CSSのソースが長くなります。 実際の

  • 暮らし
  • 2010/08/04 10:52

  • *css
  • CSS3
  • WebDesign
  • CSS
• あとで読む

  シンプルが美しいWordpress テーマ | Nutspress

  7 users

  www.nutspress.com

  グラフィカルが美しいテーマもいいのですが、やはりミニマルでシンプルなスタイルのテーマが使いやすくていいです。以前は右メニューのいわゆるブログスタイルが多かったのですが、最近ではコーディングの技術を駆使したマガジンスタイルやポートフォリオなどコーディングの勉強をするにも役に立ちそうなものが多くなりました。 Related Posts WordPressをより活用するためのまとめ WordPressのフリーテーマとカスタマイズに役立つTips WordPressに関するエントリーのまとめ

  • 暮らし
  • 2010/07/20 12:53

  • WordPress
  • *web制作
  • webデザイン
• あとで読む

  IEにCSS3を反映するCSS3 PIE | Nutspress

  7 users

  www.nutspress.com

  Web Designer’s Checklist で各ブラウザーのCSS3への対応状況をチェックする限りではIE総崩れって感じなのですが、よくよく考えてみるとIEって5.0以降、独自プロパティfilterを使うことでいろんなことが出来てたし、フォントフェイスにも早くから対応してたんですよね。ただ、悲しいかな独自タグであったがために後発のモダンブラウザたちがこのプロパティを使えずにCSS3という形で発展してしまったものだから、取り残される形になってしまいましたけどね。 IE9.0でCSS3に対応していくということですが、取り急ぎのIE6.0～IE8.0への対応を考えるとfilterではちょっと不十分。というか、レンダリングに時間がかかったりすることを考えれば、スクリプトを使ってCSS3を反映させることが好ましい（？） ie-css3.htcなんてのもありますが、それよりも高機能のスクリプトC

  • 暮らし
  • 2010/07/14 15:24

  • IE
  • CSS3
  • CSS
  • WebDesign
• あとで読む

  Freeで使えるShopping cart プラットフォーム | Nutspress

  3 users

  www.nutspress.com

  osCommerce から始まってフリーで使えるオープンソースのShopping cart プラットフォームが数多くリリースされています。とてもシンプルなものから複雑な設定を行えるものまで様々です。日本で使うにはパッチを作ったり、支払い・配送などのモジュール関連を改造する必要はあるのでなかなか実用性があるとは言いがたいのですが、試してみたいものばかりです。 osCommerce 現在、公開されているオープンソースのショッピングカートの大元ともいえる存在。日本でのショッピングサイト構築も出来ます。 Zen Cart osCommerceをベースに発展したショッピングカートの代表格。世界的なユーザー数も多く、日本語でもフォーラムもあります。基本的な機能はosCommerceと似ていますが、多くのサードパーティ製のモジュールが配布されていて、独自のサイト構築が可能。 CubeCart 管理

  • 世の中
  • 2010/07/13 10:06

  • ECサイト
  • まとめ
• あとで読む

  見出しやタイトル・ロゴに使えるきれいめのフリーフォントのまとめ | Nutspress

  3 users

  www.nutspress.com

  • 暮らし
  • 2010/04/08 17:44

  • Font
  • Web制作
  • webデザイン
  • デザイン
  • まとめ
• あとで読む

  写真を美しく効果的に見せるギャラリースクリプトのまとめ | Nutspress

  19 users

  www.nutspress.com

  写真を美しく、しかも限られたスペースでより効果的に見せるためにはやはり jQuery プラグインなどを使ったギャラリー用スクリプトが有効ではないでしょうか？ここ最近リリースされたものの中から実際に使えそうなものをまとめてみました。 jbgallery 2.0 BETA 出来る限り写真を大きく表示させたい！そんなときはこれ！！

  • 暮らし
  • 2010/04/07 16:35

  • jQuery
  • ギャラリー
  • jQuery
  • 写真
  • javascript
  • まとめ
  • web_design
• あとで読む

  RSS を利用して We heart it! の画像を表示させる | Nutspress

  5 users

  www.nutspress.com

  先日、Wordpressプラグインを使ってTumblrの画像を取得してサイドバーに表示させるようにしましたが、それに加えてWe heart it!で取得した画像も表示できないかといろいろと調べて、RSSを取得してそれを吐き出してやれば可能ということで実行してみました。 We heart it! というのは、画像のみの共有サイトで、よそのサイトやflickrで見つけたお気に入りの画像をボタン一つで共有することができます。私の場合、Tumblr ではグラフィカルなものとか、スタイリッシュなものを集めて、We heart it! のほうでは可愛いもの、いわゆるYumyumなものばかりを集めるようにしています。 例によってプラグイン関連を探してみたのですが見つからず、、、で、RSSを吐き出しているものであれば、そのRSSを取得して表示させることができるのでは？と『wordpressでRSSを取得し

  • 世の中
  • 2010/03/11 13:36

  • RSS
• あとで読む

  Wordpress プラグイン Tumblr Recent Photos | Nutspress

  3 users

  www.nutspress.com

  性懲りもなく、またまたWordpressテーマのマイナーチェンジをやってます。で、今回取り入れたのがTumblrで取り込んだ画像を表示させるためのプラグイン『Tumblr Recent Photos』です。RSSを取り込むプラグインでも出来るようですが、このプラグインがとても使いやすくてお勧め。 プラグインフォルダの中にwidget_tumblr_recent_photos.phpをアップして、管理画面でアクティベイトするだけ。表示させるTumblrのIDと表示件数、表示サイズはWidgetsの設定の中で行う形となっていて、とても直感的でわかりやすいです。

  • 学び
  • 2010/03/11 13:33

  • Tumblr
  • Plugin
  • WordPress
• あとで読む

  @fontface 以外で任意のフォントを使う方法 | Nutspress

  5 users

  www.nutspress.com

  @fontface を使って任意のフォントを表示させているサイトが増えてきましたが、@fontface 以外にも方法があるようで調べてみると色々見つかりました。アンチエイリアスありの状態で表示してくれるものや別サーバーから呼び出してくるウェブサービスなど、運用している環境で使い分けるといいですね。 sIFR（Scalable Inman Flash Replacement） Shaun Inman氏が世に広めた技術ということで、JavascriptでFlashムービーに置き換え出力させています。Shaun Inman氏のサイト（2007以前）で使われていました。アンチエイリアスがかかった状態で表示されるので見た目がとてもきれいです。 DEMO：sIFR 設定方法は『選択可能なアンチエイリアス文字を出力する『sIFR 2.0』導入メモ』や、『sIFRの設置方法』にてかなり詳しく解説されていま

  • 学び
  • 2010/03/11 13:16

  • Font
  • フォント
  • *webデザイン
  • WebDesign
• あとで読む

  色彩論：色の持つ意味 | Nutspress

  4 users

  www.nutspress.com

  デザインをする上で最も重要な要素の一つが『色』です。様々な色が世の中には溢れていますが、全ては色の三原色（赤：青：黄）によって表現することが可能です。この三原色を混色することによって生まれる基本的な12色をベースにそれぞれの色の持つ意味合いを十分に理解して使い分けていくことが必要です。 と、いきなり小難しい内容で書き出しましたが、ウェブデザイン・服飾デザイン・グラフィックデザイン、舞台美術などなど色は切り離せないものなので、それぞれの色が人に与える印象というのを踏まえた上で取り入れることで、そのデザインをより魅力的にすることができるんですね。 色というのはもともとかなり曖昧なもので、組み合わせやそのときの心理状態によっても印象がかわるものでもあります。民族や宗教によっても多少の違いがあります。 赤（Red）：情熱・愛・生命・怒りなど、人間の生理的な部分に影響を与える色のひとつ。お祝い事など

  • 暮らし
  • 2010/03/11 13:16

  • Color
  • Design
• あとで読む

  高品質フリーフォントいろいろ | Nutspress

  4 users

  www.nutspress.com

  Tags: font, free, フォント, フリー, 高品質 This entry was posted on Tuesday, March 9th, 2010 at 9:20 am and is filed under デザイナーズリソース - designers resource. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

  • 学び
  • 2010/03/09 10:12

  • Font
  • フリー
  • フォント
• あとで読む

  プラグインなしでパンくずリストを表示させる | Nutspress

  6 users

  www.nutspress.com

  ユーザビリティ・アクセシビリティを高める点においてパンくずリストを表示させるというのは不可欠な要素になりつつあります。Wordpress の場合、『Breadcrumb NavXT』というプラグインを使って表示させることが可能ですが、今回はプラグインを使わず表示させるという方法を使ってみました。 How To: Breadcrumbs in Wordpress 下記のコードを使用中のテーマ内のfunctions.phpに書き加えて吐き出しのためのコード <?php get_breadcrumbs(); ?> をパンくずリストを表示させたいテンプレートに記入するだけ。 <?phpfunction get_breadcrumbs() { global $wp_query; if ( !is_home() ){ // Start the ULecho '<ul class="breadcr

  • 学び
  • 2010/03/09 09:29

  • WordPress
  • アクセシビリティ
  • web_design
  • web design
  • ユーザビリティ
  • プラグイン
  • webdesign
• あとで読む

  ベーシックなCSS3を取り入れてみよう！ | Nutspress

  14 users

  www.nutspress.com

  CSS3の基本中の基本、RGBA による色と透過率の指定、Text Shadow による文字の影、Border Radius による角丸、Box Shadow によるボックスプロパティに対する影、以上の4点を Web Designer Wall で詳しく説明してくれています。CSS3を取り入れることで、画像を使わずにデザイン的要素を取り入れることが可能となります。 ただし、IEは対応していないので、IEに対しても同じ見せ方をする場合、画像やJavascriptを使ったハックが必要となります。 RGBA background: rgba(255, 255, 255, 0.2); 始めの3桁の数字が色を表します。左からR：赤、G：緑、B：青、A：透過率となります。0が透明、1=100%透過なしとして透過の割合を設定していきます。使える要素はフォントカラー、背景色、ボーダー色、シャドウなどなど

  • 暮らし
  • 2010/03/05 15:39

  • css3
  • css
  • WebDesign
  • web制作
• あとで読む

  デザイナーとフォトグラファーのためのアクション40選 | Nutspress

  5 users

  www.nutspress.com

  写真の補正ほど時間のかかるものはない！そんなときに便利なアクションばかりを集めて『40 Photoshop Actions for Designers and Photographers』で紹介されています。特殊な効果を得るためではなく、写真をより美しく見せるためのアクションなので使いどころが多そうです。 Related posts:アートな使い方が出来るグランジ系素材いろいろ フリーで使える高画質のテクスチャー素材のまとめ　その3 フリーで使える高画質のテクスチャー素材のまとめ　その2

  • 暮らし
  • 2010/02/26 20:05

  • Photoshop
• あとで読む

  絵が描けない人には重宝するディングバット系フォント | Nutspress

  4 users

  www.nutspress.com

  こちらはサンプルのみ個人利用フリーとなっていました。このフラワーシルエットのフォントは完成度が高いので、購入してもいいかなと思ってます。Subtitudeのビットマップフォントもかなりよい感じです。こちらはフリー（商用利用の際はカンパしてねってことでした） フォントの作成はかなり手間隙かかっているということを聞きますので、ただで使わせていただけることに感謝です。 Related Posts 著作権フリーで使えるフォントを集めたFontex Damask pattern 2スタイル リリース フリーで使えるシームレスベクターパターン My private shop open! プライベートショップ開店！？ サイトデザインする上で使えるフォント Tags: Dingbat font, font, ウェブデザイン, ディングバット, フォント This entry was posted on F

  • 学び
  • 2010/02/12 19:01

  • Font
  • webツール
  • web_design
  • Web Design
  • フォント
  • webdesign
  • web制作
  • webデザイン
• あとで読む

  Wordpress 既存の Thickbox を使ってModalBox を設置 | Nutspress

  5 users

  www.nutspress.com

  新しいテーマ変更に伴って、Modalbox を設置することにしました。画面の遷移なしに今見ている画面の上に窓を出すやつです。画像においてはLightboxが公開されてからいろいろなスクリプトが公開されていて、いまやどんなサイトでも見ることのできるごく一般的なものになってきましたが、今回はページを呼び出すことにしてみました。 Wordpress の場合、デフォルトでｊQueryとthickboxが備わっているので、テーマファイルの中でそれを呼び出すことで機能を流用することが可能です。このサイトの場合、e-commerce のプラグイン導入の際に、これがスクリプトを書き出してくれるので、そこはカスタマイズなしで thickbox の機能を使っています。thickbox はページやコンテンツだけを抽出して呼び出してボックス内に表示させることもできます。 設置方法は簡単。リンクの設定時に呼び出した

  • 暮らし
  • 2010/02/12 00:25

  • thickBox
  • jQuery
  • wordpress
  • *Tips
  • *web制作
• あとで読む

  バレンタインに使えるヴィンテージテイストのフォトショップブラシ | Nutspress

  5 users

  www.nutspress.com

  2月のイベントといえばバレンタインデー。日本では見事にイベント化してしまいましたが、海外では少しミーハー化しているとはいえ、まだまだ神聖に愛する人を思う日のようです。ローマ皇帝の迫害下で殉教した聖ウァレンティヌスを記念する日ということでキリスト教以外の宗教観を持つ日本人にはあまり神聖なものではないのかもしれません。 Related posts:フリーで使える高品質フォトショップ用ブラシのまとめ　その1 フリーで使える高品質フォトショップ用ブラシのまとめ　その2 アートな使い方が出来るグランジ系素材いろいろ

  • 暮らし
  • 2010/02/02 09:41

  • ブラシ
  • material
  • イベント
• あとで読む

  CSS3を使ってビジュアルエフェクトを加えたギャラリーを作る | Nutspress

  5 users

  www.nutspress.com

  画像の傾きやボックスシャドウはCSS3での設定によるもので、マウスオーバーでポップアップもします。『Easily Turn Your Images Into Polaroids with CSS3』で公開されているソースをもとに作ったページがこれ Nutspress gallery CSS3でここまでエフェクトかけられることに驚き！ただ、対応ブラウザが限られているのが玉にきず。Firefox、Chrome、Safali などは最新バージョンで表示が可能ですが、IEとOperaでは画像が普通に並んでいるだけになります。画像の傾きやポップアップ、ボックスシャドウに対応しているブラウザでのみ動きが確認出来ます。 Demoサイトでは画像のリンク先はFlickrになっているので、ここの部分を変更。以前に見つけていたEditable CSS3 Photo Galleryのようなfancyzoom.

  • 世の中
  • 2010/01/27 15:23

  • css3
  • web_design
  • *css
  • gallery
  • デザイン参考
  • jquery
  • webdesign

次のページ