Tools & Resources

最適化ツール

WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」
Webデザイン補助

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」
JavaScript

Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
Ads
CSS/HTML

使いやすさを意識したReactのWeb用UIコンポーネントのコレクション・「Blueprint」
最適化ツール

Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」
JavaScript

画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」
ソフトウェア

UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」
JavaScript

jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」
CSS/HTML

Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」
プログラミング補助

Web上で読める開発者向けの技術本を収集している・「DevFreeBooks」
ソフトウェア

ブラウザで動作するオープンソースのパスワードマネージャ・「LessPass」
ソフトウェア

オープンソースのオンラインドキュメント管理システム・「PaperNIC」
Webデザイン補助

Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」
インスピレーション

クリエイティブな404ページを収集している・「Oops Pages」
ソフトウェア

HTML5やWordPressの有料/無料のテンプレートで高品質なものを収集、ギャラリーにしている・「Best of Themes」
JavaScript

レスポンシブなtableの為のスクリプト・「resTables」
ソフトウェア

管理画面内で記事やカテゴリなどのタクソノミー等をインクリメンタル検索するWordPressプラグイン・「Jarvis」
JavaScript

要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」
CSS/HTML

FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」
JavaScript

NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」
ソフトウェア

ミニマルスタイルでパワフルなMarkdownエディタ・「typora」
Webデザイン補助

DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」
次のページ