minireset.cssは基礎部分だけ抑えたモダンなCSSリセットです。各見出しのフォントサイズのリセット、ブロック要素のmargin、paddingリセット、全要素へのbox-sizingの導入、各メディアファイルにmax-width: 100%;を付与、table要素周りのリセットなどのみとなっており、normalize.cssと比較するとかなりミニマルな内容になります。圧縮版で5kbほど。ライセンスはMITです。 minireset.css

ScreenToGifはスクリーンキャプチャを撮ってGIFアニメで保存出来るキャプチャツールです。デスクトップ上のマウスの動きと、画面の動きをキャプチャし、GIFアニメーションで保存する事が出来ます。任意のテキストや画像を挿入したりも出来ます。画質も綺麗で動作も軽量、使いやすく個人的にかなり良いツールでした。ダウンロードして解凍すればすぐ使えます。今後も利用していこうと思います。 ScreenToGif

Bootstrap 4 Cheat Sheetは実装サンプルとコードも即座に確認出来るチートシートです。classをクリックするとコードスニペットと実装サンプルも確認出来る、というもの。Bootstrapも需要が増えるとともに供給する機能が付与されてきているのでこうしたカンペも必要になってきているのかもですね。個人的にはこうなるともう使わなくなっちゃいますけど・・本チートシートの見せ方がとても良かったのでメモ的に。 Bootstrap 4 Cheat Sheet

gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルやラベルを設定すれば上図のようなレイアウトで実装される、というシンプルなもの。手軽で非依存型と、なかなかよさ気でした。ライセンスはMIT。 gridfolio.js

Startup Handはスタートアップの際に役立ちそうなツールやリソースをまとめているWebサイトです。以前ご紹介したStartup Resourcesとほぼ同等のものですね。スタートアップ時はするべき事が多く、混乱しがちなので、見落としを防ぐのが目的のようですね。ソールシャルや開発、素材、支払い周り、解析など、様々なカテゴリが用意されており、リスト化してくれています。暇な時にでもざっと見ておいて良さそうなツールやリソースをチェックしておくと安心かもしれませんね。 Startup Hand

notie.jsは他ライブラリに依存しないシンプルでクリーンな通知ライブラリです。WarningやError、Confirm等の通知を、他ライブラリに依存する事無く実装出来ます。セッティングも簡単でなかなか使いやすそうです。ライセンスはMIT。 notie.js

Unsplash SourceはCC0の高品質な写真を提供するUnsplashが公開した写真埋め込み用APIです。以前ご紹介したダミー画像の為のサービス・Unsplash Itよりも応用が効ききそうです。シンプルに画像を埋め込むだけなら同じように指定されたURLで実装可能です。例えば特定のカテゴリにしたいなら https://source.unsplash.com/category/{カテゴリの名前} というパスが発行されていますのでimgタグに含めれば良いだけです。他にも特定のユーザー、任意のキーワードで検索して選ばれた画像をランダムで、などなど充実している印象です。もっと細かいことをしたい、という場合はJSONを利用する形となりますが、その際は開発者登録が必要となります。尚、現在ではPHPとRubyのライブラリが用意されています。 これならUnsplash Itは不要じゃないかなって気

FontCDNはGoogle Web Fontのフォントを探せる検索ツール。カテゴリでのソートやOSSとしてソースコードが公開されています。任意のテキストでの一括表示確認等のシンプルな機能ですが個人的には結構見やすい印象でした。ライセンスはMITとの事です。 FontCDNOn Github

Sphidoは軽量でシンプルなOSSのCMS。高速性とシンプル性を重視しているそうです。MarkdownやHTMLなどのフラットファイルでコンテンツを構築していく事が出来ます。セキュアで高速なテンプレートエンジン、Latte templating engineもサポートしているとの事。動作環境はApacheかnginxサーバー、PHPバージョンは5.4以上。ライセンスはBSDです。 Sphido

