シンプルなコンテンツエディタ構築の為のスクリプト・「Substance」
Substance Substanceは文章向けのシンプルなドキュメントエディタ構築の為のスクリプトです。いわゆるリッチテキストエディタのような類のものですが、少し趣が異なる印象ではありますね。動作サンプルでは文章用に特化した形に...
Resource - プログラマー向け
モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」
Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...
Github等で公開されているソースコードの任意の行のみをWebページに表示出来る・「Git snippet」
Git snippet Git snippetはGithubやBitBucket、GitLab等で公開されているソースコードの任意の行を指定して任意のWebページに表示出来るサービスです。URLの入力場所が分かりにくいですが、ヘッダ直...
React向けのリッチテキストエディタ用フレームワーク・「Draft.js」
Draft.js Draft.jsはリッチテキストエディタ構築のためのフレームワークです。React.js向けに作られており、カスタマイズしやすくシンプルに作られているみたいです。この手のフレームワークはあまり見かけないので覚えておく...
モバイル向けWebアプリの為のMVCフレームワーク・「Truck.js」
Truck.js Truck.jsはモバイル向けのWebアプリ構築の為のMVCフレームワークです。Android、iOS、Windowsのネイティブなルック&フィールを提供してくれるとの事。様々な目的でも最小限にファイルサイズを抑えら...
コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」
GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...
任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」
Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...
自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」
pa11y pa11yは自動で任意のWebサイトのアクセシビリティチェックを行ってくれるツールです。OSSとして公開されています。監視したいWebサイトを設定すると毎日チェック、スコアを出してレポートを作成してくれます。30日間のレポ...
RubyやPython、Node.js、PHPやGoなど様々なコードスニペットをブラウザで実行テストできる・「BitRun」
BitRun BitRunは様々なプログラミング言語のコードスニペットを実行テスト出来るWebアプリです。対応言語はタイトルで上げたものの他にElixir、bash、Rust、C、Swift、Dart、CoffeeScroptなどなど...
シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」
ipgrid ipgridはシンプルなスプレッドシート実装の為のスクリプトです。jQueryに依存しています。Googleスプレッドシートのように扱えるそうですが、まだ関数はいくつかしかテストしていませんのでクローンと言えるかどうかは...
Codepenで2015年に話題になった投稿TOP100をまとめた・「MOST The HEARTED 2015」
MOST The HEARTED 2015 MOST The HEARTED 2015はCodepenで話題になった投稿TOP100をランキング化したWebページです。最もグッと来た投稿、コードを紹介しています。心に来たコード＝実際に...
Web制作時に役に立つ（かもしれない）ツールを大量に公開している・「Richard’s Toolbox」
Richard's Toolbox Richard's ToolboxはWeb制作時に役に立ちそうなツールを大量に公開しているWebサイトです。Skypeや各SNSでの表示確認ツール、Webサイトのロードテスター、Whoisチェックツ...
Hacker NewsやDesigner News、GitHub等を横断検索出来る・「THE SEARCH」
THE SEARCH THE SEARCHはHacker NewsやDesigner News、GitHub、Product Huntから横断検索してツールやリソース等を探せるツールです。話題になる情報発信のニュースサイトをまとめて検...
任意の画像からよさ気な部分を自動で切り取るスクリプト・「smartcrop.js」
smartcrop.js smartcrop.jsは任意の画像からよさ気な部分を自動で切り取るスクリプト。訳わからんですね。まともな説明が思いつきませんでしたすみません。指定されたサイズの範疇で、画像からさも良さそうに見える構図で自動...
動画を元に、AIによる自動作曲とその音源のダウンロードが出来る・「Jukedeck 」
Jukedeck Jukedeckは任意の動画からAIによる自動作曲をしてくれるWebサービスです。作曲された音源はダウンロードする事も可能です（無料プランは5曲まで）。例えば製作中のゲームを動画に撮って、自動作曲してもらう、とかも...
任意のライブラリを読み込んでデベロッパーツールのコンソールからテストできる・「JS Envy」
JS Envy JS Envyは任意のライブラリをロードしてDevToolのコンソールからAPIテストを行えるツールです。上図はjqueryを読み込んだ瞬間のSSです。右側にライブラリが挿入されているのが確認出来るかと思います（わかり...
オープンソースのHTML5製パーティクルエンジン・「Proton」
Proton ProtonはOSSで公開されているHTML5製のパーティクルエンジンです。手軽に様々なタイプのパーティクルを実装、動作シミュレートが可能、とのこと。レンダラはCanvas、DOM、WebGL、Easeljs、pixel...
Basecamp製のシンプルなWYSIWYGエディタ・「Trix」
Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...
Swift製のiOS向けオープンソースライブラリをまとめている・「iOS Cookies」
iOS Cookies iOS CookiesはSwift製のOSSなライブラリを手作業でキュレーションしているまとめサイトです。大きくUI、チャート、アニメーション、ネットワーク等のカテゴリに分けられていますので迷うこと無く探せると...
オープンソースのSlackクローン・「Mattermost」
Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...
オープンソースのミニマルなパスワードマネージャ・「Padlock」
Padlock PadlockはミニマルでOSSなパスマネです。iOS、Androidアプリ、Chromeエクステンションとしても提供されている他、GPLライセンスの元、オープンソースとしてもソースコードが公開されています。構築にはP...
オープンソースのGoogle Web Font検索ツール・「FontCDN」
FontCDN FontCDNはGoogle Web Fontのフォントを探せる検索ツール。カテゴリでのソートやOSSとしてソースコードが公開されています。任意のテキストでの一括表示確認等のシンプルな機能ですが個人的には結構見やすい印...