Category : Risorse

HomeArchivio Categoria "Risorse"
responsive-web-design

Infografica sul Responsive Design

Templatemonster.com ha rilasciato una guida interattiva sul Responsive Design.

Si inizia dal Glossario dove vengono definiti i termini Responsive Design, Fluid Grids, Flexible Images, CSS Media Queries e Screen Resolutions e si finisce con templates, tutorial e risorse.

Infografica sul Responsive Design ultima modifica: 2013-12-10T09:28:19+00:00 da Piesseweb

Tools per Responsive Design

1. Am I Responsive

amiresponsiveSemplice applicazione web , che sfruttando iframe e le trasformazioni CSS3, consente di visualizzare la pagina web su Iphone, Ipad, Macbook e IMac con la possibilità di fare drag e drop sui device.

2. Deviceponsive

deviceponsiveDeviceponsive consente di testare i siti su più devices (Galaxy, iPhone, Kindle, iPad and Macbook) in un solo click.

3. Responsive

responsiveTool che permette preview dei siti in diverse risoluzioni: basta inserire l’url del sito e cliccare sulle icone dei vari device.

4. Screenqueri

screenqueriTool che consente di selezionare, con un semplice click, il dispositivo che intendiamo testare e l’orientamento: portrait o landscape.

5. Responsive Test

testingresponsivePermette di verificare il layout di un sito web in tutte le risoluzioni possibili.

VenoBox – Responsive jQuery Lightbox Plugin

urlVenobox è un plugin lightbox jquery adatto per gallerie fotografiche, contenuti, iFrames, Google Maps, Vimeo e video YouTube. Venobox, a differenza di tutti gli altri plugin, calcola la larghezza massima dell’immagine (max width) conservando l’altezza (in piccoli dispositivi è possibile scorrere verso il basso il contenuto).

VenoBox – Responsive jQuery Lightbox Plugin ultima modifica: 2013-11-26T08:11:14+00:00 da Piesseweb

jQuery Interactive 3D

jquery (1)jQuery interactive 3D è un plugin che permette di creare oggetti 3D interattivi utilizzando una serie di immagini come fotogrammi: l’immagine può essere manipolata con il Drag and drop.

jQuery Interactive 3D ultima modifica: 2013-11-25T17:56:39+00:00 da Piesseweb