無料WordPressテーマ BizVektor [ ビズベクトル ]
100%GPLライセンス。無償＆商用利用可。 htmlやcssの知識が無くても管理画面からの設定だけでクオリティの高いサイトが作れます。初期構築・サイトメンテナンスの容易さを追求した初心者に優しい設計。 日本の企業・事業・店舗・塾・クリニックなど、ビジネス用途のホームページに必要な要素・仕様・構成に徹底的に最適化してあります。 スマートフォン対応。 ユーザーの閲覧環境に応じても見やすく自動的に最適化するレスポンシブウェブデザイン。 タイトル・ディスクリプションタグも自動で最適化。キーワードはサイト共通キーワードとページごとのキーワードを設定可能。 いいねボタンやツイートボタン、facebooコメント欄など、主要SNSとも連携しています。 新着情報とは別にサイト内ブログも利用可能。
![無料WordPressテーマ BizVektor [ ビズベクトル ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf3748bfde0fc426e17f802d7f45bd8dcead0ce8/height=288;version=1;width=512/https%3A%2F%2Fbizvektor.com%2Fwp-content%2Fuploads%2Ffacebook_ogp1.jpg)
30+ Best jQuery Slider Plugins | jQuery | Graphic Design Blog
Todays we are gathered most useful, responsive jQuery Slider Plugins for web and mobile apps, which can fast your work with better and friendly results. jQuery is a very useful coding language, which works like JavaScript. This light weight JavaScript library is very easy to use and has features which helps you work in a better, quick and more efficient way. jQuery plugins are constantly being re
11 Amazing Responsive jQuery Sliders
jQuery’s launch was nothing less than a blessing for the designing and development community. JQuery has totally changed the way one used to create sites as it makes all the work extremely easy and quick. The best thing about jQuery is the availability of plugins which saves your precious time and energy as implementing them on your website won’t require any extensive coding etc. One of the most p
[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider
IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Slider [ad#ad-2] Flow Sliderの特徴 Flow Sliderのデモ Flow Sliderの実装 Flow Sliderの特徴 滑らかなアニメーションで動作します。 実装は簡単で少しのコピペでok。 ベースとなるスタイルシートは用意済み。 クロスブラウザ対応。 対応ブラウザ Firefox Safari Chrome IE Opera9 Flow Sliderのデモ デモではサイトのトップにあるベーシックなスライダーと、本棚に並べたようなスライダーがあります。 スライダーの操作はマウスホバーで、左右の端ほど素早くスライドします。 Flow Slider: Example グリーンのボタン「Buy Book」をクリック
[JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit
実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。 約4KBと超軽量なのもいいですね。 右上のオートプレイは状況も表示します。 Orbitの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"
HTMLベースで作成できるプレゼン用スライドのまとめ
ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。
[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
[JS]一つ一つのパネル表示をカスタマイズできるスライドショーのスクリプト -imgPlayer
一つ一つのパネルを異なるサイズで、最適な位置に表示し、異なる背景やアニメーションを設定できるスライドショーのスクリプトを紹介します。 imgPlayer デモページ [ad#ad-2] デモでは10枚のパネルがセットされており、それぞれ異なるサイズ、最適な位置で表示し、さまざまなアニメーションで切り替わります。 2枚目を表示したキャプチャ 静止画ではその楽しさが分からないので、ぜひデモをどうぞ。 デモページ スライドショーの操作は、画像の左右のアロー、下のナビゲーション、キーボードの矢印キーに対応しています。 実装は少し面倒で、個々のパネルごとに座標とサイズなどを指定します。 キャプションも設定できます。 JavaScript パネル（一枚）の設定例です。 [221,30,386,518,{ onStart: function(){ darkStyle(); $('#text').html
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」 2011年05月09日- Awkward Showcase ? A jQuery Plugin | Awkward Group - A Digital Agency WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」。 divの中に複数のdivを並べて初期化することで簡単にコンテンツスライダーを作れます。 １つのコンテンツにはHTMLが入れられ、ツールチップ表示用の機能なんかも同梱されています。 初期化も次のように簡単。コンテンツのサイズ等をオプションとして渡せます。 $("#showcase").awShowcase({ content_width: 700, content_height: 470 }); デモページはこちら
HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドのエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPやiPhone、WordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日本語のスライドのみを集約 集められたスライドは全
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
[JS]シンプル！高性能！超軽量！使い勝手の良いコンテンツスライダーのスクリプト -jContent
デモ：カルーセル機能付きのスライダー：垂直方向 jContentの実装 実装は簡単で、パネル内のコンテンツをdiv要素で配置し、数行のスクリプトを記述するだけです。 HTML <div id="demo"> <a title="" href="#" class="prev"></a> <div class="slides"> <div>...</div> <div>...</div> <div>...</div> <div>...</div> </div> <a title="" href="#" class="next"></a> </div> JavaScript <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/j
20 Insanely Creative Examples of Cool Slideshow In Websites
20 Insanely Creative Examples of Cool Slideshow In Websites by Priya on April 4th, 2011 No Comments » Share Sliders are most commonly used by designers and developers. These are the popular in these days because it loads easily then a flash. Every web designer wants to use them to notify important data. A website contains many information and the most important information gets intension of
30 Inspiring Examples of Slideshows in Web Design | Inspiration
Inspiration 30 Inspiring Examples of Slideshows in Web Design Gisele MullerFebruary 14, 201113 Comments06.7k Slideshows or sliders are obviously a popular trend right now in the web design world – and for good reason. It’s an effective way to highlight something important and create some visual interest. And from a technology standpoint, the popularity of jQuery has made it almost too easy to impl
軽量でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」:phpspot開発日誌
Choco-Slider | A very tasty jQuery Plugin 軽量(7KB)でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」のご紹介です。 実際のスライダーは次のような感じ。 画像切替の際のアニメーションはチョコをかけるような効果でいい感じに動きます。 画像の説明を画像下にテキストで入れることも可能です。予めULリストで定義しておきます。 １つの選択肢として覚えておいてもいいですね。 関連エントリ 軽量のイメージスライダー実装jQueryプラグイン「Orbit」 jQueryとCSS3で作るカラフルなスライダーウィジェット jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル JavaScript製の画像スライダー・ギャラリーいろいろ
[JS]IE6にも対応、簡単設置のカスタマイズも容易なアコーディオンのスクリプト -Easy Accordion
テキストや画像、div要素などが配置されたパネルをアニメーションでスライドさせるアコーディオンを実装するjQueryのプラグインを紹介します。 アクセシブルで初期表示に任意のパネルを選択できるなど高性能な上、超軽量スクリプトなので、アコーディオンを導入する方は是非検討してみてはいかがでしょうか？ jQuery plugin: Easy Accordion デモページ [ad#ad-2] Easy Accordionの主な特長 IE6を含め、クロスブラウザ対応。 スムースなアニメーションを伴ったアコーディオンを簡単に実装可能。 自動スライド、手動スライドの切り替えが可能。 同一ページに複数のアコーディオンを配置可能。 初期表示に任意のスライドを指定可能。 画像を使用しないで設置可能。 カスタマイズが容易（高さ・幅・ボーダー・背景画像など） アクセシブルで、SEOにもフレンドリー。 さまざまな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Top 20 Responsive jQuery Image Slider plugins - DJ Designer Lab
超カッコいいスライドショーを実装できる「iView v2.0」:phpspot開発日誌
新着記事
Top 20 Premium Quality Sliders | Envato Tuts+
