GitHub - johnboker/jquery.blink: jquery blink plugin どんな要素もblinkさせられる「jquery.blink」 <blink>タグとしてNetscape等で実装されていたものですが、jQueryプラグインにて復活。 点滅させることでシンプルですが目立たせることが出来ます 関連エントリ FB/Google/Twitterへのシェアボタンを簡単に作れる「jquery.sharebox」 3Dでアニメーションするスライドショーを作れる「jquery-rsSlideIt」 シンプルなタイマーを実装できる「jquery-tinytimer」

Luxbar Demo CSSオンリーでレスポンシブかつ軽量なナビゲーションバー実装「Luxbar」 JSをつかっていませんが、無理矢理感ももなくすんなり動いてくれます 関連エントリ Bootstrapのナビゲーションバーをお好みにカスタマイズできる「Bootsnav」 「stripe.com」のようなモダンで美しいレスポンシブなナビゲーション実装サンプル コンテンツナビゲーションと進捗を合わせた新しいナビゲーションアイデア「Progress Nav」

Themosis framework - A framework for WordPress developers WordpressベースのWEBサイト構築フレームワーク「Themosis framework」。 WPには便利な機能が沢山ありますが、これを通常のサイトやWEBアプリ作成に活用しようというもののようです WPに慣れている方には使いやすいのかも。 関連エントリ

Passwordless - A node.js/express module for token-based logins パスワードレスなログインを実現可能にするnpmモジュール「Passwordless」。 メールアドレスを入力するとワンタイムパスワードが発行されてそちらでログインが可能になる仕組み。 ユーザはパスワードの入力が不要で、メールに書いてあるリンクをクリックするだけで一定期間ログインでき、ユーザの手によるパスワード生成も行わないためセキュリティ的にメリットもありそう。 関連エントリ PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」

jQuery Circliful Plugin - Documentation アニメーションする綺麗な円グラフが描けるjQueryプラグイン「Circliful」 次のようにスタイリッシュな円グラフが描画できます。デフォルトのデザインがかっこよくてダッシュボードなんかに使えそうです 関連エントリ テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 テーブルをグラフに変換できるjQueryプラグイン「TableBarChart」 レスポンシブな円グラフが描画できる「Pizza Pie Charts」

seen.js SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js」。 とにかくデモがスゴイので一見の価値があると思います。 バックグラウンドで3Dの波がウネウネするエフェクトはなかなかカッコいいと思いました。 関連エントリ WebGLではなくSVG、CANVASを使った迫力ある3D表現デモ「Flat Surface Shader」 複数の画像を組み合わせて3Dっぽく回転できる「jQuery Interactive 3D」

X-editable Demo Bootstrap3ベースでコンテンツのインライン編集を可能にする「X-editable」。 クリックすると編集ボックスに切り替わるあのUIをクールにBootstrapで実現できます。 インラインだけでなく、ポップアップでの編集も出来ます。 関連エントリ Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える「Jasny Bootstrap」 フリーのBootstrapテーマが満載「Bootstrap Zero」 Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 Bootstrapなalert,confirm,promptが実装できる「Bootbox.js」 Bootstrap3のUIをベクター形

envision - demos インタラクティブで高性能なグラフを描画できる「envision」 リアルタイムに描画したり、範囲を指定して拡大したり、といったグラフを実装できるようです。 リアルタイムに描画されるデモはなかなかカッコいい上に実用的です。 関連エントリ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 レスポンシブな円グラフが描画できる「Pizza Pie Charts」 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」

Rotate HTML elements by mouse in JavaScript - Propeller.js html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」 自動で回転させることもできるし、ドラッグ＆ドロップによって回転させて加速度をつけたアニメーションをさせることもできます 汎用性はありませんが、ちょっとしたエフェクトとして使えそうですね 関連エントリ CSS3アニメーションするモーダルダイアログ実装jQueryプラグイン「Block Slide」 CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 読み終わったらスライドアニメーションで他記事に誘導できるjQueryプラグイン「Promo Slide」 アニメーションするプログレスバーで達成度を視覚化できるjQueryプラグイン

Sculpt. A free responsive framework from Heart Internet モバイルファーストなレスポンシブフレームワーク「Sculpt」 Bootstrap3でもいいんですが、でもいいんですが、あきらかにBootstrapとわかっちゃうのもアレだという場合に代替の軽量フレームワークをご紹介。 Bootstrapほど大量のコンポーネントは詰まっていませんが、その分デフォルトで軽量。 メニューもなかなかオシャレに出来ます 関連エントリ レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」 レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 HTML5＆レスポンシブなPHPダッシュボード作成フレームワーク「RazorFlow」 モバイルファーストなレスポンシブCSSフレームワーク「Cardin

jQuery Label Better by Pete R. | The Pete Design より良いフォームの入力ヒント実装jQueryプラグイン「Label Better」。 フォーカスなしでは次のようにウォーターマーク風に表示されており、フォーカスするとヒント文字が浮き上がってinputの上に来るエフェクトが付けられます カーソル合わせたけど、なんだっけ？とならないようになるのは分かりやすいかもですね。 関連エントリ フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」 フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Imag

