任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」
tachyons-x-ray tachyons-x-rayは任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンションです。上図のように、Webページで起動させれば方眼紙のようなグリッドと要素のアウトライン...
Resource - Archives
HTML要素1つで、やや複雑な動きが出来るCSSスピナー・「CSSPIN」
CSSPIN CSSPINは1つの要素で、上のようなそこそこ複雑な動きが作れる、CSSのみで作れるスピナーです。それぞれの動きはそれぞれCSSファイルが用意されているので必要な動きのファイルだけ読み込めば使えます。なかなか使いやすそう...
Webデザイナー向けのリソースを目的別にまとめている・「Freestack」
Freestack FreestackはWebデザイナー向けのリソースキュレーションサイトです。無料のものを中心に収集しているようです。カラーツールやブラウザの拡張機能、モックアップやストックフォト、タイポグラフィ関連などなど。ざっと...
WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」
Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照：リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...
画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」
Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」
LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・ｗ 念の為、Facebook...
使いやすさを意識したReactのWeb用UIコンポーネントのコレクション・「Blueprint」
Blueprint BlueprintはReactのWeb用UIコンポーネントをコレクションにして提供してくれるUIツールキットです。使いやすさを特に意識して構築したそう。汎用的なUIは一通り揃っている印象です。ドキュメントページに動...
Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」
FormLinter FormLinterはWebフォームをチェック、評価してくれるフォーム最適化ツールです。URLを指定すると、そのページ内にあるフォームを調べて課題点や問題点があれば表示、AやA+、Bなどで評価してくれる、みたいな...
画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」
LoadImg See the Pen QGENKq by kachibito (@kachibito) on CodePen. LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デ...
UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」
Instant Images Instant ImagesはCC0ライセンスでクオリティの高い写真素材を提供するUnsplashから画像を管理画面で検索、ダウンロードし、記事に投稿出来るWrodPressプラグインです。投稿ページにボ...
jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」
pit-scheduler pit-schedulerはjQueryとBootstrapで作るスケジューラーです。横長のカレンダーに蛍光ペンで引くようにスケジュールを設定、管理出来る、というもの。現状の仕様ではタスクの設定はちょっぴり...
Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」
Base BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジ...
Web上で読める開発者向けの技術本を収集している・「DevFreeBooks」
DevFreeBooks DevFreeBooksはWeb上で読める開発者向けのebookをまとめているWebサイトです。フレームワークやプログラミング言語別に分けられており、ページ数や出版年も表示されています。姉妹サイトに同じように...
ブラウザで動作するオープンソースのパスワードマネージャ・「LessPass」
LessPass LessPassはブラウザで動作するパスワードマネージャです。OSSとしてソースコードが公開されています。Webアプリケーションである為、外出先等でも様々なデバイスでも利用可能で、ブラウザの拡張機能も利用する事が出来...
オープンソースのオンラインドキュメント管理システム・「PaperNIC」
PaperNIC PaperNICはオンラインでドキュメントを管理出来るオープンソースソフトウェアです。マルチユーザー対応で複数人が管理可能であらゆるドキュメントファイルに対応、互換性を気にせずアップロード出来る、との事です。動作デモ...
Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」
StockJo StockJoはWeb制作に役立ちそうなツールやリソースを厳選収集しているWebサイトです。ストックフォトサイトやフォント、動画、モックアップ、音源、カラーツールなどのカテゴリに分けられています。よくある個人のキュレー...
クリエイティブな404ページを収集している・「Oops Pages」
Oops Pages Oops Pagesはクリエイティブな404ページを収集しているTumblrです。Archiveページ見る限り、相当な数が集められているようです。一応タグは付けられていますが探しやすいよう配慮したものではないよう...
HTML5やWordPressの有料/無料のテンプレートで高品質なものを収集、ギャラリーにしている・「Best of Themes」
Best of Themes Best of Themesは各テーママーケットや配布サイト等で紹介されているHTMLやWordPress、HTMLメール、Magento、Joomla、PrestaShopなどのテンプレートで良品質なも...
レスポンシブなtableの為のスクリプト・「resTables」
resTables resTablesはレスポンシブなtableを作るためのスクリプトです。jqueryに依存しています。同等の先発のスクリプトであるstacktable.jsの形式に基づき、更に進化させたものとして提供しているそう。...
管理画面内で記事やカテゴリなどのタクソノミー等をインクリメンタル検索するWordPressプラグイン・「Jarvis」
Jarvis JarvisはWordPressの管理画面内での全ての記事やカテゴリ、タグ等のタクソノミーや「外観」などの管理画面項目、コメント、プラグインなどなど管理画面内のコンテンツから横断検索してくれるプラグインです。検索はインク...
要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」
PrognRoll PrognRollはページやスクロールが可能なコンテナ内でのスクロールに応じてプログレスバーを表示するスクリプトです。ただそれだけのシンプルなもので、サイズも2kb以下、圧縮すれば1kb以下と軽量です・・が、jqu...
FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」
useful.ly useful.lyはFlexboxベースのシンプルなCSSフレームワーク。グリッドやモーダルウィンドウ、ボタンやフォームのスタイルを提供してくれています。まで開発中でこれから頑張る！CDNも用意したから試しに触って...