要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」 PrognRoll PrognRollはページやスクロールが可能なコンテナ内でのスクロールに応じてプログレスバーを表示するスクリプトです。ただそれだけのシンプルなもので、サイズも2kb以下、圧縮すれば1kb以下と軽量です・・が、jqu...2016.11.03 | 10時30分57秒
NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」 egjs egjsはLINEでおなじみのNAVERが公開しているUIインタラクションセットライブラリです。Webアプリ構築の際に開発スピードに貢献する事が目的のようで、OSSとして提供してくれています。jQueryを使って更に機能を拡...2016.11.01 | 10時31分09秒
レスポンシブなオーバーレイメニュー構築のためのフレームワーク・「responsive-overlay-menu」 responsive-overlay-menu See the Pen Responsive overlay menu - full menu with second menu example by Mario Loncarek (@ri...2016.10.16 | 11時14分46秒
モニタサイズ次第で入りきらない部分だけスライドインさせるレスポンシブなメニュースクリプト・「okayNav」 okayNav okayNavはモニタサイズ次第では入りきらない部分をスライドインするようにしてくれるスクリプトです。jQueryに依存します。メニューの種類が多いコンテンツや動的、増え続ける等、ケースによってはよく紹介されているよう...2016.09.11 | 10時46分01秒
Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」 jQuery Bootgrid jQuery BootgridはBootstrap上でのtableを多機能にするスクリプトです。jQueryに依存します。thにカスタムデータ属性を与える必要がありますが、tableをthの内容毎にソー...2016.08.30 | 10時25分41秒
自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」 skills skillsは自身の技術スキルをアニメーションする棒グラフで表現するためのスクリプトです。jQuery依存です。よくある、スクロールに応じてアニメーションしながらグラフが設定値まで伸びる、というもの。アニメーションや...2016.08.22 | 10時04分25秒
inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」 jquery-plugin-input-prefix jquery-plugin-input-prefixはinputに任意の削除できない接頭語を付与するスクリプトです。jQueryに依存します。placeholder属性と違い、テキ...2016.08.09 | 10時07分34秒
軽量、レスポンシブでエレガントなモーダルウィンドウを実装出来るjQueryプラグイン・「iziModal」 iziModal iziModalはRWD対応で軽量、エレガントなモーダルウィンドウの為のjQueryプラグインです。任意のコンテンツは勿論、iframeや通知などにも対応可能で、タイトルや空^設定など、細かい設定項目が用意されていま...2016.07.25 | 10時49分55秒
複雑なtableでも対応できる、セルがどの列と行に属しているかをハイライトするスクリプト・「jquery-gettable」 jquery-gettable jquery-gettableはtableのセルがどの列と行にあるかをハイライトしてくれるスクリプトです。jQueryに依存しています。上図のようにセル上にマウスを持って行くと、そのセルが属する行と列が...2016.05.23 | 10時01分22秒
HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」 TableExport.js TableExport.jsはtableに書いたデータをCSVやxls、xlsx、プレーンテキスト等のフォーマットでエクスポート出来るようにするスクリプトです。jQueryとFileSaver.jsを使用...2016.05.16 | 11時11分04秒
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」 jquery Theme Switcher jquery Theme SwitcherはWebサイトのテーマカラーを閲覧しているユーザーが選択できるようにする為のスクリプトです。jQueryに依存しています。通常のWebサイトではあま...2016.05.07 | 10時41分18秒
jQuery+PHP製のドラッグ&ドロップで構築可能なHTMLメール作成ツール・「Simbyone Newsletter Builder」 Simbyone Newsletter Builder Simbyone Newsletter BuilderはjQueryと少しのPHPコードで実装されたD&DでHTMLメールを構築出来るテンプレートビルダーです。テキストや画像もそ...2016.05.03 | 10時41分12秒
複数選択可能なselect要素でoptionを選択しやすくするスクリプト・「PopSelect」 PopSelect PopSelectはselect要素でoptionを選択しやすいUIにする為のスクリプトです。jQueryに依存します。上図のように、select要素にフォーカスするとoption要素がポップアップするので選択すれ...2016.04.30 | 10時15分09秒
可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」 timedropper timedropperは可愛らしいスタイルのタイムピッカーです。jQueryに依存しています。アナログ時計に見立てたUIで時間をピック、フィールドに入力する事が出来ます。年月日等を入力管理出来るデイトピッカーで...2016.04.27 | 11時06分26秒
スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」 Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...2016.04.22 | 10時31分23秒
jQueryで作られたオープンソースのシンプルなTodoアプリ・「LobiList」 LobiList LobiListはjQuery製のToDoアプリです。OSSとして公開されています。上図のように複数リストも設定可能で基本的なToDoアプリの性能は揃っている印象でした。シンプルで使いやすそうですし、手軽に作れるのは...2016.04.15 | 10時58分10秒
インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」 FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...2016.04.06 | 10時13分08秒
微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」 jfMagnify jfMagnifyは微調整可能な拡大鏡を実装出来るスクリプト。jQueryとjQuery UIに依存します。上記のように拡大鏡に+-ボタンが付いており、拡大鏡内の微調整が可能となっています。拡大鏡はCSSのみで...2016.03.28 | 10時48分50秒
文章に注釈を加えるためのシンプルなスクリプト・「marginotes」 marginotes marginotesは文章内の任意のキーワードに注釈を加えるためのシンプルなスクリプトです。jQuery版と単体で動くvanilla版があります。マウスホバーで左端にちょろっと注釈が出る、というシンプルなもの。ツ...2016.03.26 | 10時57分58秒
コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」 GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...2016.02.08 | 10時29分33秒
ブラウザで動くスプレッドシートの為のスクリプト・「jQuery.sheet」 jQuery.sheet jQuery.sheetはブラウザで動くスプレッドーシートの為のスクリプトです。jQueryに依存しており、OSSとして公開されています。HTML、JSON、XMLもサポートされています。他にもこの手のものは...2016.02.06 | 9時25分24秒
モバイルアプリ向けのランディングページテンプレート・「Takeoff」 Takeoff Takeoffはモバイルアプリ向けのランディングページのテンプレートです。よく配布されているような、いわゆるWebページのテンプレは使わないのですけど、こちらはスタイルを初期化すれば使いやすそうだったので備忘録として。...2016.02.04 | 11時00分45秒