シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」
Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...
Resource - オープンソース
シンプルなブログプラットフォームを構築するためのOSS・「Write Freely」
Write Freely Write Freelyはシンプルで高速なブログプラットフォームを構築する為のGoで書かれたブログ構築用ソフトウェアです。Webライターのコミュニティをセルフホスティングの元で管理できるようにするのが主な目的...
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...
オープンソースのMediumクローン・「Stories」
Stories Storiesはオープンソースで公開されているMediumのクローンです。Ruby on RailsとReact.jsの勉強として始めたプロジェクトだそうで、Googleの日本人ソフトウェアエンジニア、Ken Hibi...
コードサンプルをアニメーションしながら表示させるOSS・「GLORIOUS」
GLORIOUS GLORIOUSはコードサンプルをブラウザでアニメーション表示させるソフトウェアです。上図デモのように、書いたコードをタイプアニメーションで表示できる、というもの。ユニークなURLが発行され、共有できるようになってい...
FlexboxベースのモバイルファーストなCSSフレームワーク・「Butter Cake」
Butter Cake Butter CakeはFlexboxベースのモバイルファーストなCSSフレームワークです。モジュール式で必要な機能は自身で追加していくタイプなので軽量に抑えることができます。よく必要とされるUIコンポーネント...
オープンソースで公開されている汎用的でミニマルなアイコンのセット・「Eva Icons」
Eva Icons Eva Iconsはオープンソースのミニマルなアイコンのセットです。アイコンはどれもWebアプリやWebサイトでよく利用されるような、汎用的に使えるものがほとんどで、様々なシーンやコンテンツに使えるようにデザインさ...
ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」
ScrollOut See the Pen Cascading text effects w/ Splitting + ScrollOut ✍️🤓 by kachibito (@kachibito) on CodePen. Scro...
シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」
beerslider beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱い...
各UIコンポーネントも兼ね備えたオープンソースのモバイルアプリ向けフレームワーク・「Galio」
Galio Galioはモバイル向けアプリの為に作られたReact Nativeベースのフレームワークです。一般的に使用される各UIコンポーネントが用意されています。こちらは一から構築していくためのスターターキットの類ではなく、デザイ...
フリーで使えるシンプルな線画アイコンのセット・「Evericons」
Evericons EvericonsはCC0で使えるシンプルな線画アイコンのセットです。上図のようにシンプルな線画のみのSVG/PNGアイコンの他、Skechファイルなども同梱されていました。Webサイトに表記はありませんがダウンロ...
非依存型のミニマルなプレゼンテーションライブラリ・「presentr」
presentr presentrは他ライブラリに依存せず単体で動作するミニマルなプレゼンライブラリです。圧縮版で1.8kbほどと軽量でシンプル、BootstrapやVueとの併用などにも対応できるそうです。近年ではさほど高い需要は無...
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」
cPlayer cPlayerはHTML5製のミニマルなミュージックプレイヤーライブラリです。上図のように省スペースでミニマルなスタイルのプレイヤーを実装できる、というもので見た目のシンプルさとは異なり、リピート機能やプレイリスト、連...
読み込むだけでMarkdownでWebページを作成できるようにするスクリプト・「md-page」
md-page See the Pen mzwQeO by kachibito (@kachibito) on CodePen. md-pageは読み込むだけでMarkdown記法でWebサイトを作成できるスクリプトです。上サンプル...
音に合わせて要素をアニメーションさせるスクリプト・「Rythm.js」
Rythm.js Rythm.jsは音に合わせて任意の要素をアニメーションさせるためのスクリプトです。動作や色の変化など、要素に対して様々なエフェクトを、音源に応じて変化させることが出来る、というもの。エフェクトはたくさん用意されてい...
スクロールアニメーションを実装できる超軽量且つ非依存のライブラリ・「Sal.js」
Sal.js Sal.jsはページのスクロールに応じて動作するアニメーションエフェクトを実装出来る非依存型のJavaScriptライブラリです。軽量で他ライブラリ不要で動作、導入も簡単と、良い仕様な印象でした。エフェクトはカスタムデー...
プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」
Scribble Font Scribble Fontはプロトタイプやフレームワーク作成時用に作られた落書きタイプのフォントです。上図のような適当に書いたフォントをタイプできるようになります。同じ用途のフォントも既に開発されていますの...
要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」
GRT Youtube Popup GRT Youtube Popupは任意のHTML要素に動画IDを含めるだけでポップアップ再生できるようにするスクリプトです。jQueryに依存します。下記のような書き方で上デモのようにポップアップ...
OSSで公開されているeBay製のテンプレートエンジン・「Marko」
Marko Markoはオークションサービスを展開するeBayが開発、公開したJavaScript製のテンプレートエンジンです。HTML/CSS/JSの知識があれば少ない学習コストで使用できるようになるシンプルな設計だそうです。主にe...
電子書籍や音源、ソースコード等、デジタルコンテンツを販売する為のオープンソースのソフトウェア・「Zipsell」
Zipsell Zipsellは電子書籍や動画、音楽やソースコードなどのデジタルコンテンツをオンラインで販売できるOSSのプラットフォームです。Ruby on Railsで書かれています。カートに入れる、というものではなく、金額ボタン...
TEDが公開するオープンソースのAtomic CSSライブラリ・「shed.css」
shed.css shed.cssはTED.comが公開しているOSSのCSSライブラリです。「CSSの終わりの始まり」をキャッチコピーとしています。詳細はまだ調べていませんが、ユーティリティファーストを元に設計されており、それぞれの...
Alibabaが開発、公開しているオープンソースのHTML5製ゲームソリューション・「Hilo」
Hilo HiloはOSSとして公開されているHTML5製ゲームエンジンです。中国のAmazonと言われるAlibabaグループが開発、公開しているようです。HTML5によるゲーム開発の速度向上をサポートする事が目的のよう。オブジェク...