表示確認 resource-tags | かちびと.net

Web制作向けリソース

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介
About This

Web制作者向けのTips、チュートリアル、リソース等を自分用のメモとしてほぼ毎日配信しています。たまにWordPressやjQuery、CSSのスニペットのメモも取ります。詳細はAbout me またはhumans.txtに書いてます。

Powered by: WordPress/nginx/css3/html5/jQuery/GA/
Links

Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」

URL入力だけでスマフォやタブレットで閲覧した際のスクショをまとめて撮れる・「Responsive Screenshots」

Webサイトのローンチ前に確認する項目をまとめたチェックリスト・「Web Launch Checklist」

AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」

動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」

SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」

任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」

色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」

レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」

WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」

GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」

任意の2つのWebサイトのパフォーマンスチェックと、その結果の比較が出来る・「dareboost」

色覚異常の方向けに作られた、Webサイトにカラーフィルターを適応させて認識しやすくするChromeエクステンション・「Color Enhancer」

App Store用のスクリーンショットを作成出来る・「App Store Screenshot Builder」

文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」

ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」

任意のWebサイトのスコアレポートを提出してくれる調査ツール・「Nibbler」

書いたHTMLを任意のデバイスでリアルタイムプレビュー出来る・「snap tomato」

スクリーンショットやスクリーンキャストを撮り、自動でWebにアップロードするツール・「ShareX」

リアルタイムプレビューが可能なOSSのSass/CSSエディタ・「Takana」

RWDにも対応の、Webサイトにコメントを入れて共有出来るWebサービス・「coment.me」

紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」

12 3 >

Ads

IT・Web業界への転職ならGREEN

Resources Posts

Snippets