■ハンドルとハンドルノブもチェンジ!《fishingについて》

AVILEさんで1500C同様軽量スプールを買おうとしていたのだが、なかなかSX-1600シリーズ(マグではない)の開発が遅れているらしくやむなく代わりにパワーハンドルを購入。SX-1600純正はもろにタイコリールっぽいハンドルだけど、AVILのオリジナルハンドルはデザインがシャープ。



はじめましてtsukapikoです。
● profile 

Demonstrating Responsive Design

 レスポンシブWebデザインに限らず、Webサイト制作時にはブラウザでのチェックは必要です。
しかしレスポンシブWebデザインでの制作を進めるにあたり、サイトコンテンツの動作や配置のチェックなど通常のサイトチェック以上に柔軟かつ簡単にできればより便利になります。

Demonstrating Responsive Design

Demonstrating Responsive Design

URLを入れれば、デバイス毎の表示を簡単に切り替えることができます。チェックできるのは、iPhone(縦、横)、iPad(縦、横)、PCと少なめですが、動作も軽くUIが個人的には好みです。

Demonstrating Responsive Design

Resizer

Resizer

こちらはブラウザのツールバーにインストールをして使うブックマークレット。ブックマークレットを起動してサイズを選択すれば、指定したサイズにリサイズされます。

Resizer

Responsivator

RESPONSIVATOR

こちらはブラウザサイズをカスタマイズ指定することができる優れものです。iOSだけでなく、Android端末などのチェックにも便利。

Responsivator

The Responsinator

The Responsinator

シンプルなUIが特徴的なチェックツール。iPhoneだけでなく、GalaxyやGalaxy tab、Kindleなど様々な端末でのチェックが一覧で確認することができます。欲を言えばブラウザサイズのカスタマイズができれば尚良しといったところです。

The Responsinator

screenfly

screenfly

こちらは上記のThe Responsinatorをさらにグレードアップしたもの。デスクトップのサイズ、タブレット、スマートフォン(MotorolaやBlackBerryまで!)のスクリーンサイズがあらかじめ設定されています。もちろん、カスタマイズで好きなサイズへの変更も可能となっています。

screenfly

Responsive Design Testing

Responsive Design Testing

5つのサイズのブラウザサイズで確認が可能。横スクロールなので環境によっては使いにくいかもしれません。

Responsive Design Testing

resizeMyBrowser

resizeMyBrowser

あらかじめ設定されているブラウザサイズのボタンをクリックすれば、別ウィンドウで指定したサイズのブラウザが立ち上がります。URLを入力して動作をチェック。自分の指定したサイズも追加することができます。

resizeMyBrowser

RWDTT:レスポンシブ・ウェブデザイン テスト・ツール

RWDTT:レスポンシブ・ウェブデザイン テスト・ツール

日本の方が作られたツールです。基本的な機能は他のチェックツールと変わりはありませんが、ブラウザの中でさらにウィンドウを移動させたりすることができるので、同時に別のサイズのウィンドウを横並びにして確認したりすることができます。

ブックマークレットでも起動することができるので、そこも便利かもしれません。

RWDTT:レスポンシブ・ウェブデザイン テスト・ツール

ガラケーでの動作チェック拡張機能

FireMobileSimulator

作成時のサイトのエラーチェック用サイトテスト用サイトではあえてエラーを残しておけば自分の癖も解るね…(爆)

全文を読む… «レスポンシブチェックサイト»
Tweet about this on TwitterShare on Facebook