簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」
nanoJS nanoJSは簡単なDOM操作をjQueryライクに行える軽量ライブラリです。同じような構文でDOMを操作する事が出来る、というもので完全互換ではありませんが、非圧縮で100行ほど、圧縮すると0.6kbほどになると超軽量...
Resource - オープンソース
手書き風のUIコンポーネントを提供するライブラリ・「Wired Elements」
Wired Elements Wired Elementsは手書き風のUIコンポーネントを提供するライブラリです。UIはWeb Componentsとして実装されており、手書きライクな見た目はRough.jsが用いられていますので、よ...
textareaやinputで入力可能な残り文字数を表示する非依存のスクリプト・「short-and-sweet」
short-and-sweet short-and-sweetはフォームの入力エリアで、maxlength属性で文字数が制限された項目に残り文字数を表示するスクリプトです。非依存型で軽量、使い方も簡単です。表示文字列はカスタムデータ属...
オープンソースのポッドキャスト/RSSリーダーアプリ・「Winds」
Winds WindsはOSSで提供されるポッドキャスト/RSSリーダーです。各OSで動作する他、無料で利用できるWeb版もあるようです。OPMLにも対応しており、移行も容易に可能となっています。次々と消えていく主要なRSSリーダーに...
Vue.jsを使用したデスクトップアプリを作成できる・「Vuido」
Vuido VuidoはVue.jsを使用したデスクトップアプリを作成できるフレームワークです。libuiライブラリが使用されていますのでProton Nativeと似たような感じかもしれません。各OSで動作するよう設計されており、E...
イベントを作成、管理できるオープンソースのmeetupクローン・「MeetHub」
MeetHub MeetHubはオープンソースのmeetupクローンです。イベントをユーザーが作成、管理できる、というシンプルなもの。PythonとDjangoで構築されているそうです。meetup自体日本語化されていますが、個人的に...
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」
Image-shadow Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなも...
スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」
ScrollHint ScrollHintはスマフォでWebページを見た際に横スクロール可能なtable等があった場合に、その旨をアイコン等で明示してくれるスクリプトです。国産CMSのa-blogを提供するappleple社さんが開発...
ロイヤリティフリーな音源を毎週配布するプロジェクト・「No Lick」
No Lick No Lickはロイヤリティフリーな音源を毎週配布するプロジェクトです。さらにNo Copyright(著作権フリー)も謳っています。NCSに近いものを配布するようで、時間も3～4分と長めの音源となっています。ダウンロ...
オープンソースのシンプルな自動保存ノートWebアプリ・「Wrish」
Wrish Wrishはシンプルなノートアプリです。Webブラウザで動作、自動保存してくれます。アクセスすれば#付きのURLが発行、そのURLがノートページとなります。ブラウザベースなので特別な操作も不要でスマフォでも利用可能です。1...
超軽量なCSS gridベースのフレームワーク・「Smart CSS Grid」
Smart CSS Grid Smart CSS Gridは超軽量なCSS gridベースのグリッドシステムです。0.5kbでレスポンシブ、ネストも不要でグリッドレイアウトを構築できる、というもの。HTMLも少なくて済むのでスマートな...
Bootstrapベースのスタイルガイド用テンプレート・「Bootstrap Style Guide Boilerplate」
Bootstrap Style Guide Boilerplate Bootstrap Style Guide BoilerplateはBootstrapベースのスタイルガイド用Boilerplateです。スタイルガイド作成の手間を省...
多様なタイプに対応できるオープンソースの高性能チャートライブラリ・「ECharts」
ECharts EChartsは多種多様なタイプのビジュアルデータに対応可能な高性能チャートライブラリです。中国の大手検索エンジンサービス、百度(Baidu)が提供するライブラリのようです。非常に高性能で、線グラフだけでも20種以上の...
パブリックドメインな音源や楽譜を配布する・「Musopen」
Musopen Musopenはパブリックドメインな音源や楽譜を配布するWebサービスです。クラシック音楽含む、著作権が切れた、あるいは放棄された音源や楽譜を自由にダウンロード出来るようにしたもの。視聴や楽譜の閲覧も可能となっています...
軽量で非依存なカルーセル実装スクリプト・「Glide.js」
Glide.js Glide.jsは軽量で柔軟な非依存型のカルーセル実装スクリプトです。ES6(ECMAScirpt2015)で書かれています。ファイルサイズは圧縮版で6kbほどで、依存性もないバニラなコードで書かれているのでかなり軽...
テキスト、ボイス、ビデオでのチャットとリッチテキストやコードエディターの共有機能も付いた無料のオープンソースなチャットツール・「oorja」
oorja oorjaは無料のチャットツールです。個人的にいままでで一番良いチャットアプリでした。テキスト、ボイス、ビデオチャットに対応しており、リッチテキストやコードエディタを複数人で共有、リアルタイムに共同作業を行う事が出来ます。...
様々なレイアウトに対応できるよう設計されたflexboxベースのグリッドシステム・「Flexible Grid」
Flexible Grid Flexible Gridは様々なレイアウトでも対応できるよう設計されたflexboxベースのCSSグリッドシステムです。モバイルファーストでレスポンシブ且つ、セマンティックなマークアップにも使用可能でリー...
一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」
Mustard UI Mustard UIはWebサイト等で必要になりそうなUIコンポーネントを一通り取り揃えたCSSフレームワークです。モジュラー式なので必要なコンポーネントのCSSだけ読み込めばいいので軽量で済みます。スタイルはあ...
無料で使える大量のかわいらしい絵文字のセット・「Streamline Emoji」
Streamline Emoji Streamline Emojiは無料で使える絵文字のセットです。その数780以上で、全てCC-BY 4.0ライセンスの元で商用でも利用する事が出来ます。絵文字はとてもかわいらしいデザインで擬人化され...
シンプルで見やすいチャートを生成できるライブラリ・「TOAST UI Chart」
TOAST UI Chart TOAST UI Chartはシンプルで見やすいチャートを生成できるJavaScriptライブラリです。ラインやバー、パイ、マップなどよく使われるチャートタイプから、他のタイプの様々なチャートもサポートし...
オープンソースのヨガ教室用管理ツール・「OpenStudio」
OpenStudio OpenStudioはヨガ教室に特化した予約管理システムです。生徒の管理や教室のスケジュールや予約状況、講師の管理、タスク管理などをWebベースで管理できる、というもの。運営側のみのターゲットではなく、生徒のチェ...
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」
Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...