タグ スライダー
新着順 10 users 50 users 100 users 500 users 1000 users9search | 必要なときに、必要なフリー素材を。
商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです! | コリス
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい?のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫! 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAI... 続きを読む
[JS]jQueryのプラグイン100選 -2012年総集編 | コリス
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関... 続きを読む
相性の良い色を自動でピックアップしてくれる「ColorBlender」 - GIGAZINE
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Mat... 続きを読む
私がよく使っているjQueryプラグインまとめ(スライダー、モーダルウィンドウなど) | OZPAの表4
こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。(たまにjQueryが必須でないものもあります。) ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプ... 続きを読む
divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」2011年02月10日-jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に... 続きを読む
すぐに使える!jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーの実装工程を学ぶ!jQuery Lab第1回 | HTML5でサイトをつくろう
2012年12月から雑誌Web Designingの『jQuery Lab.』にて連載をさせて頂くことになりました。ここではjQueryを使ったチュートリアルやプラグインの紹介をさせていただく予定です。 当ブログでは、紙面の関係で載りきらなかった部分やサンプルのより細かい解説をしていきたいと思います。 12月号のテーマは、 「jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーを... 続きを読む
フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 : ライフハッカー[日本版]
Webサービス , デザイン , 趣味 フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 カメきち 2014.07.13 07:00 「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。 以下に使ってみた様子... 続きを読む
商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス
ボタン、スライダー、スクロールバー、フォームの各エレメントなど、ウェブデザインに使用するUIエレメントのPSD素材をDesign Kindleから紹介します。 Sleek UI Elements Blaubarry UI [...] 続きを読む
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio | コリス
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、と... 続きを読む
最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ | コリス
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、 ...記事の続きを読む 続きを読む
画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせる... 続きを読む
[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider | コリス
IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Sliderの特徴 Flow Sliderのデモ Flow Sliderの実装 Flow Sliderの特徴 滑らかなアニメーションで動作します。 実装は簡単で少しのコピペでok。 ベースとなるスタイルシートは用意済み。 クロスブラウザ対応。 対応ブ... 続きを読む
[JS]jQueryのプラグイン33+1選 -2009年8月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simplyScroll [...] 続きを読む
ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews - かちびと.net
クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。 なかなか使いやすそうなので備忘録。派手なスライダーが結構多い印象ですが、結局普通のものが一番使いやすいですよね。派手なのもインパクトあって好きですけどw 今日のプラグインもクロ... 続きを読む
『Conan Exiles』陰茎調整と性器物理に見る常識という名の没入感、乳揺ればかりがリアルじゃない | AUTOMATON
先月末にSteamで早期アクセス販売が始まったオープンワールドサバイバル『Conan Exiles』が、ゲームと直接的に関係のない部分で大いに脚光を浴びている。同作はキャラクターエディットに男性器の大きさを調整できるスライダーを備えていることに加えて、男性キャラクターの陰茎と睾丸はジャンプしたりしゃがんだりするたびに、Unreal Engine 4の物理演算によって実際に揺れる。これまでペニスの造... 続きを読む
[JS]キャプションのアニメーションがかっこよすぎ、スマフォもIEも対応のコンテンツスライダー -iView Slider | コリス
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサ... 続きを読む
[JS]jQueryのプラグイン33+1選 -2012年12月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 videoBG 動画をページの背景(あずきの水玉)でもdiv要素の背景(暗いトンネル)でも配置します。 Superslides フルスクリーンサイズで軽快なアニメーションを備えたスライダー。 Carousel 水平・垂直・クロス・タイマーに対応したカルーセル型のギャラリー。 ayaSlider さまざまな要素のタイミングを設定して... 続きを読む
【衝撃野球動画】なぜナックルボールが「魔球」と呼ばれるのか一発で分かるGIFアニメがスゴイ | ロケットニュース24
カーブにシュートにフォークにスライダー。野球には様々な変化球があるが、いまいち「どのように変化するのかが分からない」という人は意外と多い。なかでも謎なのが “魔球” とも言われるナックルボールだ。 ほぼ無回転で投げられ、左右にブレたり不規則に変化しつつ落下していく。それはまるで「氷の上をツルツルと滑るように」とも形容されるが、果たしてどのような変化なのか。今回ご紹介するナックルボールGIFアニメを... 続きを読む
どんどん簡単になっていく!最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス
アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む
商用サイトでも利用可、さまざまなウェブサイトのパーツが揃ったフリーのPSD素材 | コリス
ナビゲーション・ボタン・スライダー・タブ・パネル・フォーム・ページネーションなど、さまざまなウェブサイトのパーツが揃ったフリーのPSD素材をBest Blog Boxから紹介します。 続きを読む
フォトショやイラレが物理コントローラーのツマミ・フェーダーで操作可能になるモジュール式コントローラー「Palette」 - GIGAZINE
Adobeが提供しているPhotoshopやIllustratorの操作を、マウスやキーボードとは別にボタンやフェーダー(スライダー)、ダイヤルなどで行うことができるコントローラーが「 Palette 」です。Paletteは各コントローラーにソフトウェアの機能を割り当てることで、ハードウェアコントロールを可能にし、より直感的な操作を行うことができるようになっています。 Palette Gear:... 続きを読む
人物写真や顔写真を自動できれいにしてくれるフリーソフト「Glamour」 - GIGAZINE
人物写真や顔写真など、好きなポートレイトを選んでから数回クリックするだけで自動的にヒストグラムが調節されて、ポートレイトをより一層魅力的にすることができるフリーソフトが「Glamour」です。 また、スライダーを動かすことで「エフェクトの増減」「彩度」「ソフトフォーカス」の三種類を細かく調節し、その変化する様子をビフォーアフターとしてオリジナル画像と比較できます。そうして出来上がった画像はクリップ... 続きを読む
[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity | コリス
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script ... 続きを読む
[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは! -radio click through | コリス
画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 デモのアニメーション 上記のgifアニメーションは軽量化のためコマ数を落としていますが、実際の動作はもっと滑らかで気持ちいいです。 下記ページでお試しください。 radio click through スライダーの動... 続きを読む