LESSベースの軽量でモダンなUIフレームワーク・「Petal」 Petal Petalは軽量でモダンなUIフレームワークです。よく使われるような各種コンポーネントやレイアウト、フォーム回りやユーティリティクラスやアイコン、バッジやカード、アラートなどWebアプリ向けのUIなども用意されており、それ...2017.12.18 | 11時10分31秒
オープンソースのTrelloライクなカンバンボードシステム・「Restyaboard」 Restyaboard RestyaboardはTrelloのようなカンバンボードを実装できるオープンソースのソフトウェアです。Webサイト上でもTrelloとの特徴の比較表が作られており、ざっくりとした違いを把握できます。後発故、R...2017.12.17 | 11時13分50秒
CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」 Epic Spinners Epic SpinnersはCSSで作られた複雑なアニメーションエフェクトのスピナーのセットです。コピー&ペーストで利用できるようにしてあります。以下動作サンプルを1つだけ。 本スピナーは同じ...2017.12.14 | 10時10分37秒
ブラウザで動作するオープンソースの電子書籍リーダー・「LibreRead」 LibreRead LibreReadはOSSの電子書籍リーダーです。Goで書かれているようです。ブラウザで動作するのでネットに繋がっている必要があるデメリットはあるものの、繋がってさえいればどのデバイスでもアクセス、管理できるのが利...2017.12.12 | 10時20分20秒
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」 AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです...2017.12.10 | 10時02分21秒
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」 HackerThemes HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているの...2017.12.07 | 12時59分24秒
カーソルを乗せた方向によって変化するマウスホバーエフェクトを実装するライブラリ・「Direction Reveal」 Direction Reveal Direction Revealはカーソルの入った方向を検出してエフェクトを変化させるライブラリです。他ライブラリに依存せず単体で動作します。たまにどこかしらで見かけるやつを手軽に実装できる的なもの。...2017.12.06 | 10時16分37秒
Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」 ProseMirror ProseMirrorはWeb用リッチテキストエディタを構築するためのツールキットです。以前はMarkdown⇔HTMLなWYSIWYGエディタだったようですが、現在は様々な形のリッチテキストエディタを作るため...2017.12.05 | 10時03分27秒
オープンソースのオンライン会計ツール・「Akaunting」 Akaunting™ Akaunting™はオープンソースのオンライン会計ツールです。PHPフレームワークのLaravelをベースに、Bootstrap、jQuery等で構築されています。主に中小企業、フリーランサーをターゲットにした...2017.12.04 | 11時19分20秒
スクロールが生じたtableの左右上下の列や行などを固定出来るスクリプト・「TableHeadFixer」 TableHeadFixer TableHeadFixerはtableのヘッダーやフッター、左や右の列を固定できるスクリプトです。jQueryに依存します。スクロールが生じたtableで重要な個所を固定する事でユーザーのスクロール頻度...2017.12.01 | 11時51分37秒
inputで指定したパターン以外の入力を不可にするバニラなJavaScriptライブラリ・「imaskjs」 imaskjs imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。typ...2017.11.26 | 11時07分16秒
手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」 simpleParallax simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransfo...2017.11.22 | 10時31分39秒
CSSのみで実装できる超軽量なツールチップライブラリ・「Microtip」 Microtip MicrotipはCSSのみで実装できる超軽量(圧縮版で1kbだそう)なツールチップライブラリです。aria-label属性で定義したラベルがそのままツールチップとして表示されます。位置はdata-microtip-...2017.11.18 | 11時14分24秒
フレキシブルなclass名を意識して設計されたCSSフレームワーク・「Biomatic UI」 Biomatic UI Biomatic UIはフレキシブルなclass名を意識して設計されたCSSフレームワークです。どういう形が「フレキシブルだ」と感じるかは個人差があると思うので、ここでは柔軟であるかどうかは触れないでおきますが...2017.11.15 | 10時33分33秒
任意の画像からカラーパレットを作成するスクリプト・「Color Thief」 Color Thief Color Thiefは任意の画像からカラーパレットを作成するオープンソースのスクリプトです。画像を解析して主要となっているカラーをいくつか抽出、カラーコードを提供してくれます。WordPressのプラグイン等...2017.11.14 | 10時56分36秒
手書き風なゆるいスタイルのCSSフレームワーク・「PaperCSS」 PaperCSS PaperCSSは手書き風のゆるーいスタイルなCSSフレームワークです。フォントにはPatrick Handが使われ、ボーダーも真っすぐな線ではなく、ラジオボタンやチェックボックスも手書きのようなスタイルとなっていま...2017.11.06 | 10時39分13秒
Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」 jquery.animator.js jquery.animator.jsはAnimate.cssをサポートしてくれるスクリプトです。jQueryに依存します。Animate.css導入の際、使い方をもう少し手軽にしてくれる、というも...2017.11.05 | 10時56分05秒
UI開発速度を上げるために作られたユーティリティファーストなCSSフレームワーク・「Tailwind CSS」 Tailwind CSS Tailwind CSSはUI開発速度を上げるために作られたユーティリティファーストなCSSフレームワークです。BootstrapやFoundation、Bulmaなどのようにテーマやコンポーネントを持ち合わ...2017.11.04 | 10時37分13秒
ラジオボタンとチェックボックスを装飾するためのCSSライブラリ・「pretty checkbox」 pretty checkbox pretty checkboxはチェックボックスやラジオボタンを装飾するためのCSSライブラリです。JavaScriptを使わずCSSのみで実装可能で、CSSによる形状だけでなく、画像やSVG、アイコン...2017.10.31 | 11時14分53秒
アイコンフォントとCSSをセットにしたツールキット・「Fontisto」 Fontisto Fontistoは沢山の汎用的なアイコンフォントと、そのフォントを活用するためのCSSをセットにしたツールキットです。アイコンはフォントだけでなくPNGも同梱されています。それぞれのアイコンはセットになっているCSS...2017.10.27 | 10時08分24秒
CSSのみで手軽に実装出来るモーダルウィンドウライブラリ・「Light Modal」 Light Modal Light ModalはCSSのみで実装できるモーダルウィンドウライブラリです。エフェクトを追加する場合もJavaScriptを使用せず、Animate.cssを読み込み、任意のclassを付与する事でアニ...2017.10.26 | 10時49分01秒
コメントシステムを実装できるオープンソースのDisqusクローン・「schnack.js」 schnack.js schnack.jsはコメントシステムを静的なWebサイトにも導入できるOSSのDisqusクローンです。サーバー要件はNode6以上とSQLiteとのこと。同じようにGithubやTwitter等のアカウントで...2017.10.19 | 10時55分49秒