Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」 jQuery.Markdown.js jQuery.Markdown.jsはMarkdown記法で書かれたコードをテキストに変換するスクリプトです。jQueryに依存しています。シンプルで使い勝手も良さそうですね。日本の方が作成、公開...2014.12.26 | 10時58分52秒
Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」 Sheetsee.js Sheetsee.jsはGoogleスプレッドシートに書いたデータを元に、チャートグラフや地図、table等に変換してWebサイトに埋め込めるスクリプトです。動作にはjQueryが必要みたい。基本的にはコア必須...2014.12.25 | 11時14分43秒
ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」 textAssist textAssistはドラッグしたテキストにキーワード検索や翻訳、地図検索、Wikipedia等のサポート機能を付与するスクリプトです。jQueryに依存しています。デフォルトではGoogleマップ等が使われてい...2014.12.21 | 10時46分05秒
HTML5製の軽量リッチテキストエディタ・「Squire」 Squire Squireは軽量なHTML5製リッチテキストエディタです。ケース次第では余計なものと扱われる部分を省いて軽量化を重視し、あくまでコンポーネントとして提供しているそうです。その為、ツールバーなどのUIは用意されていない(...2014.12.17 | 11時14分47秒
モバイルアプリの為のUIフレームワーク・「Touchstone.js」 Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...2014.12.15 | 10時49分50秒
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...2014.12.12 | 11時16分32秒
Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」 FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...2014.12.10 | 10時11分00秒
SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」 Muffin MuffinはSASSとJekyllで構築されたフロントエンド開発のためのテンプレートです。インストール後すぐに開発作業を始められるような設計を目指したみたい。SVGアイコンやTwitter Bootstrapもサポート...2014.12.08 | 11時06分29秒
ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」 Flakes Flakesはビジネス用のWebアプリ構築の為に公開されたCSS/JavaScriptフレームワークです。RWDやSASSにも対応済み。ダッシュボードに必要なUIやチェックボックス、フィルタ機能付きのテーブルなどのコンポ...2014.12.05 | 10時32分57秒
SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」 SVG Morpheus SVG MorpheusはSVGアイコンから別のSVGアイコンへモーフィングさせる為のスクリプトです。非依存型で単体で動作してくれます。導入も楽そう。オプションやらサポートされたイージングの種類は本サイトにて...2014.12.01 | 11時35分56秒
行単位でCSSを適応させるスクリプト・「LINING.JS」 LINING.JS LINING.JSは行単位でCSSを適応させる為のスクリプトです。非依存型で単体で動作してくれます。カスタムデータ属性を使って1行毎に任意のスタイルを作れる、みたいなやつ。上記のスクショは表示時に、1行毎にスライド...2014.11.27 | 10時30分47秒
マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 Materialize Materializeはマテリアルデザインを取り入れたRWD対応のCSSをフレームワークです。Sass対応で、各種コンポーネントも揃っていました。ベーシックで良いんじゃないでしょうか。ライセンスはMITとの事。...2014.11.24 | 11時13分45秒
モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」 laroux.js laroux.jsはモバイルやモダンブラウザ向けに作られたjQuery、zepto.jsの代替ライブラリです。コアは非圧縮でも2.8kbと軽量で、Ajaxやアニメーション、データの取得等、やりたい事があればその都度...2014.11.23 | 11時09分48秒
Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」 PerfBar PerfBarはWebサイトの簡単なパフォーマンスチェックが出来る非依存型のスクリプトです。任意のWebサイトに埋め込むことでロード時間や待ち時間等をチェック出来る様になります。フロントエンド側でチェックできるので自分...2014.11.19 | 10時18分21秒
デバイス間のフォーム要素のスタイルに差異が出ないようにする為のライブラリ・「Formplate」 Formplate Formplateは異なるデバイスでもフォームの見栄えに差異が生じないようにする為のライブラリです。jqueryとmodernizrに依存しているみたい。スタイルを均一にしたい要素を指定されたclassで包括する必...2014.11.13 | 10時33分43秒
描画アニメーションエフェクト付のSVGを作成する為のライブラリ・「vivus」 vivus vivusはSVGアイコン等に描画アニメーションエフェクトを付加出来るライブラリです。strokeDashoffsetプロパティを利用してストロークを管理しているようですね。ライセンスはMITです。詳細は以下より。 ...2014.11.11 | 10時08分59秒
マテリアルデザインのUIコンポーネントを構築する為のCSSフレームワーク・「material ui」 material ui material uiはGoogleの提唱したマテリアルデザインを導入したCSSフレームワークです。各UIコンポーネントも用意されています。Reactとセットになっているみたい。まだよく調べていませんがなかなか...2014.11.10 | 10時35分16秒
アナログ時計スタイルのタイムピッカー・「ClockPicker」 ClockPicker ClockPickerはアナログ時計スタイルのタイムピッカーを実装するライブラリです。jQueryに依存しています。Bootstrap向けのようですね。CSSで見た目もアナログ時計に似せることが出来そう。ライセ...2014.10.22 | 10時43分05秒
アニメーションGifの自動再生を制御する軽量スクリプト・「Gifffer」 Gifffer GiffferはGifアニメの自動再生を制御して再生開始ボタンを付与する軽量スクリプトです。1.8kbで非依存型なので使いやすそうです。再生する内容次第では動画を埋め込むよりパフォーマンスを向上させられるかもしれません...2014.10.11 | 12時11分54秒
WufooライクなD&D対応のフォームビルダーをjQuery+HTML5で構築出来る・「Wufoo style jQuery and HTML5 form builder」 Wufoo style jQuery and HTML5 form builder Wufoo style jQuery and HTML5 form builderはWufooライクなフォーム作成ツールを実装出来るスクリプトです。追...2014.10.10 | 10時24分31秒
Googleスプレッドシートをtable要素としてWebサイトに埋め込むスクリプト・「Sheetrock」 Sheetrock SheetrockはPublic設定されているGoogleのスプレッドシートを照会、取得し、table要素として任意のWebサイトに表示出来るスクリプトです。jQueryに依存しています。スプレッドシートの内容は選...2014.10.03 | 10時35分52秒
レスポンシブWebデザイン対応グラフ生成ライブラリ・「CHARTIST」 CHARTIST CHARTISTはRWD対応のチャートを作成出来るシンプルなライブラリです。SVGとCSSでアニメーションにも対応できるみたい。コンフィギュレーションをシンプルに保ちつつ、カスタマイズ性に優れ、デベロッパーフレンドリ...2014.08.30 | 10時15分47秒