NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」
UITerminal UITerminalはNES.cssにインスパイアされた、ターミナルスタイルのCSSフレームワークです。ドットフォントにはNES.cssと同じくPress Start 2Pが用いられています。各ボタンやプログレス...
Resource - MIT
Bootstrap 4とreact.jsベースのオープンソースなダッシュボードフレームワーク・「Vibe」
Vibe Vibeはオープンソースとして公開されてる、Bootstrap 4とreact.jsベースの管理画面構築フレームワークです。よく必要とされるUIコンポーネントやサンプルアプリ、テンプレートが同梱されており、管理画面開発をサポ...
サービス終了したGoogleのアプリをまとめている・「Killed by Google」
Killed by Google Killed by Googleはサービスが終了したGoogleのアプリをまとめているWebサイトです。サービスの賛辞と記念の為に作ったそうですがタイトルからして、多分皮肉を込めての事だと思います。ア...
オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」
Avataaars Generator Avataaars Generatorはオープンソースのアバターイラスト作成ジェネレーターです。なんとなくよく利用されてるっぽいスタイルのアバターイラストを作成し、ダウンロードできる、というもの...
GraphQLとReactが使用されている、開発者向けのオープンソースなサーバーレスCMS・「Webiny」
Webiny WebinyはGraphQLとReactで作られた開発者向けのオープンソースなサーバーレスCMSです。大小を問わず、WebサイトやWebアプリケーションを構築できるように設計してあるそう。コンテンツ管理はビルトインされた...
スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」
lax.js lax.jsはスクロールに応じて要素にアニメーションを付与させる軽量スクリプトです。圧縮版で2kbほど、非圧縮でも8kbほどで依存性もありません。基本的にはスクリプトを読み込んで初期化、カスタムデータ属性で設定するだけの...
チームで管理できるオープンソースのナレッジ管理システム・「BookStack」
BookStack BookStackはチームで管理できるOSSのナレッジマネジメントシステムです。Wikiを運用、構築する為のソフトウェアですが、基本的に編集にはログイン（GitHub、Google、Slackアカウントでのログイン...
座標とタイムスタンプのデータを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などもサポートさ...
ブラウザでRubyのコードを実行テストできる・「run.rb」
run.rb run.rbはRubyのコードをブラウザで実行テストできるOSSです。左ペインにコードを入力して下部真ん中の再生ボタンを押せばフッターに実行結果が表示される、というシンプルなもの。仕組みとしては、WebAssemblyに...
jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」
femtoJS femtoJSはjQueryライクな構文でDOM操作を行うために開発された超軽量JavaScript(ES6)ライブラリです。たった20行、圧縮すると0.4kb程度のライブラリで、以下のように概ねjQueryと同じ書き...
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...
JavaScriptでロングタップイベントを実装する・「long-press-event」
long-press-event long-press-eventはスマホ等の長押しイベントを実装するJSライブラリです。シンプルな作りで、非常に軽量で非依存型となっています。要素を長押しすると、data-editing="tru...
オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」
STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...
Githubリポジトリの任意のフォルダを指定してダウンロードできる・「DownGit」
DownGit DownGitはGithubリポジトリの任意のフォルダを指定してダウンロードできるシンプルなサービスです。特定のフォルダやファイルだけが欲しい、という時でも、全てダウンロードせずに欲しい部分だけダウンロードできる、とい...
Internet ArchiveやArchive.todayのような魚拓ツールのOSS・「ArchiveBox」
ArchiveBox ArchiveBoxはInternet ArchiveやArchive.todayのような魚拓ツールを構築する為のソフトウェアです。オープンソースとしてソースコードが公開されています。保存したいURLを受け取ると...
OSSのJavaScript製スプレッドシート・「x-spreadsheet」
x-spreadsheet x-spreadsheetはOSSのJS製スプレッドシートWebアプリです。canvasが用いられているのにはDOMレンダリングよりもパフォーマンスが期待できるのとコードを書くのが簡単だからだそうです（HN...
ピュアCSSなマテリアルデザインコンポーネント集・「Matter」
Matter See the Pen Pure CSS Material Components Showcase by Ben Szabo (@finnhvman) on CodePen. MatterはCSSのみで作...
フリーのプログラミング用フォントを直接試せる・「Programming Fonts」
Programming Fonts Programming Fontsはフリーのプログラミング用フォントをその場で直接テストできるWebアプリです。右ペインでフォントを選択、左ペインに直接コードを書いて試せる、というもの。テーマの選択...
シンプルでセキュアなオープンソースのデスクトップ日記アプリ・「Mini Diary」
Mini Diary Mini Diaryはシンプルでセキュアなデスクトップ日記アプリです。オープンソースとしてソースコードも公開されています。デジタルで日記といえばブログを思い浮かべるのが恐らく一般的だとは思いますが、個人的にログを...