コメントシステムを実装できるオープンソースのDisqusクローン・「schnack.js」 schnack.js schnack.jsはコメントシステムを静的なWebサイトにも導入できるOSSのDisqusクローンです。サーバー要件はNode6以上とSQLiteとのこと。同じようにGithubやTwitter等のアカウントで...2017.10.19 | 10時55分49秒
jsfiddleライクなエディタやカラーパレット作成ツール等を公開する・「Liveweave.com」 Liveweave.com Liveweave.comはjsfiddleライクなHTML/CSS/JavaScript実行ツールやカラーパレットを生成してSVGやPNGでダウンロードできるツール、CSSツールやベクターツールなどを公開...2017.10.17 | 11時05分11秒
css gridのコードを生成できる・「Griddy」 Griddy Griddyはcss gridのコードを手軽に実装できるツールです。実行結果を確認しながらdisplay: grid;のコードを生成してくれます。よくあるやつですね。css gridはちょっと複雑でとっつきにくい感あるの...2017.10.16 | 10時11分04秒
Bootstrapで使える要素を170種ほどセットにしてOSSとして配布する・「Froala Design Blocks」 Froala Design Blocks Froala Design BlocksはBootstrapで使えるフォームや地図コンテンツ、フッターや「値段表」、「製品詳細」のようなよく見かけるコンテンツなどをブロック単位にして170種ほ...2017.10.15 | 10時37分48秒
編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」 jquery-fulltable jquery-fulltableは編集可能のシンプルなtableを実装できるスクリプトです。jQueryに依存します。編集ボタンを押すと編集可能になる、行を追加できる、というシンプルな機能のみになりま...2017.10.14 | 10時10分41秒
ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」 mimic.css mimic.cssはユニークなエフェクトを要素に付与できるCSSアニメーションライブラリです。よくあるエフェクトや需要の高そうなエフェクトは先発のライブラリがすでに実装してるので、という事みたいです。どれも使いどこ...2017.10.13 | 11時05分59秒
inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」 file-upload-with-preview file-upload-with-previewはinput要素のtype="file"で画像をアップロードする場合、submit前にユーザーが表示確認できる、というスクリプトです。よ...2017.10.12 | 10時30分56秒
CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」 Balloon.css Balloon.cssはCSSのみで設定可能なツールチップライブラリです。カスタムデータ属性を含めるだけで左右上下に自由に出すことができます。ふわっと浮かび上がるシンプルなエフェクト付き。 使い方は、da...2017.10.11 | 10時58分43秒
ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」 KEditor KEditorはD&Dでレイアウトできるコンテンツエディターです。jQueryに依存します。Containersでコンテナを配置してComponentsでコンテナ内にコンテンツを配置、編集する流れです。jQuery必要...2017.10.10 | 10時17分32秒
anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」 MOVING LETTERS MOVING LETTERSはanime.jsでテキストにアニメーションエフェクトを付与するスクリプトをまとめたコードサンプル集です。各エフェクトはクリックすればコードが表示されるようになっています。いい...2017.10.08 | 10時57分42秒
canvasで描いた円状のシャボン玉っぽいものをランダムに動かし、背景に設定できるスクリプト・「bubbly-bg」 bubbly-bg bubbly-bgは上デモのようにゆるく動くシャボン玉を背景に設定出来るスクリプトです。非依存型なので他スクリプトを必要とせず単体で動作してくれてサイズも軽量です。色や玉の数、アニメーションの有無等の設定が可能とな...2017.10.06 | 11時05分33秒
Googleカレンダーを使ったシンプルなタスクマネージャ・「TManager」 TManager TManagerはGoogleカレンダーを使ったシンプルなタスクマネージャです。Googleカレンダー側に作ったイベント、TManager側で作ったイベントはリアルタイムで同期されますが、TManager側で作成した...2017.10.05 | 10時05分54秒
カンバンやロードマップなど、チームでプロジェクトを管理できる・「Atlaz」 Atlaz Atlazはチームで使えるプロジェクト管理プラットフォームです。カンバンやロードマップ、ガンチャートやタスク管理、バージョン管理などの機能がついており、iOS、Androidのスマフォアプリも提供されています。Trello...2017.10.04 | 10時58分14秒
CSVやプレーンテキストのデータをJSONやMarkdown等に変換できるOSSなコンバーター・「Mr. Data Converter」 Mr. Data Converter Mr. Data ConverterはCSVやプレンテキスト(タブ区切りしたもの)をJSONやMarkdown、PHPやRubyなどの各言語での配列等に変換してくれるコンバーターです。オープンソー...2017.10.03 | 10時11分04秒
手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」 JAM icons JAM iconsは手作り感がかわいらしいOSSなアイコンフォントです。SVGも同梱されています。数は422ほどとなかなかの数ですね。丸みのある柔らかいスタイルで様々なコンテンツにマッチしてくれそうです。雰囲気はF...2017.10.02 | 11時27分25秒
書いたソースコードを画像化してTwitterに投稿できる・「carbon」 carbon carbonはソースコードを画像にしてTwitterに投稿したりダウンロードできるツールです。ソースはシンタックスハイライトされます。言語やスタイルも選択可能。また、本ツールはGithubでもソースコードが公開されていま...2017.09.30 | 10時24分12秒
シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」 zap zapはシンプルでスケーラブル且つメンテナンス性も意識して設計されたCSSフレームワークです。CSSはベース、レイアウト、モジュール、ユーティリティなどにそれぞれ分けられており、各フォルダには必要に応じて読み込むCSSが梱包さ...2017.09.29 | 10時52分20秒
オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」 Choose a License | Appendix Choose a License | Appendixはchoosealicense.comが提供する、さまざまなオープンソースライセンスの特徴の早見表です。ApacheやMIT...2017.09.28 | 10時45分44秒
MediumのようなエディターをWordPressに導入できるプラグイン・「WP Medium Editor」 WP Medium Editor WP Medium EditorはWordPressの投稿ページをMediumのエディターライクに変更するプラグインです。通常の投稿もカスタム投稿もWYSIWYGそのものが変更されますのでMedium...2017.09.27 | 11時45分24秒
シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」 Framy Framyはシンプルで使いやすくカスタマイズ性も高いモバイルフレンドリーなFlexboxベースのCSSフレームワークです。コンポーネントはコンフリクトフリー(衝突しない)な設計を心がけたそう。LESSがサポートされています...2017.09.26 | 10時05分39秒
一定の幅にテキストをフィットさせてくれるスクリプト・「Fitty」 Fitty Fittyは一定の幅にテキストをフィットさせてくれるスクリプトです。先行スクリプトとしてFitText.jsがありますが、Fittyは軽量で非依存型というメリットがあります。それぞれ特徴は多少異なるので用途次第で使い分ける...2017.09.25 | 10時03分46秒
Vue.jsのコンポーネントフレームワーク・「Vuetify」 Vuetify VuetifyはVue.jsのコンポーネントフレームワークです。リユーサブル且つクリーンな設計で使いやすさを重視した印象です。スタイルはマテリアルデザインパターンを導入。沢山のコンポーネントが用意されているので不便はし...2017.09.22 | 11時07分44秒