画像のシェアリングサービスを構築出来るオープンソースのソフトウェア・「Chevereto」
Chevereto CheveretoはOSSとしても公開されている画像のシェアリングサービス構築用ソフトウェアです。PHPで書かれています。画像はユーザー同士で共有したり外部サイトにembedする事も出来ます。機能も結構充実してまし...
Resource - MIT
Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」
PrepBootstrap PrepBootstrapはBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UIは不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ロ...
Geckoboardの代替となるOSSのダッシュボードビルダー・「Freeboard」
Freeboard FreeboardはOSSとして公開されているダッシュボードビルダーです。Geckoboardの代替ソフトとして作ったそうです。Geckoboardと同じように、Freeboardを使ってKPI管理ツールを構築する...
SVGによるパターンを背景として使える・「PatternBolt」
PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...
SASSベースの軽量なフロントエンド開発フレームワーク・「Concise.CSS」
Concise.CSS Concise.CSSは軽量なフロントエンド開発フレームワークです。SASSをベースに、オブジェクト指向CSSの原則に基づいて設計しているとの事。オールドブラウザに対応させる場合はModernizrやRespo...
フロントエンド開発の為のコンポーネント集・「FORMSTONE」
FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...
開発者向けのアイコンフォント・「Devicons」
Devicons Deviconsは開発者向けのアイコンフォントです。Githubのロゴは勿論、各プログラミング言語のアイコンや人気のライブラリ、OSやCMSなど開発者の身近なアイコンがセットになっています。ライセンスはMITとの事で...
OSSとしても公開されているHTMLチェックツール・「HTMLHint」
HTMLHint HTMLHintはOSSとして公開されているHTMLの構文チェックツールです。従来の高性能なものではなく、シンプルなツールですが、インラインのCSSやJSもチェックする事ができます。エラー箇所はｘ印が付き、マウスホバ...
ユーザー登録不要のシンプルなビデオチャットサービス・「Talky」
Talky Talkyはユーザー登録不要で使えるビデオチャットサービスです。チャットルームの部屋の名前を決めてカメラへのアクセスを許可すれば開始出来ます。本ツールはsimpleWebRTCを使えば同じようにビデオチャットアプリを作るこ...
画像をクリック時に全画面表示するスクリプト・「Intense Images」
Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...
Androidライクなパターンロックを実装するスクリプト・「Pattern Lock」
Pattern Lock Pattern LockはAndroidのようにパターンでロックを掛ける為のスクリプトです。jQueryに依存します。上記のようにcaptchaの通りなぞる事でロックが解除される、といった、スパム対策も可能で...
CSVのパースとエンコードが可能なスクリプト・「CSV.js」
CSV.js CSV.jsはCSVのパースとエンコードが可能なスクリプトです。CSVの仕様に準拠しているとの事です。シンプルで使い勝手良さそうですね。ライセンスはMITです。 CSV.js
段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」
SideComments.js SideComments.jsはMediumのように、段落毎にコメントできるスタイルを導入できるスクリプトです。jQueryに依存しています。従来のコメントエリアは基本的に最下部にあるでしょうし、長文の...
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のレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...
多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」
Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...
大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」
jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」
Japan Map Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map
シンプルでミニマルなOSSのオンラインMarkdownエディタ・「Minimalist Online Markdown Editor」
Minimalist Online Markdown Editor Minimalist Online Markdown EditorはシンプルなMarkdownエディタです。特別な機能も一切なく、単純に左カラムで書くと右カラムに出力...
ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」
App.js App.jsはネイティブアプリのようなルック＆フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...
Tumblrのオリジナルテーマを作成する為のHTML5製テンプレート・「tumblr boilerplate」
tumblr boilerplate tumblr boilerplateはTumblrのオリジナルテーマを作成するためのスターターテンプレートです。HTML5で作られています。装飾は一切なく、よく利用されるタグが概ね用意されています...