オープンソースで公開されている汎用的でミニマルなアイコンのセット・「Eva Icons」
Eva Icons Eva Iconsはオープンソースのミニマルなアイコンのセットです。アイコンはどれもWebアプリやWebサイトでよく利用されるような、汎用的に使えるものがほとんどで、様々なシーンやコンテンツに使えるようにデザインさ...
Resource - github
各UIコンポーネントも兼ね備えたオープンソースのモバイルアプリ向けフレームワーク・「Galio」
Galio Galioはモバイル向けアプリの為に作られたReact Nativeベースのフレームワークです。一般的に使用される各UIコンポーネントが用意されています。こちらは一から構築していくためのスターターキットの類ではなく、デザイ...
非依存型のミニマルなプレゼンテーションライブラリ・「presentr」
presentr presentrは他ライブラリに依存せず単体で動作するミニマルなプレゼンライブラリです。圧縮版で1.8kbほどと軽量でシンプル、BootstrapやVueとの併用などにも対応できるそうです。近年ではさほど高い需要は無...
読み込むだけで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は音に合わせて任意の要素をアニメーションさせるためのスクリプトです。動作や色の変化など、要素に対して様々なエフェクトを、音源に応じて変化させることが出来る、というもの。エフェクトはたくさん用意されてい...
要素に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によるゲーム開発の速度向上をサポートする事が目的のよう。オブジェク...
Markdownで書けるオープンソースのWikiシステム・「Wiki.js」
Wiki.js Wiki.jsはMarkdown記法をサポートしたOSSのWikiシステムです。Node.js、GitとMongoDBの環境下で動作するようです。検索エンジンがビルトインされていたりメディア管理のしやすさを意識して設計...
テンプレート駆動型のオープンソースなCMS・「Vapid」
Vapid Vapidはテンプレート駆動型のOSSなCMSです。HTMLに特定のテンプレートタグを組み込む事でCMS化する、みたいなもの。静的サイトですが、しっかりダッシュボードも付いています。学習コストもかからず、よくあるCMSより...
Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」
Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテム...
ブラウザで楽譜を作成、結果も試聴できるオープンソースのエディタ・「Hacklily」
Hacklily Hacklilyは楽譜専門のエディタです。ブラウザで動作、OSSとしてソースコードが公開されています。書かれた楽譜はピアノ演奏による視聴も可能のようです。構成にmonacoとLilypondが使われているそうなので書...
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード...
SVGのフィルターを、結果を見ながら学べる・「SVG Filters」
SVG Filters SVG Filtersは<filter>を、操作しながら学べるソフトウェアです。用意された画像やテキストを対象に、SVGフィルターを直感的な操作で付与、結果を確認しながらコードを学ぶことができます。...
Webアプリ開発をサポートするUI作成の為の軽量なDOMラッパースクリプト・「RE:DOM」
RE:DOM RE:DOMはWebアプリ等のUI作成をサポートする軽量なDOMラッパースクリプトです。分かりやすい使い方で学習コストも少なく済みそうです。また2kbと軽量で依存性も無いので軽量化にも貢献してくれそうです。 簡単な...
Cで書かれたオープンソースのマインクラフトクローン・「Craft」
Craft CraftはCで書かれたOSSのマイクラクローンです。OpenGLが使われています。マルチプレーヤー対応、ブロックの光源設定、テキストの書き込みやガラスブロックなど本家にあるものもしっかりサポートされています。過去にもマイ...
図形の作成やエフェクト実装をサポートするスクリプト・「Pts.js」
Pts.js Pts.jsは図形作成やエフェクト作成をサポートするスクリプトです。ドットを結ぶことで図形や色、エフェクトやインタラクションなど、さまざまなコンテンツ作成に役立つ、という考えの元で開発された・・・みたいなものだと思います...
任意のテキストを1文字ずつアニメーションさせるエフェクトを付与できるスクリプト・「Splitting」
Splitting Splittingは任意のテキストを１文字ずつ要素で包括し、アニメーションを付与できるスクリプトです。かなり昔に公開されたLETTERING.JSのように自動で包括し、アニメーションを与えてくれる、というもの。CS...
URLに書いたHTMLを解析してPDFにする・「html-to-pdf」
html-to-pdf html-to-pdfはURLに書いたURLを解析してPDFにするスクリプトです。うまく説明できないのでご覧頂いた方が早いかも。上SSは下記のようなURLで表示できます。 の先にHTMLタグを書く...
Webサイト開発スピードをサポートするモダンなCSSフレームワーク・「BuddyCSS」
BuddyCSS BuddyCSSはWebサイトの制作、開発スピードをサポートするモダンな設計のCSSフレームワークです。同梱されるすべてのコンポーネントはレスポンシブ、SassベースでタスクランナーにはGulpが用いられています。コ...