【追記しました】jQueryプラグイン「Flexslider 2」をスマホサイトで使う際の注意とか | おれめも v2
レスポンシブ対応で機能も沢山あり商用利用も可と、個人的にはとてもお世話になっているjQueryプラグイン「Flexslider 2」ですが、iOS7のSafariで閲覧するとスライダーがフリーズする事象に出会いました。 「useCSS」というプロパティを「false」にすれば問題なく動くのですが、「useCSS: true」の時に比べて動作がスムーズじゃない…。 transitionを切れば動くあたり、Safariとtransitionの相性がわるいのかなー。とか思うのですが、いまいち原因がつかめず。 Github上でも話題になっているので詳しいことが知りたいのであれば、以下のページを御覧ください。 IOS7 css transitions · Issue #853 · woothemes/FlexSlider · GitHub 追記(2014/05/19)今まではスクロール中にスライダー
軽量スライダー「FlexSlider.js」の実装メモ
とあるスマートフォンサイトの制作中にメインビジュアル部分に動きをつけようと実装してみました。 軽量なのでスマートフォンサイトと相性のいいjQueryですね！ どうも！仕事関連のメモが全く残せていないことを見て見ぬフリをしていたnoramasaです！ やはり、日付が変わるくらいに退社→帰宅してからでは、なかなかメモを残していく時間がなくて気持ちだけが焦ってしまいます。 もう少し自分の時間が取れればいいんですが…少しずつでも続けれるようにがんばります！ ということで…今回は仕事中にスマートフォンサイト作成業務で実装したjQuery「FlexSlider.js」についてメモっておきます！ 実装・設定方法 Flexsliderの公式サイトからデータをダウンロードします。 HTMLへの記述例はこんな感じ。 <link rel="stylesheet" href="flexslider.css" ty
レスポンシブWebデザイン対応のjQueryイメージスライダー・FlexSliderがWordPressプラグインになってた
以前ご紹介した、iPhoneやiPadなど 様々なデバイスにレイアウトを自動 で対応するレスポンシブWebデザイン 対応のjQuery製のイメージスライダー FlexSliderがWordPressプラグインに なっていました。 高機能ってものではないですけど、似たようなものを作るつもりで放置してたのでありがたかったのでついでにシェアします。 Responsive Slider Plugin With FlexSlider for WordPress 簡単にWordPressに導入出来るようにしてくれました。 カスタム投稿タイプで管理 仕組みが凄く参考になりました。ちょっと発想が無かったんですが、カスタム投稿タイプで作成したコンテンツをショートコードで呼び出しています。いい方法ですねーこれ。 仕組み備忘録として簡単に仕組みをメモ。 カスタム投稿タイプを作るdefine('CPT_NAME'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
