いろいろなオプション付きのツールチップ作成CSSライブラリ・「Tootik」
Tootik Tootikは色々なオプション付きのツールチップ実装CSSライブラリです。CSSのみでツールチップを作成、オプションとして位置の設定や「成功」「注意」などの通知用、表示遅延、テキストの複数行、矢印の有無、フェードエフェク...
Resource - Archives
Markdown対応のEvernoteライクなオープンソースのWebノートアプリ・「Laverna」
Laverna LavernaはオープンソースのEvernoteクローンです。Markdown対応のEvernoteのようなノートアプリでDropboxやRemoteStorage等と同期する事も出来るそう。JavaScript製、様...
h1やh2などの見出しに合わせてページの目次(TOC)を自動作成するスクリプト・「Tocbot」
Tocbot Tocbotはページ内の見出しを元に、目次(table of contents)を自動作成するスクリプトです。Tocifyに触発されて作成したそうですが、1つの違いはjQueryに依存せず、バニラなスクリプトで動作する点...
textareaに行数を自動付与するスクリプト・「JQuery LinedTextArea」
JQuery LinedTextArea JQuery LinedTextAreaはtextareaに行数を自動付与するスクリプトです。jQueryに依存します。textareaに新たに書き込んでも行数は表示されます。用途は多くはなさ...
ブラウザで動くシンプルなオープンソースのテキストエディタ・「textpad」
textpad textpadはOSSのシンプルなテキストエディタ。ブラウザ上で動作します。よくあるエディタのようにWYSIWYGは無く、エクスポートもtxtファイルのみです。保存はlocalStorageが使われます。基本的にはそれ...
モバイルファーストなヘルプデスク構築のためのオープンソースソフトウェア・「Helpy」
Helpy Helpyはモバイルファーストなヘルプデスク構築のためのソフトウェアです。OSSとしてソースコードが公開されています。Zendeskやdesk.comのような有料サービスの代替として提供する事を目指しているとのことです。ヘ...
シンプルさを重視したオープンソースの小規模/個人向けプロジェクト管理ツール・「Kanboard」
Kanboard Kanboardはオープンソースのプロジェクト管理ツール。小規模チームまたは個人プロジェクト向けに作られています。最小限の機能に、最小限の装飾に抑え、プロジェクト管理という目的のみに絞ったシンプル、ミニマルなツールに...
動画をフルスクリーンで背景にするスクリプト・「Vidage.js」
Vidage.js Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。ファイルサイズは圧縮版で4.7kbほど。非依存型なので単体で動作...
Web制作におけるワイヤーフレームの作成ガイドが書かれたUXPin製のオンラインフリーブック・「The Hands-On Guide to Wireframing」
The Hands-On Guide to Wireframing The Hands-On Guide to WireframingはWeb制作におけるワイヤーフレーム作成のステップ・バイ・ステップが書かれたオンラインのフリー書籍で...
Electronアプリの為のOSXライクなUIフレームワーク・「Photon」
Photon PhotonはElectronで作られたアプリのためのデザインフレームワークです。OSX風に作られているようです。Electronは御存知の通りGithub製でHTML,JS,CSSで作れるクロスプラットフォームなデスク...
個人向けのPHP製オープンソース資金管理ツール・「Economizzer」
Economizzer Economizzerはオープンソースの資金管理ソフトウェアです。PHPフレームワークのYiiをベースに構築されたパーソナルファイナンスマネージャーシステム、との事です。要は家計簿・・みたいなシステムっぽいです...
Web制作者向けのツールを多数揃えている・「Dans Tools」
Dans Tools Dans ToolsはWeb制作者向けのオンラインツールを複数揃えて公開しているWebサイトです。JavaScriptやCSS、JSONの圧縮や整形、ファイルのコンバーター、diffツール、.htaccessのコ...
軽量でシンプル、非依存なJavaScriptデイトピッカー・「flatpickr」
flatpickr flatpickrは軽量でシンプル、パワフルなJavaScriptデイトピッカーです。非依存型ながら軽量なコードで実装されていますが、機能はなかなか充実しています。同じclass名で複数フォームに対応できるのも...
オープンソースのカラースキームジェネレーター・「Color Schemr」
Color Schemr Color Schemrはオープンソースのカラースキームジェネレーターです。色の細かな設定や色の追加、ロック機能、透過処理、プレビューモード、レスポンシブWebデザイン対応等、基本的な機能は備わっている印象で...
DOM操作やイベント等、jQueryに影響を受けた軽量なライブラリ・「Umbrella.js」
Umbrella.js Umbrella.jsはjQueryに影響を受けて作られた軽量ライブラリ。DOM操作やAJAX周り、イベントなど、jQueryの機能を持ちながら圧縮版で3KBほどと軽量なライブラリを目指しているようです。だいぶ...
タスク管理サービスのTaskuluのシステムをベースにしたOSSのヘルプデスクツール・「Deskulu」
Deskulu Deskuluはタスク管理サービスのTaskuluが開発、公開しているヘルプデスク・チケットシステムです。TaskuluｍのシステムをベースにDrupal 7を使って設計されているとの事。Taskuluは有料サービスで...
モバイルフレンドリーで軽量、シンプルなCSSフレームワーク・「Wing」
Wing Wingはモバイルフレンドリー且つ軽量シンプルなCSSフレームワークです。RWD対応で圧縮版4kbと軽量、グリッドやボタン、フォームやリストなどのUIが揃えられています。ライセンスはMIT。よくあるフレームワークですが、個人...
電子カルテや医師情報の管理など、病院向け情報管理システムのオープンソースソフトウェア・「HospitalRun」
HospitalRun HospitalRunは電子カルテや医師情報の管理などを行える病院向けの情報管理システムです。Ember.jsが使われており、本システムもOSSとして公開されています。主に発展途上国での利用を目的としているそう...
ステム(Stem)とは何か、アセンダー(Ascender)とは何か等、タイポグラフィの用語を図解で学べる・「Type Terms」
Type Terms Type Termsはタイポグラフィの専門用語を図解で学べるWebサイトです。上図のように図解でそれぞれの対象となる部分やラインの用語をクリックすると解説が表示される、というもの。パッと見でどの用語が何を指すかが...
エリア毎のデータを地図で可視化、SVG等でダウンロード出来るOSS・「datamaps.co」
datamaps.co datamaps.coはエリア毎の数値などのデータを地図で可視化、SVGやPNGなどのフォーマットでダウンロード出来るようにするソフトウェアです。オープンソースとしてソースコードが公開されています。例えば世界地...
Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」
Modular Admin Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ラ...
ざっくりとした「今月の目標」と任意の数値を設定、新規タブで表示するChromeエクステンション・「Reach」
Reach Reachは「今月の目標」と数値を設定できるChromeエクステンションです。例えば売上や貯金などノルマとなる内容と数値を設定すればChromeで新規タブを開いた際に設定した目標値と目標内容、順調なら現在達成しているであろ...