Markdown記法で書けるデスクトップ用のオープンソースなノートアプリ・「Notable」
Notable NotableはMarkdown記法で書けるデスクトップ用のノートアプリです。機能少なめのシンプルなものではなく、EvernoteやBoostnot、Quiver、stockなどのような3カラムからなる本格ノートアプリ...
Resource - github
座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
maps-journey-replay maps-journey-replayは座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上に経路をアニメーション表示してくれるスクリプトです。説明下手なせいでピンとこないかも...
どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」
RFS RFSは様々なモニターサイズのデバイスでも適切なフォントサイズを計算するCSSです。RFSはresponsive font sizesの頭文字を取った略称だそう。Sass、PostCSS、Less、Stylusなどもサポートさ...
Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」
viewRecorder viewRecorderはWebサイトでユーザーが動かしたマウスの動きを記録、再現するスクリプトです。jQueryに依存しています。以前ご紹介したrrwebと少し似ていますがもう少しシンプルで導入ハードルも低...
Blockstackアカウントのプロフィールを表示できるOSS・「lander」
lander landerはBlockstackで設定している自身のプロフィールを表示できるシンプルなOSSです。Blockstack Browserで設定している写真やSNS、自己紹介やBitcoinアドレス等のID情報をそのまま表...
PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」
Material Kit Material KitはBootstrap 4ベースのUIキットです。その内容は極めて豪華なものとなっており、PhotoshopやSketchファイルも用意、HTMLだけでなく、WordPressテーマも用...
JavaScriptで配列のメソッドを対話式に調べられる・「JavaScript Array Explorer」
JavaScript Array Explorer JavaScript Array ExplorerはJavaScriptにおける配列のメソッドを対話式に調べられるOSSです。以前ご紹介したGit ExplorerのJavaScri...
オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」
STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...
Blockstackを使用したオープンソースのGoogleカレンダークローン・「OI Calendar」
OI Calendar OI CalendarはBlockstackを使用したOSSなGoogleカレンダーのクローンです。内容の暗号化の他、Googleカレンダー同様に時間、日、週、月のスケジュール管理が可能でイベントの公開も可能で...
Internet ArchiveやArchive.todayのような魚拓ツールのOSS・「ArchiveBox」
ArchiveBox ArchiveBoxはInternet ArchiveやArchive.todayのような魚拓ツールを構築する為のソフトウェアです。オープンソースとしてソースコードが公開されています。保存したいURLを受け取ると...
オープンソースのオンライン請求書発行システム・「Invoice Neko」
Invoice Neko Invoice Nekoはオープンソースのオンライン請求書発行システムです。nekoは猫のようですね。かわいい。PHPで書かれています。請求書の発行、支払い状況管理、領収書発行などが可能となっているようです。...
CSSで作られたポップでカラフルなフォント・「CSSans Pro」
CSSans Pro See the Pen CSSans Pro by kachibito (@kachibito) on CodePen. CSSans ProはCSSのみでポップでカラフルなフォントを作成、表...
OSSのJavaScript製スプレッドシート・「x-spreadsheet」
x-spreadsheet x-spreadsheetはOSSのJS製スプレッドシートWebアプリです。canvasが用いられているのにはDOMレンダリングよりもパフォーマンスが期待できるのとコードを書くのが簡単だからだそうです（HN...
モジュール式のモダンなフロントエンドコンポーネントライブラリ・「Undernet」
Undernet Undernetはモジュール式のフロントエンドコンポーネントライブラリです。CSSの記述を極力削減し、必要な箇所はJSを使い、一般的なUIパターンを使用する事で開発者のエクスペリエンスを簡素化することを目的としたそう...
シンプルでセキュアなオープンソースのデスクトップ日記アプリ・「Mini Diary」
Mini Diary Mini Diaryはシンプルでセキュアなデスクトップ日記アプリです。オープンソースとしてソースコードも公開されています。デジタルで日記といえばブログを思い浮かべるのが恐らく一般的だとは思いますが、個人的にログを...
静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」
Static Site Boilerplate Static Site Boilerplateは静的Webサイト構築の際のワークフローを提供するOSSのBoilerplateです。開発環境を整えたり、各ファイルの最適化、Webサイト公...
様々な企業やWebサービス等のブランドSVGロゴを探せる・「Vector Logo Zone」
Vector Logo Zone Vector Logo Zoneは様々な企業ブランドのロゴをSVGで検索できるWebサービスです。現在でも1000以上のロゴから検索出来るようになっています。また、Wikipedia等から探せるように...
任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」
Screen Guru Screen Guruは任意のWebサイトのSSを撮影できるツールです。SSはブラウザ枠への合成もへこうして行われ、背景の有無の設定やブックマークレットの利用も可能です。よく見かけるブラウザ拡張機能のように性能...
flexboxベースの軽量なCSSマイクロフレームワーク・「Strawberry」
Strawberry Strawberryはflexboxベースの軽量なCSSフレームワークです。圧縮版で30kbほどのようです。グラフィックに関わるスタイルは無く、各classにはプリフィクスが付いているので既存CSSに組み込んでも...
Webでファイルを管理するためのOSS・「File Browser」
File Browser File BrowserはWebでファイルを管理するためのソフトウェアです。ファイルの作成、編集、コピー、移動、ダウンロードが可能なセルフクラウドとしての利用を目的としているのだそう。Goで書かれています。他...
かわいいイラストのオープンソースな絵文字プロジェクト・「OpenMojis」
OpenMojis OpenMojisはかわいいイラストのオープンソースの絵文字プロジェクトです。かなり大量の絵文字アイコンが作成、公開されています。ブラウザで対応されたアイコンでも十分ですし、ライセンスもCC BY-SA 4.0なの...
ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」
boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...