Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」
Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用...
Resource - オープンソース
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」
paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」
Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...
LateXやiframeのプレビューにも対応したオープンソースのデスクトップMarkdownエディタ・「Abricotine」
Abricotine AbricotineはOSSなデスクトップ用Markdown(GFMもサポート)エディタです。ベータ版ではあるものの、WindowsやOS X、Linuxなど各OSで動作するようです。非常にシンプルなUIで使いや...
必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」
roolith roolithは必要最低限のものだけ揃えたCSSのboilerplateです。タイポグラフィやボタン、カラースキーム、グリッドやRWDの為のブレークポイント、各ナビゲーションやフォームからヘルパークラスまで、分かりやす...
請求書を作成できるオープンソースのデスクトップアプリ・「Manta」
Manta MantaはOSSの請求書作成ツールです。手軽に作成可能で、テンプレートのカスタマイズも出来るみたい。Electronが使われているので各OSで動作します。多言語化対応しており、日本語化も可能です。本ツールでは翻訳プラット...
超ミニマルなオープンソースのテキストエディタ・「Left」
Left Leftは超ミニマルなテキストエディタです。オープンソースとして公開されています。機能もUIも非常にシンプルに作られており、保存含め、主な操作はショートカットキーで行います。#や-を使えば左ペインにページ内リンクを作成する事...
品質の高めな写真をCC0で無料配布するストックフォト・「mmt」
mmt mmtは高品質な写真素材を著作権放棄（CC0）で配布するストックフォトサービスです。今ではあまり珍しくなくなってしまいましたが、いくらあっても困らないのでどんどん出てほしいところですね。色とカテゴリから探せるようになっています...
MarkdownもサポートのOSSな同期機能付きノートアプリ・「Joplin」
Joplin JoplinはMarkdown記法もサポートしたオープンソースの同期機能付きノートアプリです。各OSで動作するようです。また、Evernoteのエクスポートデータもサポートしているそう。これはよさげ。ライセンスはMIT。...
iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」
Devices.css Devices.cssはiPhone Xや8、Galaxy S8、MacBookやApple Watch、Surfaceなどモダンなデバイスのモックアップを表現できるCSSのセットです。かなり大昔にご紹介したの...
使いやすそうな太線のSVGアイコンのセット・「Heroicons UI」
Heroicons UI Heroicons UIは使いやすそうな太線のSVGアイコンのセットです。104のアイコンが用意されているようです。見た目も柔らかで見やすい気がします。アプリのUI用に作ったそうです。本アイコンはGithub...
カンバンツールを作成する為のスクリプト・「jKanban」
jKanban See the Pen jKanban - Javascript plugin for Kanban boards by kachibito (@kachibito) on CodePen. ※ドラッグ&ドロップが動...
沢山のコンポーネントを持ったVue.js向けのUIツールキット・「Fish-UI」
Fish-UI Fish-UIはVue.js向けのUIコンポーネント集です。グリッドやボタン、メニュ－、ポップアップ、フォームなどの基本的なUIやカレンダー、日付ピッカー、時間ピッカー、タイムラインなどのコンポーネントも備えられていま...
WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」
TOAST UI Editor TOAST UI EditorはWYSIWYGモードも備わったライブプレビュー機能付きMarkdownエディタです。MarkdownモードとWYSIWYGモードとのスイッチが可能、リアルタイムでプレビュ...
画像にインスタグラムのようなフィルターを付与できるスタイルシート・「Instagram.css」
Instagram.css Instagram.cssはインスタグラムのようなフィルターを画像に付与できるスタイルシートです。以前ご紹介したCSSフレームワークのSpectre.cssと同じ開発者の方が公開したCSSで、CSSgram...
30秒で理解できるものだけを集めたJavaScriptコードスニペット集・「30 seconds of code」
30 seconds of code 30 seconds of codeは「30秒で理解できるJavaScriptコード」をまとめたスニペット集です。理解力に欠ける自分の脳では30秒は難しかったですが、シンプルながら便利そうなコード...
オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
bootstrap.build bootstrap.buildはBootstrap4のテーマビルダーです。OSSとしてソースも公開されています。コアの設定だけでなく、各コンポーネントの設計も可能で、コンポーネントごとに設定ページも分け...
オープンソースのファイルアップローダー・「Uppy」
Uppy UppyはOSSとして公開されているファイルアップローダーです。Googleドライブ、Dropbox、Instagram等との併用が可能で多言語にも対応しています。デフォルトのUIではリネームやキャプションの設定、ライセンス...
ポモドーロタイマー付きのOSSな国産Todoアプリ・「Pentazemin」
Pentazemin Pentazeminはポモドーロタイマー付きのTodoアプリです。日本の方が開発されたアプリでオープンソースとして公開されています。今やるべきことへフォーカスし集中することを助けるためのタスク消化を支援するアプリ...
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」
jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery UIが必要です。日本の方が作成されています。タスク管理系のアプリや従業員のシフト管理ツールなど、利用幅は多々ありそうですね...
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」
Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの...
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」
AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツール...