AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」 Sizzy Sizzyはモバイルやタブレットでの表示確認が出来るWebサービスです。よくあるRWDに対応してるかどうか、みたいな幅を狭くするだけのものではなく、それぞれのUAでアクセス、狭い幅で表示してくれます。 縦横での確認も...2017.05.21 | 10時08分48秒
動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」 ImageGlass ImageGlassは動作軽量で使いやすいイメージビューアです。OSSとしてもソースコードが公開されています。対応フォーマットはJPG、JPEG,やPNG, GIF, ICO, BMPなどやWMF、PSD、HDR...2016.12.25 | 10時03分46秒
SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」 Browser Frame Browser Frameはスクリーンショットとして撮った画像をアップロードすると、ブラウザのフレームのイラストに合成してダウンロード出来るWebサービスです。ブラウザはMacのChromeやFirefox...2016.11.24 | 10時31分42秒
任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」 tachyons-x-ray tachyons-x-rayは任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンションです。上図のように、Webページで起動させれば方眼紙のようなグリッドと要素のアウトライン...2016.11.23 | 10時12分22秒
色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」 ChromeLens ChromeLensは色覚に異常のある方に対応出来るWebサイトの制作をサポートするChromeエクステンションです。拡張機能を追加すると、デベロッパツールにChromeLensという項目が追加されます。このタブ...2016.09.16 | 12時13分04秒
レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」 PrototypeBrewery.io PrototypeBrewery.ioはRWD対応のプロトタイピングツールです。直感的に操作可能なインターフェースで独自のCSS、JavaScriptを書くことも出来ます。ビューモードでは各デバ...2016.08.01 | 9時35分19秒
WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」 Google Mobile Friendly Test Google Mobile Friendly Testは任意のWebサイトがモバイルフレンドリーかどうかをテストするGoogle謹製のチェックツールです。URLを入力してヒューマ...2016.05.19 | 10時38分11秒
GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」 HTMLPreview HTMLPreviewはGithubやBitBucketで各ユーザーに公開されているHTMLファイルをプレビューする為のブックマークレットです。例えば、本ブックマークレットがGithubで公開されているソースコ...2015.10.30 | 10時59分11秒
任意の2つのWebサイトのパフォーマンスチェックと、その結果の比較が出来る・「dareboost」 dareboost dareboostは2つのWebサイトの表示速度等のパフォーマンスをチェックし、結果を比較、ダウンロード出来るWebサービスです。1つのWebサイトでも勿論可能ですが、比較出来るのは珍しいかも。提出してくれる結果内...2015.09.17 | 9時41分54秒
色覚異常の方向けに作られた、Webサイトにカラーフィルターを適応させて認識しやすくするChromeエクステンション・「Color Enhancer」 Color Enhancer Color Enhancerは色覚異常の方のためのChromeエクステンションです。Webサイトにカスタマイズ可能なカラーフィルターを適応させ、色認識を向上させることが出来ます。フィルターはSet upか...2015.05.08 | 10時28分55秒
App Store用のスクリーンショットを作成出来る・「App Store Screenshot Builder」 App Store Screenshot Builder App Store Screenshot BuilderはApp Store用のスクリーンショットを作成出来るツールです。単純に、SSをアップロードしたりApp Storeに置...2015.03.16 | 10時04分49秒
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」 colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...2015.02.25 | 11時32分34秒
ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」 UX CHECK UX CHECKはヤコブ・ニールセンが唱えた10のヒューリスティックに基いて行うユーザビリティチェックを行う手助けをしてくれるChromeの拡張です。10のヒューリスティックに関してはUsability Infoさん...2015.01.14 | 11時28分32秒
任意のWebサイトのスコアレポートを提出してくれる調査ツール・「Nibbler」 Nibbler Nibblerは任意のWebサイトのアクセシビリティやソーシャルメディアのサポート状況、害悪なコンテンツの有無、SEO的な部分の評価等を調査し、スコアレポートを提出してくれるツールです。ざっくり調査するなら手軽で良い...2014.11.06 | 10時27分15秒
書いたHTMLを任意のデバイスでリアルタイムプレビュー出来る・「snap tomato」 snap tomato snap tomatoは任意のデバイスでHTMLをリアルタイムプレビュー出来るツールです。別タブで開いても即反映されるので任意のデバイスで開けば、PCでエディタに書いたコードをスマフォやタブレットで即時確認出来...2014.10.26 | 10時52分29秒
スクリーンショットやスクリーンキャストを撮り、自動でWebにアップロードするツール・「ShareX」 ShareX ShareXはスクリーンショットやスクリーンキャストを撮って、自動でImgurやDropbox等のホスティングサービスにアップしてくれるデスクトップアプリです。GPLライセンスのもと、OSSとしてGithubにてソースコ...2014.10.09 | 10時36分41秒
リアルタイムプレビューが可能なOSSのSass/CSSエディタ・「Takana」 Takana Takanaはリアルタイムプレビューが可能なSass/CSSエディタです。オープンソースとして公開されています。Gruntのプラグインも用意されています。コーディングの効率化に貢献してくれそうです。動画もあるのでチェック...2014.09.24 | 10時56分09秒
RWDにも対応の、Webサイトにコメントを入れて共有出来るWebサービス・「coment.me」 coment.me coment.meはWebサイトのSSを取って任意の箇所にコメントを入れて共有出来るWebサービスです。モニタサイズを指定出来るのでレスポンシブWebデザインにも対応可能です。URLを発行してくれるので修正箇所の的...2014.09.02 | 10時25分26秒
紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」 POP POPは紙に描いたモックアップを撮影し、実機で動作テストを確認出来るようにするスマフォアプリです。以前書いたClickDummyと同じコンセプトで、モックアップ同士をリンクで繋げることで擬似的に動作テストを行うことが可能です。...2014.07.27 | 10時20分25秒
IEの開発バージョンを公開している・「IE Developer Channel」 IE Developer Channel IE Developer ChannelがMSより公開されました。リリース前のIEをダウンロード出来ます。リリースバージョンとは別に実行出来るのは嬉しいですね。ゲームアプリ開発者さん向けにGa...2014.06.21 | 10時15分46秒
RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」 Responsive Web Design Cheat Sheet Responsive Web Design Cheat SheetはレスポンシブWebデザインの施行時に使えるモニターサイズのチートシートです。各メジャーなデバイスを...2014.01.19 | 11時12分02秒
.NETのコードスニペットをオンラインで動作テストできる・「.NET Fiddle」 .NET Fiddle .NET Fiddleはオンラインで.NETのコードスニペットをテストできるツールです。JSFiddleをリスペクトして作ったそうです。言語はC#とVB.netに対応しています。手軽にテストできるのは嬉しいです...2013.12.19 | 11時04分07秒