RefineSlide
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: 12k minified (4k gzipped) Installation - Essential steps -
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる
この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。 最近、人気のスライダー系プラグイン、Nivo SliderがレスポンシブWebデザインに対応しました。 The Nivo Slider is Responsive! これ以外にもググればプラグインは沢山出てきますので、選択肢は沢山ありますが、短いコードで済むに越した事は無いので試しに書いてみます。 Sample Sample on jsfiddle $('img:gt(0)').hide(); setInterval(function() { $('img:first-child').fadeOut(0).next('img').fadeIn().end().appendTo('div'); }, 4000);コードは特
多彩なイフェクトをご覧あれ。華麗なスライド切り替え·RefineSlide MOONGIFT
RefineSlideは様々なイフェクトに対応したスライド切り替えソフトウェアです。 プレゼンテーションの基本はスライドですが、その切り替えに際してただ入れ替わるだけでは面白くありません。HTMLのスライドであればRefineSlideを使って華麗に、ダイナミックに切り替わるようにしてみましょう。 縦に切り替わるパターン。 右から左へ。 左右に切れていくパターン。 デモ動画です。 RefineSlideを使うとダイナミックなイフェクトが容易に実現します。WebサイトのトップページやHTMLによるプレゼンテーションなど色々な場面で使えるのではないでしょうか。 RefineSlideはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る 最近のWebサイトではトップページでサービスの紹介動画を載せるか、画像ベースのスライ
当ブログで紹介したjQueryプラグイン12選のまとめ 2012/08 – 2012/09 – bl6.jp
2012年8月〜2012月9月までの当ブログで紹介したjQueryプラグインをまとめてみました。全部で12個ありました。ちなみに前回までのは「当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/07」でまとめてあります。ということで以下、日付が古いものから順にどうぞ。 ※ 10月も1個だけ混ざっちゃいました… [ads_center] Kwicks for jQuery クールでお洒落なナビゲーションを簡単に実装することができます。マウスオーバーで拡大するものや、アコーディオンタイプのものまで色々あります。 クールでお洒落なナビゲーションを簡単に実装できるjQueryプラグイン「Kwicks for jQuery」 jquery.flicker 指定した要素をパカパカと点滅させることができるとても軽量なjQueryプラグインです。 指定した要素をパカパカと
Slideshow with jmpress.js | Codrops
Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show yo
WebDesignHabits.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
12個のかっこいいjQueryスライドショープラグインまとめ | WEBデザインファクトリー
モニター全体に広がるメインビジュアルのサイト11つでも記事にさせていただきました。横幅いっぱいメインビジュアルですが、jqueryのスライドショーを紹介してくれているサイトをまとめてみました。簡単に実装できるのでぜひ参考にしてみてください。モニター全体に広がるメインビジュアルのサイト11つでも記事にさせていただきました。横幅いっぱいメインビジュアルですが、jqueryのスライドショーを紹介してくれているサイトをまとめてみました。簡単に実装できるのでぜひ参考にしてみてください。 Nivo Slider 下記のキャプチャと合わせて4つ紹介してくれています。 Animate Panning Slideshow with jQuery | Build Internet 斜めの動きも付いています。 デモページはこちらです。 sexyCycle 下記ページの上の方にjsファイルやCSSファイルのダウン
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか？ その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
京都観光ポータルサイト - e京都ねっと | 『平家物語』の舞台を訪ねて ～東山編～
JR京阪東福寺駅 ↓（徒歩10分） 即成院（那須与一さん） ↓（徒歩5分） 新熊野神社 ↓（徒歩7分） 法住寺 ↓（徒歩1分） 三十三間堂 ↓（徒歩15分） 六波羅蜜寺 ↓（徒歩15分） 八坂の塔 ↓（徒歩5分） 阿古屋茶屋 ↓（徒歩10分） 清水寺 ↓（徒歩10分） 清閑寺 ↓（徒歩30分） 長楽寺 ↓（徒歩5分） 八坂神社 ↓（徒歩2分） 市バス祗園バス停 スタートは東福寺駅。 九条通と東大路通が交差する斜めの通りを上がって、泉涌寺道の標識が見えたら右へ曲がる。坂道を登って、泉涌寺総門の手前に鳳凰の付いた門が見える。ここが即成院。 泉涌寺塔頭の即成院は屋島の戦の「扇の的」の話で有名な弓の名手・那須与市の墓があることから通称「那須与市さん」と 呼ばれている。 那須与市の墓は広い境内の奥にある。 細い参道を通ってたどり着くのは「那須与市の墓」と書かれた建物。 与市の墓は何と屋内にある。高さ
After the Rain/京都まにあ
京都のあんなところが好きで 京都のこんなところが嫌いで 要するに京都がずっと気になっていて くりかえし足を運んだ そんな京都散歩の きまぐれレポートたち（終了保存版） （記載内容は訪問時のものです。最新データなどはご自分でご確認ください）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://sliderjs.org/
SEOチェキ
置きたくなる仏像イスム
京都寺社案内*六波羅蜜寺
六波羅蜜寺 京都通百科事典
京の伝説・新熊野神社
平安京の葬送地
サービス終了のお知らせ
サービス終了のお知らせ
京都まにあ／通り・町