フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」 Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...2018.02.11 | 10時08分06秒
LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」 Abricotine AbricotineはOSSなデスクトップ用Markdown(GFMもサポート)エディタです。ベータ版ではあるものの、WindowsやOS X、Linuxなど各OSで動作するようです。非常にシンプルなUIで使いや...2018.02.10 | 11時22分23秒
必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」 roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...2018.02.02 | 11時46分24秒
請求書を作成できるオープンソースのデスクトップアプリ・「Manta」 Manta MantaはOSSの請求書作成ツールです。手軽に作成可能で、テンプレートのカスタマイズも出来るみたい。Electronが使われているので各OSで動作します。多言語化対応しており、日本語化も可能です。本ツールでは翻訳プラット...2018.02.01 | 11時14分18秒
旧Windowsのペイントツールを再現したWebベースのペイントアプリ・「JS Paint」 JS Paint JS Paintは旧WindowsのペイントツールのUIを再現したペイントアプリです。95~XP時代のものだったと思いますが違ったらごめんなさい。特に何か大きな目的があったりプロジェクトだったりというわけではなく、単...2018.01.30 | 10時46分08秒
iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」 Devices.css Devices.cssはiPhone Xや8、Galaxy S8、MacBookやApple Watch、Surfaceなどモダンなデバイスのモックアップを表現できるCSSのセットです。かなり大昔にご紹介したの...2018.01.21 | 10時01分17秒
使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」 Heroicons UI Heroicons UIは使いやすそうな太線のSVGアイコンのセットです。104のアイコンが用意されているようです。見た目も柔らかで見やすい気がします。アプリのUI用に作ったそうです。本アイコンはGithub...2018.01.19 | 10時13分50秒
カンバンツールを作成する為のスクリプト・「jKanban」 jKanban See the Pen jKanban - Javascript plugin for Kanban boards by kachibito (@kachibito) on CodePen. ※ドラッグ&ドロップが動...2018.01.15 | 10時22分17秒
沢山のコンポーネントを持ったVue.js向けのUIツールキット・「Fish-UI」 Fish-UI Fish-UIはVue.js向けのUIコンポーネント集です。グリッドやボタン、メニュ-、ポップアップ、フォームなどの基本的なUIやカレンダー、日付ピッカー、時間ピッカー、タイムラインなどのコンポーネントも備えられていま...2018.01.14 | 10時52分18秒
スクロールに応じて指定した要素に任意のclassを付与できるスクリプト・「scrollClass」 scrollClass scrollClassはスクロールの挙動に応じて任意の要素にclassを付与するためのスクリプトです。jQueryに依存しています。上に動作サンプルを用意しました。初期は文字が赤、下にスクロールすると途中で...2018.01.12 | 10時06分53秒
WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」 TOAST UI Editor TOAST UI EditorはWYSIWYGモードも備わったライブプレビュー機能付きMarkdownエディタです。MarkdownモードとWYSIWYGモードとのスイッチが可能、リアルタイムでプレビュ...2018.01.11 | 10時08分46秒
Githubでファイルのアイコンを分かりやすく変更するブラウザ拡張・「GitHub File Icon」 GitHub File Icon GitHub File IconはGithubのリポジトリのページでファイル名脇のアイコンを分かりやすいアイコンに変更するブラウザ拡張です。ChromeとFirefox用が用意されています。アイコンは...2018.01.09 | 10時53分58秒
オープンソースなGoogle Inboxのデスクトップアプリ・「Inboxer」 Inboxer InboxerはGoogle Inboxの非公式デスクトップアプリです。OSSとしてソースコードも公開されています。Electronベースなので各OSで動作するようですね。公式のデスクトップアプリがまだないから作った、...2018.01.08 | 10時23分26秒
30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」 30 seconds of code 30 seconds of codeは「30秒で理解できるJavaScriptコード」をまとめたスニペット集です。理解力に欠ける自分の脳では30秒は難しかったですが、シンプルながら便利そうなコード...2018.01.04 | 10時03分35秒
インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」 Lite Editor See the Pen Lite Editor - demo by appleple (@appleple) on CodePen. Lite Editorはインライン要素に特化したオープンソース国産WY...2017.12.30 | 10時38分53秒
オープンソースのファイルアップローダー・「Uppy」 Uppy UppyはOSSとして公開されているファイルアップローダーです。Googleドライブ、Dropbox、Instagram等との併用が可能で多言語にも対応しています。デフォルトのUIではリネームやキャプションの設定、ライセンス...2017.12.28 | 10時07分34秒
ポモドーロタイマー付きのOSSな国産Todoアプリ・「Pentazemin」 Pentazemin Pentazeminはポモドーロタイマー付きのTodoアプリです。日本の方が開発されたアプリでオープンソースとして公開されています。今やるべきことへフォーカスし集中することを助けるためのタスク消化を支援するアプリ...2017.12.27 | 10時45分37秒
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」 jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery UIが必要です。日本の方が作成されています。タスク管理系のアプリや従業員のシフト管理ツールなど、利用幅は多々ありそうですね...2017.12.26 | 10時18分00秒
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」 Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの...2017.12.25 | 10時27分29秒
CSS Gridを使って六角形のオブジェクトを並べたハニカムなレイアウトを組めるスタイルシート・「Hexi-Flexi-Grid」 Hexi-Flexi-Grid Hexi-Flexi-Gridはハニカム構造のレイアウトを組めるCSSグリッドシステムです。JavaScriptは使われておらず、CSS Gridベース、六角形はclip-pathが使われています。こう...2017.12.24 | 10時12分04秒
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」 AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツール...2017.12.23 | 10時48分53秒
コンポーネントやプラグインを豊富に同梱したBootstrap 4ベースのフリー管理画面テンプレート・「Pike Admin」 Pike Admin Pike Adminはコンポーネントやプラグインを豊富に同梱したBootstrap 4ベースの管理画面テンプレート。MITライセンスで商用でも無料で利用可能です。ルーマニアの開発者さんのようですね。管理画面に求め...2017.12.22 | 10時22分11秒