Dining Chair Covers - Types, Inspirations and DIY Tips
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML 各スライドをdiv要素などで実装し、ラッパーで内包します。 <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
校正・校閲を専門とする鴎来堂が2014年11月、東京・神楽坂に書店「かもめブックス」をオープンしました。書籍を独自のテーマで集めた「特集棚」が並び、コーヒーショップとギャラリーを併設。新しい本との出会いを作るというかもめブックスを訪れたところ、店内には本を楽しむための工夫がいっぱい。店主で鴎来堂代表の柳下恭平さんにもお話を伺いました! ▽ かもめブックス|神楽坂|本屋 かもめブックス サイトの案内にある「神楽坂駅矢来口より徒歩0.5分」という文字そのままに、出口を出てすぐのところに「かもめブックス」があります。その場所は、2014年4月に惜しまれつつ閉店した「文鳥堂書店本店」の跡地とのこと。 店に入るとすぐ、カフェのカウンターがあります。京都の自家焙煎専門店「WEEKENDERS COFFEE」のこだわりのコーヒーが楽しめます。 かもめブックス編集会議で選ばれたテーマに基づいて作られる「特
画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。
一つ以上の子要素と、それらを内包する親要素をスライダーとして使用します。 下記は、テキストや画像を配置したdiv要素を子要素として、それらを内包するdiv要素を配置しています。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /></a></div> </div> JavaScript 「jquery.js」と「jquery.jshowoff.min.js」を外部ファイルとし、下記のスクリプトを記述します。 セレクタ(#features)は、自分の環境にあわせて変更してください。 $(document).re
Zenphotoは、お手軽にWebギャラリーを作れるオープンソースのCMSソフトウェアです。今よく話題を耳にするブログ/CMSプラットフォーム「WordPress」ととても似ている仕組みになっており、システムにPHPとMYSQLを用います。 最近のCMSはどれも便利で比較的簡単に扱える様になっており、扱いに慣れた人はシステムを拡張することで普通のブログをWebギャラリーとして公開していることも珍しくありません。 この連載でご紹介するZenphotoは、数あるCMSの中でも、次のようなCMSを探している方にはとてもオススメのWebギャラリーCMSです。 簡単にインストールするだけでWebギャラリーとして使えるCMSが欲しい flickrなどの画像投稿サービスを使わずに自分でギャラリー管理をしたい ギャラリーの見せ方を自分好みにカスタマイズしたい 第1回目はそのZenphotoの最新バージョン
50万人以上のアートファンが利用 1500以上の美術館・ギャラリーがチラシ掲載 常時50本以上のお得なクーポンや前売券を掲載
divなどで実装したパネル、複数の画像やエレメントを配置したスライダーなどにさまざまなアニメーションを適用できるjQueryのプラグインを紹介します。 ↓は、エレメントのデモです。 demo: エレメントのエフェクト Pogo Sliderの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシート、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="pogo-slider.min.css"> </head> <body> ... <script type="text/javascript" src="jquery-1.11.0.min.js"></script> <script type="text/javascript" src="jquery.pogo-slider.min.js"></scrip
半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON/OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その
一般 1,760円(オンラインチケット 1,540円) 高大生 1,100円(オンラインチケット 880円) シニア割引 1,540円
フォトグラファーのギャラリーって、見ていて飽きないですよね。 1枚の写真に込められたメッセージを、その場にいないのに写真から感じとれるのは、本当に凄い事だと思います。 好きな写真の感じ方は人それぞれの好みによっても違いますが、トップクラスフォトグラファーの写真を見る事は、感動できますし、自らのアップスキルアップにもつながるのではないかと思います。 そこで、国内で活躍されているフォトグラファーが撮影した作品を見る事のできるサイトを集めてみました。(順位不同) (補足:写真集などの発行情報を効率よく入手する方法) kiyo murakami オフィシャルサイト 蜷川実花 ギャラリー、FBページ、写真集 ケント白石 FBページ 伊藤 真司 ギャラリー Natsumi Hayashi ギャラリー、FBページ、写真集 鈴木心 オフィシャル、写真集 本城直季 オフィシャル、 SHINYA INABE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く