Resource - JavaScript

可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」

DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...

OpenTypeやTrueTypeフォントをパース出来るスクリプト・「opentype.js」

opentype.js opentype.jsはOpenTypeやTrueTypeフォントをパースする為のJavaScriptライブラリです。パスや、メトリックスを調整する事でフォントを別の形状に変化させる事が出来る、というものっぽい...

ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」

draw.io draw.ioはログイン不要で使えるフローチャート作成ツールです。用意されているエレメントやテンプレートも豊富でインターフェースも日本語に変更出来ますので気軽に使えそうです。Google DriveやDropboxへイ...
Ads

デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」

Taucharts Tauchartsはデザイン性と柔軟性を重視したD3.jsベースのJSライブラリです。多くのチャートライブラリが見難いと感じた為、本職のデザイナーや情報視覚化の専門家の監修のもと、情報の整理、可視性が向上されたデザ...

フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」

Flickity Flickityはスマフォのフリック操作にも対応したレスポンシブなイメージスライダーの為のスクリプトです。非依存型ですが、jQueryを使ってセッティングのコードを簡略化する事も出来るように設計されているみたいです。...

ページ遷移にアニメーションエフェクトを付加するスクリプト・「Animsition」

Animsition Animsitionはページ遷移時にアニメーションエフェクトを加える事ができるJavaScriptです。jQueryに依存しています。エフェクトのセッティングはカスタムデータ属性で出来るので手軽に導入できそうです...

別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」

MENU TO CROSS ICON MENU TO CROSS ICONは別アイコンにアニメーションエフェクト付きで切り替える方法を紹介しているWebサイトです。SVGやアイコンフォント、ユニコードと、CSS3やJavaScript...

GithubのリポジトリやGistのフィードを表示するスクリプト・「github-feed.js」

github-feed.js github-feed.jsはGithubのリポジトリやGistのフィードを表示するスクリプトです。jQueryに依存しています。シンプルで良いですね。Gistのタイトル部分はdescriptionの...

ブラウザのタブテキストを別のテキストと交互に表示可能にするスクリプト・「blinkTitle.js」

blinkTitle.js blinkTitle.jsはブラウザのタブの表示されたタイトルテキストを別のテキストと交互に表示させるスクリプトです。アラートなど任意のタイミングでtitleタグのテキストを他のテキストと交互に表示し、点滅...

様々な値チェックが可能なJavaScriptライブラリ・「is.js」

is.js is.jsは様々な値の判定が可能なJSライブラリです。正規表現や文字列、オブジェクト、時間などをis.dateとかis.number、is.emailといったようなというメソッドでチェックする事が出来ます。まだちゃんと触っ...

シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」

jquery.localizationTool.js jquery.localizationTool.jsはWebサイトを多言語化する為のスクリプトです。jQueryに依存しています。シングルページ向け、というのは、本スクリプトがAP...

シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」

Composer.js Composer.jsはシングルページのWebアプリ向けに作られたJavaScript MVCライブラリです。jQueryまたはMootoolsのいずれかに依存するみたいですね。圧縮版で12kbと、軽量なのも素...

他言語化の為のJavaScriptライブラリ・「FormatJS」

FormatJS FormatJSはWebアプリの他言語化をサポートするJSライブラリです。米Yahoo!が開発、OSSとしてソースコードが公開されています。基本的には他のライブラリ(Handlebars、React、Dust)との統...

SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ・「deSVG」

deSVG deSVGはSVGをインライン展開してCSSでスタイリング出来るようにする為のJavaScriptライブラリです。<img>タグのsrc属性に挿入したsvgファイルを<svg>タグで表示出来るように...

ミニマルなjavascriptアニメーションライブラリ・「snabbt.js」

snabbt.js snabbt.jsはミニマル設計なアニメーションJSライブラリです。手軽にアニメーションオブジェクトを作成することが出来ます。またjQueryと併用することも可能のようです。設定も簡単で良いですね。ライセンスはMI...

Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」

jQuery.Markdown.js jQuery.Markdown.jsはMarkdown記法で書かれたコードをテキストに変換するスクリプトです。jQueryに依存しています。シンプルで使い勝手も良さそうですね。日本の方が作成、公開...

世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」

Libscore Libscoreは世界で需要の高いJSライブラリやスクリプトを検索できるツールです。jQueryやModernizrがどの程度使われているかを教えてくれます。とは言え、恐らく需要の高いであろうライブラリが出てこなかっ...

ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」

textAssist textAssistはドラッグしたテキストにキーワード検索や翻訳、地図検索、Wikipedia等のサポート機能を付与するスクリプトです。jQueryに依存しています。デフォルトではGoogleマップ等が使われてい...

HTML5製の軽量リッチテキストエディタ・「Squire」

Squire Squireは軽量なHTML5製リッチテキストエディタです。ケース次第では余計なものと扱われる部分を省いて軽量化を重視し、あくまでコンポーネントとして提供しているそうです。その為、ツールバーなどのUIは用意されていない(...

モバイルアプリの為のUIフレームワーク・「Touchstone.js」

Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...

様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」

Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...

Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」

FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...
Ads