表示確認 - かちびと.net

Web制作向けリソース

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

Kudos for
About This

Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.
Links

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」

IEの開発バージョンを公開している・「IE Developer Channel」

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」

無料プレスリリース

Ads

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

Posts

Contact

Others