ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！ | コリス

2012/11/21 812 users コリス psd ウェブデザイン スライダー ウェブページ

ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAI... 続きを読む

[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider | コリス

2012/07/24 287 users コリス jQuery キャプション スライダー iframe

画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサ... 続きを読む

[JS]スライダーやタブやページネーションなど便利な機能を少ないコードで実装する超軽量（8kb）のスクリプト -vanity | コリス

2012/07/05 217 users vanity jQuery コリス スライダー ウェブページ

スライダー、タブ、ページネーション、ツールチップなど、ウェブページでよく使用するコンテンツをシンプルにより少ないコードで実装できるよう開発されたjQueryのプラグインを紹介します。 vanity jquery toolset vanityは7種類のツールがあり、それぞれ8kbと超軽量のスクリプトとなっています。 機能はシンプルで、より少ないコードで簡単に実装できるように設計されています。 以下、... 続きを読む

[JS]実装は簡単、機能は最小限、Responsiveデザイン対応の超シンプルなスライダーのスクリプト -Blueberry | コリス

2012/05/28 121 users jQuery コリス jquery.js スライダー 実装

表示サイズに合わせて最適なサイズで表示する、幅が固定ではないレイアウト用の超シンプルなスライダーを実装するjQueryのプラグインを紹介します。 「Blueberry」という名前は、開発時に使った画像がブルーベリーだったからだそうです。 Blueberryの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプト、あと当スタイルシートを外部ファイルとして記述します。... 続きを読む

[JS]スライダーや通知パネルなど、CoffeeScriptで作成したjQueryのプラグイン集 -MiniJS | コリス

2012/04/26 104 users jQuery CoffeeScript コリス スライダー

MiniJsはフリーのオープンソースで、現在5種類（+1開発中）のプラグインがあります。 各デモと実装方法を簡単に紹介します。 ※コードは最もシンプルな例で、各スクリプトで多数のオプションを備えています。 Count ワードやセンテンスをカウントしたり、マックス文字数の残りを表示し制限します。 HTML <section id="example-1"> <textarea autofocus="a... 続きを読む

[CSS]スタイルシートでここまでできる！Responsiveデザイン対応のスライダー -Responsive CSS3 Slider | コリス

2012/04/03 139 users コリス スライダー Responsiveデザイン CSS 実装

JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。 デモ 実装 デモ デモはCSS3に対応した下記のブラウザでご覧ください。 ベスト Firefox もっとも期待通りに動作します。 フルサポート Chrome, Fir... 続きを読む

[JS]シンプルで軽量だけど、充分な機能を備えたコンテンツスライダーのスクリプト -Casual Slider | コリス

2012/03/22 114 users コリス メジャーブラウザ スライダー スクリプト 実装

Casual Sliderの特徴 Casual Sliderのデモ Casual Sliderの使い方 Casual Sliderの特徴 Casual Sliderは実装が簡単で、シンプルながら充分な機能を備えたコンテンツスライダーです。 4KBと超軽量のスライダー タイマー機能付き あらゆるHTMLエレメントを配置可能 全てのメジャーブラウザをサポート カスタム ナビゲーション セットアップが簡... 続きを読む

素敵なデザインのUIエレメントが揃ったワイヤーフレーム用の素材 -Webpage Wireframe Stencil | コリス

2012/02/29 126 users ベクター スライダー コリス ナビゲーション ベクター素材

ウェブサイトを作成するために必要なUIエレメント、ナビゲーション、スライダー、ボタン、アイコンなどが揃ったベクター素材を紹介します。 Webpage Wireframe Stencil ダウンロードできる素材はベクター（ [...] 続きを読む

[JS]パララックスもApple風スライダーもOK、エレメントごとに動作が設定できるスライダー -Sequence.js | コリス

2012/02/20 143 users パララックス コリス セマンティック jQuery スライダー

普通のかっこいいスライダーだけでなく、パララックスを使ったスライダー、AppleのiPhoneページに使用されているようなスライダーなどを簡単に、そしてセマンティックに実装できるjQueryのプラグインを紹介します。 Sequence.jsの特徴 Sequence.jsのデモ Sequence.jsの使い方 Sequence.jsの特徴 エレメント単位で設定できるCSS3アニメーションを使ったスラ... 続きを読む

ショートコードで使えるタブやスライダー、Twitterのツイート表示など、30以上の機能を搭載したWordPressプラグイン・Shortcodes Ultimate - かちびと. net

2012/02/08 106 users Twitter スライダー しょ API タブ

WordPressではショートコードAPIと いう便利なAPIがあって、これを使え ば記事や固定ページでより幅広い表現 が知識の無い方でも出来ます。この ショートコードで様々なコンテンツ を実装出来るようにしてあるプラグイン です。 作成されているショートコードはタブ、スライダー、Twitterのツイート表示などなど30以上あり、覚えていなくとも簡単に利用出来る工夫もなされています。 個人的にショ... 続きを読む

サウンドエフェクトを自分で細かく設定して作り出すことができる「Bfxr」 - GIGAZINE

2011/12/26 118 users サウンドエフェクト GIGAZINE スライダー マリオ もと

by wblo サンプルをもとにして、スライダーを動かすだけで自分好みのサウンドエフェクトを作り出せるネットサービスが「Bxfr」です。マリオがジャンプする音やコインを取ったときの音は、たとえゲーム中でなくても聞けばすぐにそれとわかりますが、ああいったものを自分で簡単に作り出すことが可能です。 Bfxr. Make sound effects for your games. http://www.... 続きを読む

[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider | コリス

2011/12/20 312 users コリス jQuery スライダー クロスブラウザ対応 コピペ

IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Sliderの特徴 Flow Sliderのデモ Flow Sliderの実装 Flow Sliderの特徴 滑らかなアニメーションで動作します。 実装は簡単で少しのコピペでok。 ベースとなるスタイルシートは用意済み。 クロスブラウザ対応。 対応ブ... 続きを読む

スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量jQueryイメージスライダー・FLEXSLIDER - かちびと.net

2011/08/16 127 users ウインドウサイズ jQueryスライダー スライダー 実装

スマートフォンやiPadなどのタブレットはもちろん、 様々なウィンドウサイズにも自動でレイアウトを 調整するレスポンシブなjQueryスライダーのご 紹介。FLEXSLIDERは4KBと軽量で、実装も 手軽なので覚えておくと重宝しそうです。マーク アップも簡単なのでiPhone向けサイトの構築 時に導入を検討したいですね。 以前もレスポンシブWebデザイン対応のスライダーをご紹介しました（Blue... 続きを読む

商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス

2011/07/31 412 users コリス スクロールバー ウェブデザイン スライダー PSD素材

ボタン、スライダー、スクロールバー、フォームの各エレメントなど、ウェブデザインに使用するUIエレメントのPSD素材をDesign Kindleから紹介します。 Sleek UI Elements Blaubarry UI [...] 続きを読む

ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews - かちびと.net

2011/07/12 301 users ベーシック net 汎用性 クロスブラウザ 備忘録

クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。 なかなか使いやすそうなので備忘録。派手なスライダーが結構多い印象ですが、結局普通のものが一番使いやすいですよね。派手なのもインパクトあって好きですけどｗ 今日のプラグインもクロ... 続きを読む

複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin - かちびと.net

2011/06/01 117 users net インターフェース スライダー 複数 コンテンツ

ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 Grid Slide P... 続きを読む

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌

2011/04/12 331 users jQueryプラグイン phpspot開発日誌 スライダー

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせる... 続きを読む

[JS]シンプル！高性能！超軽量！使い勝手の良いコンテンツスライダーのスクリプト -jContent | コリス

2011/04/11 179 users コリス スライダー div要素 スクリプト 垂直方向

デモ：カルーセル機能付きのスライダー：垂直方向 jContentの実装 実装は簡単で、パネル内のコンテンツをdiv要素で配置し、数行のスクリプトを記述するだけです。 HTML ... ... .... 続きを読む

9search | 必要なときに、必要なフリー素材を。

2011/04/02 1947 users フリー素材 サンセリフ アコーディオン スライダー テクスチャ

商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む

ウェブサイト全体の色を簡単に微調整できるサイト「web colorizer」*二十歳街道まっしぐら

2011/03/24 130 users 二十歳街道まっしぐら ウェブサイト全体 スライダー CSS

「web colorizer 」はウェブサイト全体の色を調整できるサイトです。 URLを指定すると、プレビューが表示されます。 色のスライダーを調整するだけで、全体の色を変化させることができますよ。 さらに、変更後の結果（画像やCSSなど）はダウンロードすることもできます。 以下に使ってみた様子を載せておきます。まず「web colorizer 」にアクセスしましょう。 無料登録をしてログインしま... 続きを読む

divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌

2011/02/10 490 users div スライダー jQueryプラグイン 1行

divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」2011年02月10日-jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に... 続きを読む

[JS]HTMLコンテンツにも対応、カルーセルで表示するスライダーのスクリプト -jShowOff | コリス

2011/02/08 100 users div要素 コリス カルーセル テキスト スライダー

一つ以上の子要素と、それらを内包する親要素をスライダーとして使用します。 下記は、テキストや画像を配置したdiv要素を子要素として、それらを内包するdiv要素を配置しています。This is a slide! 続きを読む

Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio | コリス

2011/01/12 405 users エレメント コリス スライダー ウェブデザイン 商用

アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、と... 続きを読む

人物写真や顔写真を自動できれいにしてくれるフリーソフト「Glamour」 - GIGAZINE

2010/12/01 242 users Glamour GIGAZINE ヒストグラム 彩度 増減

人物写真や顔写真など、好きなポートレイトを選んでから数回クリックするだけで自動的にヒストグラムが調節されて、ポートレイトをより一層魅力的にすることができるフリーソフトが「Glamour」です。 また、スライダーを動かすことで「エフェクトの増減」「彩度」「ソフトフォーカス」の三種類を細かく調節し、その変化する様子をビフォーアフターとしてオリジナル画像と比較できます。そうして出来上がった画像はクリップ... 続きを読む

[JS]超軽量・超高性能のコンテンツスライダーのスクリプト -Sudo Slider | コリス

2010/07/25 232 users コリス アクセシブル Ajax スクリプト スライダー

クロスブラウザ対応、各パネルのブックマークやスクリプトのオフ時も配慮されたアクセシブルで超軽量・超高性能のコンテンツスライダーのスクリプトを紹介します。 Sudo Slider jQuery Plugin デモページ Sudo Sliderの主な特長 リスト要素で簡単にスライダーを実装。 AJAXで画像やHTMLをロード。 スクリプトのオフ時でもコンテンツが可能。 マルチプルなスライダーにも対応。... 続きを読む