Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」
TellForm TellFormはOSSのフォーム作成ツールです。TypeformやGoogle Formsの代替として開発されたアンケートフォーム作成ソフトウェアで手軽にフォームを作成・管理する事が出来ます。同等の機能というわけに...
Resource - github
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」
jquery Theme Switcher jquery Theme SwitcherはWebサイトのテーマカラーを閲覧しているユーザーが選択できるようにする為のスクリプトです。jQueryに依存しています。通常のWebサイトではあま...
複数選択可能なselect要素でoptionを選択しやすくするスクリプト・「PopSelect」
PopSelect PopSelectはselect要素でoptionを選択しやすいUIにする為のスクリプトです。jQueryに依存します。上図のように、select要素にフォーカスするとoption要素がポップアップするので選択すれ...
チームでパスワードを管理出来るOpenPGPベースのOSSパスワードマネージャ・「Passbolt」
Passbolt PassboltはOpenPGPをベースにしたチーム単位でパスワード管理が可能なパスマネです。当時、お国までも動かしたPGPの暗号技術(参照:Wikipedia)を使用し、ブラウザの拡張機能で暗号化、SSLを介して送...
スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」
Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...
input要素にフォーカスした際のアニメーションエフェクトをいろいろまとめた・「Awesome input focus effects」
Awesome input focus effects Awesome input focus effectsはinput要素にマウスフォーカスした際のエフェクトのまとめです。borderやbackground、placeholder...
グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」
gridfolio.js gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルや...
モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」
Spectre.css Spectre.cssはモダンでシンプル、クリーンなCSSフレームワークです。RWD対応で軽量、UIコンポーネントも充実しています。HTMLメールも用意されてるみたい。また、日本や中国、韓国といったアジアのフォ...
レスポンシブWebデザイン対応のHTMLメールフレームワーク・「Outline Mail」
Outline Mail Outline MailはRWDなメールのHTMLフレームワークです。スマフォの普及で以前より需要が増している印象です。HTMLメールのRWD対応は通常のWebページとは少し勝手が違うのでこの手のフレームワー...
日本語にも対応のHTMLをPDFに変換するOSS・「Athena」
Athena AthenaはHTMLからPDFへ変換するコンバートツールです。日本語を含め、数百もの多言語に対応しているそう。URLを指定すれば変換してくれます。wkhtmltopdfの代替として開発、OSSとして公開されています。今...
静的なHTMLファイルを編集可能にするシンプルなCMS・「SiteCake」
SiteCake SiteCakeは通常の静的なHTMLを編集可能にするシンプルなCMSです。プログラミングの知識も不要でプレーンなHTMLを編集可能になします。コンテンツはドラッグ&ドロップで調整出来てデータベースも不要との事。どこ...
canvasを使ったシンプルなドローライブラリ・「atrament.js」
atrament.js atrament.jsはcanvasを使ったシンプルなドローライブラリです。色やペンの太さ、消しゴム、透過機能などが揃っています。他ライブラリへの依存も無く、圧縮版で7KBほどと軽量です。滑らかで動作も軽いドロ...
Markdownで書ける、Wikiベースの日本国産オープンソースなコミュニケーションツール・「Crowi」
Crowi Crowiは日本国産のオープンソースなWikiです。コミュニケーションツールとしてのWikiを目指したシンプルな設計となっているそう。もう1～2年前に公開されていたようですが最近知ったばかりでしたのでメモも兼ねて。国産なの...
Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」
Popper.js Popper.jsは常に見やすい状態に維持してくれるツールチップ実装スクリプトです。圧縮版で3.5KBと軽量且つ非依存型で単体で動作してくれます。うまく説明出来ませんが、任意のコンテナにツールチップを表示した際、ス...
インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」
FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...
ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」
Detectr.js Detectr.jsはブラウザやOS、デバイス等を検出してclassを付与するスクリプトです。他ライブラリに依存せず単体で動作し、圧縮版で3.6KBｙと軽量です。下記のようにclassが付与されます。 ...
再利用も視野にいれたオブジェクト指向CSSフレームワーク・「RichCSS」
RichCSS RichCSSは再利用も視野に入れて設計されたオブジェクト指向のCSSフレームワークです。各コンポーネント毎にファイルを別にしているみたいですね。クリーンなCSS設計になるよう心がけて設計してあるそうです。隙を見て触っ...
HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」
RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...
微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」
jfMagnify jfMagnifyは微調整可能な拡大鏡を実装出来るスクリプト。jQueryとjQuery UIに依存します。上記のように拡大鏡に+-ボタンが付いており、拡大鏡内の微調整が可能となっています。拡大鏡はCSSのみで...
データベース不要のフラットファイル型オープンソースCMS・「Grav」
Grav Gravはデータベース不要のオープンソースなCMSです。Markdown記法が採用されています。フラットファイル構成でDBが無くてもCMSとして機能してくれます。シンプル且つ高速な点が売りのようですね。多言語化対応でテーマフ...
文章に注釈を加えるためのシンプルなスクリプト・「marginotes」
marginotes marginotesは文章内の任意のキーワードに注釈を加えるためのシンプルなスクリプトです。jQuery版と単体で動くvanilla版があります。マウスホバーで左端にちょろっと注釈が出る、というシンプルなもの。ツ...
WordPressのプラグイン作成のためのフレームワーク・「Herbert」
Herbert HerbertはWPのプラグインを作成するためのフレームワークです。ショートコード追加、プラグインのアクティブ/非アクティブ時の処理、ウィジェット、データ保存、カスタム投稿タイプ周り等に対応出来るように構築してあるみた...