地図と連動したインタラクティブなストーリーコンテンツを作成出来る・「ODYSSEY」
ODYSSEY ODYSSEYは地図と連動したインタラクティブなストーリーコンテンツを作成できるツールです。形式を選択し、マップの位置やzoom、マーカ等を設定していくだけ。作成後はソースのダウンロードや、提供して貰えるコードでWeb...
Resource - github
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に依存しています。グルーピングされた要素やネストされた要素内のエレメン...
Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」
ScrollMe ScrollMeはWebページにシンプルなスクロールエフェクトを追加する為のスクリプトです。jQueryに依存しています。特別な設定は必要なく、スクリプトを読み込んで指定のclassを追加、エフェクトを追加したい要素...
デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」
Phaser Phaserはモバイル/デスクトップ向けのHTML5製の2Dゲームフレームワークです。pixi.jsを使うことでCanvasやWebGLのレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...
複数のチャートを連動させる多次元チャートライブラリ・「dc.js」
dc.js dc.jsは複数のチャートを連動させる多次元チャートライブラリです。例えば円グラフの任意の場所をクリックすると、他のグラフがその箇所に応じたデータに変化します。デモをご確認頂いたほうが早いかもしれません。複雑なデータの可視...
モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」
Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...
大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」
jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...
PhotoshopやBlender等のショートカットマップ・「Application Shortcut Mapper」
Application Shortcut Mapper Application Shortcut MapperはPhotoshopやBlender等のアプリのショートカットキーマップ。OSやアプリを選択すると、それぞれに割り当てられて...
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」
Japan Map Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map
ログイン画面やショッピングカート等の実装コードを配布する・「Cody」
Cody Codyはログイン画面やショッピングカートなど、Webプロジェクトでよく必要になるコンテンツのコードを配布するWebサイトです。現在配布されているものはRWDにも対応していますのでコンテンツにマッチしてれば工数を減らせるかも...
ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」
App.js App.jsはネイティブアプリのようなルック＆フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...
Tumblrのオリジナルテーマを作成する為のHTML5製テンプレート・「tumblr boilerplate」
tumblr boilerplate tumblr boilerplateはTumblrのオリジナルテーマを作成するためのスターターテンプレートです。HTML5で作られています。装飾は一切なく、よく利用されるタグが概ね用意されています...
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」
transitive.js transitive.jsはトランジットマップを作成できるライブラリです。デモではマウスで動かせます。SVGで描いてドラッグで動かせるようにしてるみたいですね。徒歩経路も自動で付いてきてくれます。需要はとも...
オープンソースの静的サイトジェネレーターを探せるリーダーボード・「StaticGen」
StaticGen StaticGenはOSSとして公開されている静的サイトジェネレーターのリーダーボードです。沢山の静的サイトジェネレーターのダウンロード状況やライセンス、詳細などがリストとして掲載されています。言語でソートも可能な...
様々なWeb Componentsを収集、公開している・「Component Kitchen」
Component Kitchen Component KitchenはWeb Componentsをコレクションし、公開しているカタログサイトです。インポートの手順から使用例、動作デモやライセンス、対応ブラウザなども掲載されています...
テンプレートも用意されている軽量なレスポンシブWebデザイン対応CSSフレームワーク・「Responsee」
Responsee Responseeは軽量で直感的に使えるCSSフレームワーク。直感的と感じるかどうかは個人差はあるかもしれませんが、本サイトでそう謳っていましたのでそうなんでしょう。RWDに対応しており、PSDも配布されています。...
ブラウザ上で動作するphp製のpoファイルエディター・「SimplePO」
SimplePO SimplePOはブラウザ上で動作するオープンソースのpoエディターです。PHP製で、MySQL等のデータベースを必要とします。ちょっと部分的に直したい、という時は従来のpoエディタを立ち上げずに済むので楽と言えば楽...
iOSアプリ向けヘルプデスクを作成する為のオープンソースのフレームワーク・「HelpStack」
HelpStack HelpStackはiOS向けのヘルプデスク作成フレームワークです。OSSとして公開されています。リアルタイムで更新される対話型のヘルプや、スクリーンショットの添付等が可能となっています。ヘルプデスクを充実させる事...
スマフォサイトにも対応可能の、インタラクティブなプロトタイプを作成する為のツールキット・「FRAMER.JS」
FRAMER.JS FRAMER.JSはスマフォサイトにも対応したプロトタイプ作成の為のフレームワークです。アニメーションを取り入れることでインタラクティブなプロトタイプを作成できる、という事を目的としているようです。使い慣れるまで少...
個人向けデータ管理システムを構築できるオープンソースのソフトウェア・「TagSpaces」
TagSpaces TagSpacesはOSSのデータ管理システムです。個人向けのシステムとして作っているみたいですね。デモが見当たりませんが、SSを見る限りでは結構便利かも。制作業に限らず応用できそうです。暇を見て触って見たい。ライ...
オープンソースとして公開されているアイコンフォントのセット・「Open Iconic」
Open Iconic Open Iconicは223ものアイコンをOSSとして公開されているアイコンフォントです。EOTやWOFF、OTFだけでなく、PNG、SVGなどのフォーマットも用意されています。また、マルチカラー化や用意され...