Blog

HomeRisorseCSS3Viewport Resizer: Tool per testare siti responsive

Viewport Resizer: Tool per testare siti responsive

Viewport-ResizerQuesto tool bookmarklet consente di testare  il responsive design alle risoluzioni più comuni dei principali tablet e smartphone! Viewport Resizer è uno strumento gratuito e davvero molto semplise da uitilizzare.

Cliccando su resize, visualizzeremo una barra con diverse, tra cui le cinque risoluzioni di default:

  • Mobile (e.g. Apple iPhone): 320 x 480
  • Apple iPhone 5: 568 x 320
  • Small Tablet: 600 x 800
  • Tablet (e.g. Apple iPad 2-3rd, mini): 768 x 1024
  • Widescreen: 1280 x 800

bar

Features

  • Interamente customizzabile
  • Orientamento manuale con un click (portrait | landscape)
  •  “Auto Size” mode (portrait | landscape)
  • Supporto Media Query
  • Animazione Viewport
  • Varie informazioni su Viewport (size, aspect ratio, orientation euser agent)
  • Preview visuale  (onMouseOver)
Viewport Resizer: Tool per testare siti responsive ultima modifica: 2013-11-23T09:47:04+00:00 da Piesseweb

by

Web Developer & Business Consultant