pep.jquery.js - put a little pep in your step リアルなドラッグ＆ドロップが実現できるjQueryプラグイン「pep.jquery.js」 ドラッグして移動しながら勢い良く離すと徐々にスピードが弱まるようなドラッグ＆ドロップ要素を実装できます。 スマートフォンでも動作します。 $('#peppable').pep(); ですぐに使えるみたいです 使いどころがアイデア次第というところはあるんですが１サンプルとして知っておくと思わぬアイデアの１要素として使えるかもしれませんね。 関連エントリ 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」 高機能なカルーセルを実装するjQueryプラグイン５０まとめ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」

See related links to what you are looking for.

Drag provider – the good stuff Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. 2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency. Take a look through all the demos below to understand how it works. Links / download code.google.com/p/dragdealer/ blog.ovidiu.ch/dragdealer-js HTML

jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。 かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。 以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。 で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。 Twitterの新UIなんかでもスクロールバーが独自になっていたり

デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ

題名がやや謎ですが・・・ブログの過去 記事を、新聞のテレビ番組表のような レイアウトで表示するWPプラグインです。 アーカイブをじっくり探せるように、見や すいレイアウトにするのはコンテンツに よっては大きなユーザビリティとなりそう です。 結構使われているのかもしれませんけど、僕は最近まで知らなかったので一応ご紹介。覚えておいて損は無さそうです。もちろん、IE6や7でも動きます。 アーカイブをこんな感じで表示してくれます。テレビ欄っぽい。画像は投稿の最初の画像を自動で取得してくれるみたいです。 このようにクリックで開閉するタイプも選べます。こちらもスマートでいいかもしれませんね。 テスト環境に入れた際のキャプチャです。見出しになっている月をクリックすると全部開きます。 管理画面です。画像も用意してくれていますし、そう困る部分は無いかなと思います。 使い方 デモがありますので導入前に見てみ

商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_

Code Archive Skip to content Google About Google Privacy Terms

スライスやオブジェクトをクリックするたびに連番をふるFireworks用拡張パネルです。 インストール方法 まずMXPファイルをダウンロードしてください。zipを解凍してできたMXPファイルを使用します。 > SequenceNumSlice.mxp 1. ヘルプ > 拡張機能の管理 でAdobe Extention Managerを立ち上げる 2. ファイル > 拡張機能をインストール から、ダウンロードしたMXPファイルを選択してインストール 使い方 メニューウインドウ→KinkumaUtility→SequenceNumSlice を選択してください。 1. 「共通の名前」に共通にしたい名前を入力します 2. 「連番」は共通の名前に続く数字です 3. 「設定開始」をクリック 4. 名前を振りたいスライスやオブジェクトを順番にクリックしていきます 5. 「設定終了」をクリックして終了で

Download Cinder is available under the BSD License for macOS and Windows. The latest version is 0.9.2 Cinder for macOS Visual C++ 2015 All Cinder Versions Github To keep up-to-date with Cinder’s development, consider working from the github repository directly. This guide walks you through getting setup with Cinder and Github. Cinder on GitHub Sponsors Cinder is developed by the generous contribut

WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o

使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメニューは横に広がってくれます。 Horizontal Subnav Simple jQuery tabs コンテンツをタブで切