Brimir, an open source ticket manager. Rails製オープンソースのチケット管理システム「Brimir」 Bootstrapベースのデザインでいい感じのチケットシステムです。 現状のチケットシステムを置き換えたい際の１つの選択肢として。 関連エントリ PHP＆MySQLで構築されたオープンソースのバグトラッカー「Vermis」 UIが秀逸で高機能なPHP&MySQLなバグトラッカー「The Bug Genie」

FlowType.JS ? Responsive web typography at its finest: font-size and line-height based on element width. 要素サイズに応じてフォントサイズを自動調節してくれる「FlowType.JS」。 通常は要素の幅を変えると折り返し位置のみがかわりますが、こちらを使えばフォントサイズやline-heightを自動調節可能。 レスポンシブなサイトなどで使うことができそうです。最小・最大のフォントサイズを指定することもできるのえ大きすぎたり、小さくなりすぎたりといったことも防げます 文字の大きさの問題はこうしたもので簡単に解決できますね 関連エントリ リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 タッチができてレスポンシブなカルーセル実装jQuery

Skeuocard by kenkeiter 次世代のクレジット番号入力を提供するプライスレスなJS「Skeuocard」 クレジットカード状の画像があり、番号を入力していくと、VISAなどに識別され、自動でカードのデザインが変わり、カードの字体も本物ソックリ。 通常のクレジットカード入力よりも分かりやすくてオシャレというのがいいですね。 GithubからDLできます。プライスレス 関連エントリ オンライン決済用のボタン75個セット

DalekJS - Automated cross browser testing with JavaScript JSでクロスブラウザの動作テストを自動化できる「DalekJS」。 テストコードをJavaScriptで記述すれば、指定したサイトを開いてスクリーンショットを撮って、指定位置をクリックして、といった具合にテストが実施できます Seleniumのような既にメジャーなツールもありますが、これもなかなか便利そうです。 node.jsベースで実装されているみたい。 関連エントリ JavaScriptのコードでPDFを生成できる「jsPDF」 ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」 JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」

FTPソフト終了のお知らせ：PHP/AjaxなブラウザベースのFTPツール「MonstaFTP」 2013年07月17日- Open Source PHP/Ajax Drag & Drop FTP Manager | Monsta FTP FTPソフト終了のお知らせ：PHP/AjaxなブラウザベースのFTPツール「MonstaFTP」。 FTPソフトをインストールしてFTP経由でサーバにアップロードをしている場合、このツールを使えば、もうFTPソフトなんて使わなくても、ブラウザだけで完結しちゃいそうです。 ブラウザがドラッグ＆ドロップに対応したことによって、ファイルのアップロードは格段に簡単になりましたがその機能を活用してFTPソフトっぽくできています。 サーバにこのオープンソースソフトウェアをインストールしておく必要がありますが、インストールさえ終われば、どの環境からでもFTPソフトなし

Beyond grep: ack 2.04, a source code search tool for programmers grepをよく使うプログラマはどう考えても乗り換えるべき新しいgrepコマンド「ack」。 サーバに入ってコードを書いている人はかならず使うgrepですが、grepよりも高速に検索でき、git,svn等のソースコード以外のソースはgrepしないで検索できるツールらしいです。 Perlで書かれていて、Perlの強力な正規表現が使え、ハイライトしてくれます。ソースツリーの下で「ack 検索ワード」で検索するだけというシンプルさもいいです WEBサービスを書いているとhtmlやphp等色々なソースをいじりますが、ファイルの検索対象も選べるため、便利です。 ack --php <検索ワード> でphpのソースのみを対象とし、ack --nophp <検索ワード>でphp

“Twitter API v1”の提供が終了、一部クライアントアプリが動作不能に - 窓の杜 Services_TwitterのTwitter API v1.1 暫定対応方法 6/12にTwitterAPI v1が終了しましたが、困ったことにServices_Twitter が対応してくれておらず、phpからTwitterをいじっている場合はpost等ができなくなっている可能性があります。 とりあえず、post に対応したい、という場合は以下のように、Services/Twitter.php を開いて API の URL を編集すれば投稿等ができるようでしたので、使っている方は見なおしてみましょう。 関連エントリ Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 Twitter製の高速なオートコンプリート用JSライブラリ「typeahead.js」

jQuery Unveil - A very lightweight plugin to lazy load images LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」 LazyLoadプラグインの余分な機能（エフェクト、イベント）を省いて軽量化したものです。 LazyLoadでページ表示速度をあげようとしてLazyLoadで遅くならないようにしたい場合に使えそう とにかく軽くしたい場合に検討してみてもよいプラグインですね 関連エントリ １ページ内で複数ページに分割できるjQueryプラグイン「windows」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 レスポンシブに加えスマホ用のメニュー実装もできる