レスポンシブデザインにぴったりなカルーセルスライダー「Owl Carousel」 | スターフィールド株式会社
レスポンシブデザインが多くなってきている昨今にぴったりなカルーセルスライダーを紹介させて頂きます。 「Owl Carousel」というプラグインですが、 こちらのプラグインなにがぴったりなのかというと、 レスポンシブ対応なのはもちろんで、 タッチにも対応しており、 なんといっても一番いいのが、 オプションで、PC、ダブレット、スマホに合わせて、 アイテムの表示する数を変更出来るという点です。 他のプラグインでは、それようのオプションはなく、 自分でスクリプト書かなければいけませんでした。 幅の調整もできるので、自由度もあります。 デモがありますので、そちらをご覧下さい。 DEMO 設定の仕方 まずは、head内に以下のファイルを読み込みます。 <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="styl
[JS]便利で簡単！スクリプトやスタイルシートをブラウザ・OSごとに分岐して利用できる超軽量高速のスクリプト -Conditionizr
IE6/7/8/9/10, Firefox, Chrome, Safari, Operaなどのブラウザだけでなく、Win, Mac LinuxなどのOS、iPadやiPhoneのRetinaディスプレイ用に条件分岐して、外部スクリプトやスタイルシートをロードさせたり、classを付与してHTMLで利用できたりする超軽量高速の単体で動作するスクリプトを紹介します。 Conditionizr Conditionizrの特徴 Conditionizrの使い方 Conditionizrの特徴 ConditionizrはjQueryより50%高速に動作し、条件付きのJavaScriptとCSSをサポートする3KBの超軽量スクリプトです。 条件付きのHTMLタグ 条件付きの外部スクリプトやスタイルシートのロード カスタマイズされたスクリプトにも対応 IE, Firefox, Chrome, Safar
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
