あのダサいデザインとはおさらば! input[type=file] をかっこ良く表示できる jQuery プラグイン『Dropify』の使い方 | phiary

2015/10/30 38 users Dropify phiary input File 百聞

デフォルトの input[type=file] ってなんか古臭い感じがしますよね？ とはいえ CSS でスタイリングしようとすると, デフォルトでかかってるスタイルが複雑でちょっとハードルが高かったりします. そこで今回は『Dropify』という jQuery プラグインを使って input[type=file] をかっこ良くする方法について紹介します. Runstant Demo 一見は百聞にし... 続きを読む

今っぽくなった！トレンドをおさえたjQuery プラグインまとめ | コムテブログ

2015/04/06 397 users コムテブログ トレンド ヒップアップ 細部 プラグイン

トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピップアップ。 もくじ マイクロインタラクション １．粘性 ２．移動するプレースホルダー ３．滑らかにページ移動させる ４．パスワード強度を可視化 ５．オートコンプ... 続きを読む

知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ | コムテブログ

2014/04/07 838 users コムテブログ 使い方まとめ

あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある！」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 もくじ スライドショー １．カルーセル（横） ２．フェードアウト ３．画像と文字をスライド ４．文字が遅れて移動す... 続きを読む

Gogole＋の写真をスライドショー表示できるjQuery プラグイン「googleslides」:phpspot開発日誌

2013/09/20 9 users userid phpspot開発日誌 スライ スライドショー

Gogole＋の写真をスライドショー表示できるjQuery プラグイン「googleslides」 2013年09月20日- jQuery googleslides Gogole＋の写真をスライドショー表示できるjQuery プラグイン「googleslides」。 userid, albumidを指定すれば画像をスライドショーで表示できるっぽいです Google＋の画像をサクッとサイト内にスライ... 続きを読む

郵便番号から住所を補完する jquery.ajaxzip2 を拡張したよ - けんごのお屋敷

2013/07/01 64 users jQuery 自前 Ajax郵便番号 サーバー CGI不要版

先日、郵便番号から住所を補完する jQuery のプラグイン jquery.ajaxzip2 を紹介しました。 これは AjaxZip 2.0 – Ajax郵便番号→住所自動入力フォーム（CGI不要版）を jQuery プラグインとして実装したもので、利用するためには自前で JSON 形式の住所データをサーバーに配置する必要がありました。そこで JSON 形式の住所データを準備しなくても良いように... 続きを読む

[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。

2013/02/14 73 users jQuery nakamura くしゃみ Ajax バシャログ

最近目がかゆくてやたらとクシャミが出るんですけど、PM2.5 ってホント迷惑ですね～。みなさん、こんにちは nakamura です。 最近ちょっとおぉ！と思った jQuery プラグインがあったので今日はそのご紹介です。Ajax を使った非同期な処理も今やすっかり定番ですが、毎回メンドクサイな～と思うのがローディングアイコン。アニメーション Gif を用意して、どこで呼び出しても見栄えがするように... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく ｜ クラスメソッド開発ブログ

2012/10/31 477 users jQueryプラグイン HTML 手順 プラグイン コレ

僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに – jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿... 続きを読む

WordPressのトップページを雑誌や新聞のような段組にする方法 | Stocker.jp / diary

2012/01/23 540 users jQuery Masonry Stocker.jp 概要

WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用... 続きを読む

スクロールに応じてパララックス効果を出せるjQueryプラグイン・scrolloramaを使ったプレゼンテーションサンプル - かちびと. net

2012/01/04 147 users scrollorama class 派生 エフェクト プレゼン

あけましておめでとう御座います。 今年も何卒宜しくお願い致します。 さて、新年初記事です。正月の間 にパララックス効果を出せるjQuery プラグインを見かけたんですが、 その派生のプレゼンが良かったので メモ。 スクロールに応じて様々なエフェクトをclassを指定するだけで実装できるjQueryプラグイン、scrolloramaを使ったプレゼンサンプルです。 scrolldeck スクロールすれ... 続きを読む

ウィンドウサイズに応じてli要素とselect要素を切り替えるレスポンシブなメニューを実装する軽量jQueryプラグイン・Responsive Menu - かちびと. net

2011/12/29 43 users ウインドウサイズ ブレークポイント select li要素

ウィンドウサイズに応じてli要素と select要素にスイッチできるjQuery プラグイン、Responsive Menuのメモ。 ブレークポイントを設定して、閲覧 するウィンドウサイズがそのポイント に達したらli要素で作ったメニュー をselectにしてコンパクト化します。 以前、CSS-Tricksでも記事になっていました(参照：Convert a Menu to a Dropdown f... 続きを読む

画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js - かちびと. net

2011/11/26 104 users クド 備忘録 フェードエフェクト 沢山 スライドショー

地味に良さそうだったので備忘録。画面 いっぱいに画像を広げてフェードエフェ クトでスライドショーを実装できるjQuery プラグイン・slideshowify.jsです。この 手のプラグインは沢山あるので選択肢 の一つとして・・ なんとなくよく見かけた画像のフルスクリーン表示を実装します。この見せ方は良い写真や画像なら飲食店やアパレル系などでは訴求力もあるし、よく見かけるのも当然といえば当然かもし... 続きを読む

jQuery プラグインを書くための資料と便利ツール - わからん

2011/06/27 101 users 便利ツール 資料

次の3つが役立っている。最近実際にいくつか読んでいるけど、複数ブラウザ対応していたり、完成度の高いものばかりというわけではないんだなと知った。そのことにネガティブな印象はなくて、そのまま使えるものじゃなくても、公開して頂けるだけありがたいといった気分。どうせなら GitHub に置いてくれれば、気軽に修正の報告ができるしいいなとは思った。http://docs.jquery.com/Plugins... 続きを読む

ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

2010/11/12 792 users CSS jQueryプラグイン ディスプレイ jQuery

ディスプレイ（ブラウザ）のサイズ、画面いっぱいに背景画像を拡大表示するCSSやjQuery プラグインをいくつか試してみたのでレビューをまとめてみました。CSSだけでフルスクリーンで背景表示ができるものや、jQueryのプラグインを使ったものなどいくつかご紹介します。ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけたjQueryのプラグインを試し... 続きを読む