チャットのような対話コンテンツの為のUIフレームワーク・「BotUI」 BotUI BotUIはチャットのような対話コンテンツのUIのためのJavaScriptフレームワークです。いわゆるbot用でしょうか。返すメッセージや内容、タイミングなどの設定も簡単に出来るようになっています。 ライセ...2017.07.14 | 10時40分08秒
よく使われるUIをまとめたReactのUIコンポーネントライブラリ・「Rebass」 Rebass Rebassはよく使われるUIをまとめたReact向けのUIコンポーネントライブラリです。各フォーム周りのエレメントからボタンやリンクなどの一般的なUI、プログレスバーやバッジ、タブなど、有ると嬉しいUIまで大量に用意さ...2017.07.10 | 10時36分43秒
MediumライクなUIのツールバーで任意のテキストをシェア出来るようにするスクリプト・「share-this」 share-this share-thisはMediumライクなUIのツールバーで任意のテキストをSNS等に投げられるようにする、というスクリプトです。シェア先は各SNSは勿論、動作サンプルを見ると、メールやハッカーニュース等、任意の...2017.07.04 | 10時06分08秒
HTMLメールの軽量boilerplate・「bojler」 bojler bojlerはHTMLメールの軽量boilerplateです。簡単にひな形を作成出来るように設計されているとの事。スタイルリセット、レスポンシブ対応、グリッド、ユニーティリティのclassが特徴だそうです。ライセンスはM...2017.06.24 | 10時25分31秒
開発者向けのOSSなSVGアイコン集・「DEVICON」 DEVICON DEVICONは開発者向けのSVGアイコン集です。angularjs、apache、github、gulp、nodejsなどといった、開発者が良く目にするアイコンがまとまっています。SVGなのでカスタマイズもしやすくな...2017.06.12 | 10時50分52秒
Bulmaフレームワーク向けに作られたVue.jsベースのUIコンポーネント・「Buefy」 Buefy BuefyはBulmaフレームワーク向けに作られたVue.jsベースの軽量なUIコンポーネント集です。よく必要とされるtableやタブ、ボタン、アラートやモーダルウィンドウ、フォーム周りなど一通り揃えられています。Bulm...2017.06.11 | 10時04分57秒
スタイルガイドを作成する為のテンプレート・「Style Guide Guide」 Style Guide Guide Style Guide Guideはスタイルガイドを作成する為のテンプレートです。静的サイトジェネレーターで日本語情報も存在するJekyllが使われており、面倒なスタイルガイドの作成をサポートしてく...2017.05.30 | 10時42分09秒
レスポンシブで軽量なflexboxベースのCSSフレームワーク・「griddd」 griddd gridddはレスポンシブで軽量なflexboxベースのCSSフレームワークです。カスタマイズ性を重視しておりclassもシンプルにされています。大きな特徴はないけどそれ故の使いやすさがある印象でした。MITライセンスの...2017.05.20 | 10時28分34秒
モバイル向けに作られたシンプルなイメージビューア・「SmartPhoto.js」 SmartPhoto.js SmartPhoto.jsはスマフォ向けに作られたシンプルなフォトギャラリースクリプトです。他ライブラリに依存せず単体で動作してくれます。ピンチイン/アウト、ドラッグやスワイプなどのイベントに対応しています...2017.05.15 | 10時16分36秒
一定の時間経過したら等、時間でCSSを制御するスクリプト・「STIMED.js」 STIMED.js STIMED.jsは一定の時間経過等、時間でCSSを制御するスクリプトです。jQueryに依存します。指定方法は以下のような感じ。 昼と夜でコントラストを変えたり、要素の色を変えたり、画像を変えた...2017.05.13 | 10時01分13秒
Minecraftのようなボクセルゲームを実装出来るOSS・「Minetest」 Minetest MinetestはMinecraftのようなボクセルゲームを実装出来るOSSです。Terasologyやvoxel.js同様、オープンソースで公開されたもので、マイクラライクなボックス世界を楽しむゲームを構築出来る、...2017.05.12 | 10時37分29秒
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」 Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...2017.05.09 | 10時01分21秒
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」 mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...2017.05.07 | 10時43分25秒
CSS transitionsを使用したハンバーガーメニュー・「Ember Burger Menu」 Ember Burger Menu Ember Burger MenuはCSS transitionsを使用したハンバーガーメニューです。アニメーションはtympanusの記事を参考にしているものだそうで、モダンなエフェクトのオフキャ...2017.05.02 | 10時58分23秒
オープンソースのメール配信プラットフォーム・「postal」 postal postalはオープンソースで公開されているメール配信プラットフォームです。開発者向けのメール配信プラットフォーム、AppMailがOSSとして公開したものだそう。綺麗で見やすいです。気にはなるものの、まだ触れていま...2017.04.30 | 10時08分06秒
jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」 Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...2017.04.25 | 10時32分30秒
軽量でカスタマイズ性を重視したCSSフレームワーク・「mini.css」 mini.css mini.cssは軽量且つカスタマイズ性を重視したCSSはフレームワークです。各種コンポーネントも用意されており、構成はBootstrapやMaterial Framework、Foundation等を意識しているの...2017.04.20 | 10時54分07秒
CSSフレームワークのBulma向けのテーマを配布する・「Bulmaswatch」 Bulmaswatch Bulmaswatchは以前ご紹介したCSSフレームワーク、Bulma向けのスタイルテーマを配布するWebサイトです。多くはないものの、20以上のテーマが公開されています。Bulmaを使ってこれから何か作る予定...2017.04.16 | 10時38分16秒
AngularJSとPHPで出来たシングルページ向けのオープンソースCMS・「Cosmo CMS」 Cosmo CMS Cosmo CMSはシングルページ向けのCMSです。AngularJS x PHPで出来ておりOSSでとして公開されています。モバイルファーストでRWD対応、SEO/ソーシャルフレンドリーな設計だそう。WYSIWY...2017.04.13 | 11時01分15秒
軽量シンプルなツールチップライブラリ・「Tippy.js」 Tippy.js Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。...2017.04.12 | 10時09分50秒
オープンソースで公開されているシンプルなカラーピッカーChromeエクステンション・「Eye Dropper」 Eye Dropper Eye DropperはChromeエクステンションで使えるシンプルなカラーピッカーです。任意のWebページで任意の箇所のカラーを取得する事が出来ます。余計な機能は要らんから色だけ取得させてくれ、という方にはピ...2017.04.08 | 10時02分13秒
スクロールに応じて要素にアニメーションエフェクトを付与できるライブラリ・「AOS」 AOS AOSはスクロールに応じて要素にアニメーションエフェクトを付与出来るライブラリです。Animate On Scrollの略だそうで、簡単にスクロールに応じたエフェクトを実装する事が出来ます。ライブラリを読み込んでエフェクトを与...2017.04.04 | 10時43分09秒