表示確認 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

フリーのプログラミング用フォントを直接試せる・「Programming Fonts」

任意のWebサイトのシンプルなスクリーンショットをフレーム付きで撮れる・「Screen Guru」

直感的に使える高性能で無料なオンラインプロトタイピングツール・「Draftium」

任意のロゴのデザインをチェックできる・「Logo Lab」

様々なアプリのUIデザインのパターンを学習したり共有する・「UIPattern Hub」

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」

Ads

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

Resources Posts

Snippets