Resource - オープンソース

フロントエンド開発の為のコンポーネント集・「FORMSTONE」

FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...

Web Audioの制御やOSCデータの送信が可能なオーディオUI向けJavaScriptライブラリ・「NexusUI」

NexusUI NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこん...

OSSとして公開されている、匿名でメッセージを共有出来るAndoroidアプリ・「Faceless」

Faceless Facelessはオープンソースとしても公開されている、匿名型メッセージ共有Androidアプリです。ユーザーは名を伏せた状態でメッセージを発信する事が出来ます。アプリはPHPとMySQLで動作させているみたいですね...
Ads

OSSとしても公開されているHTMLチェックツール・「HTMLHint」

HTMLHint HTMLHintはOSSとして公開されているHTMLの構文チェックツールです。従来の高性能なものではなく、シンプルなツールですが、インラインのCSSやJSもチェックする事ができます。エラー箇所はx印が付き、マウスホバ...

記事にサブタイトルを加えるWordPressプラグイン・「Secondary Title」

Secondary Title Secondary Titleはブログの記事タイトルとは別にサブタイトルを加える事が出来るWordPressのプラグインです。まぁそれだけなのですが、個人的にこの発想がなかったので備忘録。これ、プラグイ...

画像をクリック時に全画面表示するスクリプト・「Intense Images」

Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...

コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」

HTML Minifier HTML MinifierはHTMLを圧縮するツールです。コメントアウトやスペースの除去、引用符の削除、空の要素、空の属性の除去などが可能です。それぞれの項目はチェックボックスで選択する事で圧縮します。HT...

CSVのパースとエンコードが可能なスクリプト・「CSV.js」

CSV.js CSV.jsはCSVのパースとエンコードが可能なスクリプトです。CSVの仕様に準拠しているとの事です。シンプルで使い勝手良さそうですね。ライセンスはMITです。 CSV.js

OSSとしても公開されている、ピクセルアートでGIFアニメーションを作成・「Piskel」

Piskel PiskelはブラウザでピクセルアートのGIFアニメを作成出来るツールです。Canvasとgif.jsで実装しているみたいですね。レイヤーを重ねて連続表示し、GIFとしてエクスポート出来ます。Githubでソースコードも...

段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」

SideComments.js SideComments.jsはMediumのように、段落毎にコメントできるスタイルを導入できるスクリプトです。jQueryに依存しています。従来のコメントエリアは基本的に最下部にあるでしょうし、長文の...

Google製のマルチデバイス対応Boilerplate・「Web Starter Kit」

Web Starter Kit Web Starter KitはGoogle製のWeb制作スターターキットです。マルチデバイス対応のレスポンシブなBoilerplateとなっています。パフォーマンスも最適化済みの様です。この辺はさすが...

地図と連動したインタラクティブなストーリーコンテンツを作成出来る・「ODYSSEY」

ODYSSEY ODYSSEYは地図と連動したインタラクティブなストーリーコンテンツを作成できるツールです。形式を選択し、マップの位置やzoom、マーカ等を設定していくだけ。作成後はソースのダウンロードや、提供して貰えるコードでWeb...

tableのデータを様々なフォーマットでエクスポート出来る様にするスクリプト・「HTML Table Export」

HTML Table Export HTML Table Exportはtableに書いたデータを様々なフォーマットでエクスポート出来るようにするスクリプトです。jQueryに依存します。対応フォーマットはPDFやJSON、PNG、X...

グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」

jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...

デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」

Phaser Phaserはモバイル/デスクトップ向けのHTML5製の2Dゲームフレームワークです。pixi.jsを使うことでCanvasやWebGLのレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...

複数のチャートを連動させる多次元チャートライブラリ・「dc.js」

dc.js dc.jsは複数のチャートを連動させる多次元チャートライブラリです。例えば円グラフの任意の場所をクリックすると、他のグラフがその箇所に応じたデータに変化します。デモをご確認頂いたほうが早いかもしれません。複雑なデータの可視...

多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」

Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...

WordPressでメガメニューを実装出来るプラグイン・「JQuery Mega Menu Widget」

JQuery Mega Menu Widget JQuery Mega Menu WidgetはWordPressでメガメニューを実装できるプラグインです。ECサイトのような大量のコンテンツを持つWebサイトでもユーザーが迷いにくいナ...

モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」

Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...

大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」

jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...

モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」

Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...

PhotoshopやBlender等のショートカットマップ・「Application Shortcut Mapper」

Application Shortcut Mapper Application Shortcut MapperはPhotoshopやBlender等のアプリのショートカットキーマップ。OSやアプリを選択すると、それぞれに割り当てられて...
Ads