Music for Makersは週１でCC0ライセンスの音源を配信してくれるWebサービスです。よくある配布サイトのように、大量に置かれていてブラウジング中に気にいったらダウンロード、という類のものではなく、メールアドレスを登録すると、週に1回、1音源がメールで配信される形です。こちらは量よりも質を重視しているようで、劣化していないプロフェッショナルな音源を配信してくれる、との事です。何故高品質であるか、何故パブリックドメインであるかの理由も書かれていますのでご興味のある方はチェックしてみては如何でしょうか。 Music for Makers

AllTheFreeStock.comは写真素材や、動画素材、音源やモックアップ等を無料で公開、配布するWebサイトをコレクションしているWebサイトです。貴方のプロジェクトのスタートアップに役立ててほしいとのこと。かなり大量に集められており、それぞれのWebサイトはiframeでその場に表示されます。割といろいろな方に需要ありそう。 AllTheFreeStock.com

Negative Spaceは著作権放棄の綺麗な写真を配布するWebサイトです。配布されている素材はCC0となっていますので自由に利用可能です。よくあるストックフォトサイトですね。沢山覚えておいて損は無いので、まさそんな感じです。現在はこの手のありがたいWebサイトが数多に存在しますのでご興味のある方はいろいろ探してみてくださいね。 Negative Space

Unsplash Itは著作権放棄で綺麗な写真素材をダミー画像として使えるツールです。CC0の美しい写真を公開、配布しているUnsplashが手がけるダミー画像ツールで、https://unsplash.it/200/300のような簡単なURLのみでダミー画像を埋め込むことが出来ます。勿論、従来のダミー画像ツールのようにランダム表示やグレースケール、blur加工なども可能です。また、Unsplash Itはオープンソースとしてもコードが公開されています。ライセンスはMIT。 Unsplash It

tota11yはWebサイトのアクセスビリティチェックを行うライブラリです。基本的にはJavaScriptファイルを読み込むだけ、その他は必要に応じてプラグインファイルを読みこめば自動でチェックし、問題点を教えてくれます。チェック項目は左下にツールが表示されるようになるのでそこから確認するだけ。上図スクショはコントラスト比をチェックしているところです。アクセシビリティの判定はGoogle ChromeのAccessibility Developer Toolsを元に作成されているそうです。ライセンスはMIT。 tota11yOn Github

BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カード）。今まで普通に触れていたUIに名前が付いただけのような気もしますが・・ｗ　カードUIに関しては Inside Intercomで記事が書かれていたので合わせてご参照下さい。このカードUIにBootstrapで対応出来るようにする、というUIフレームワークになります。モバイルとタブレットファーストな印象で個人的には割と好きでした。ライセンスはMITとの事。 Bootcards動作サンプル

Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能にしてくれましたが、様々なニーズに応えていったために肥大化しました。ちょっとしたDOM操作だけならわざわざ重いファイルを読み込まずに実装した方がパフォーマンスを損なわずに済みます。が、その方法がわからない、という方も少なくないかもしれません。そういった方の為に、jQueryを使わずに純粋なJavaScriptによるDOM操作の方法を調べられる、というもの。一部の方には便利な逆引きリファレンスサイトではないかなぁと思います。 Plain JavaScript

COLOR SAFEは背景色を設定すると、WCAGガイドラインに基づいたテキストカラーをパレットにして提出してくれるアクセシビリティカラーツールです。任意のテキスト、フォントの種類やサイズ、太さの指定も可能となっています。ピックアップされたカラーコードはHEXとRBGから選択可能で、クリックだけでクリップボードに格納してくれる親切設計でした。 COLOR SAFE

OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRWD対応済み。個人的に好みなので使ってみようかと思います。ライセンスはMIT。 Outline

jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めない情報ではありますが、結構な量が収集されているので覚えておいて損は無さそうです。 jQueryScript.Net

CSS Filter EffectsはCSS filterのコードを、実際にかかるエフェクトを見ながら生成出来るジェネレーターです。BlurやBrightness、Hue Rotate、Grayscaleなどのフィルターを、スライダーで調整するだけでコードが表示されます。楽でいいですね。 CSS Filter Effects