Elementi taggati con responsive

Come Creare Siti responsive ed adattivi...

Visto il grande aumento dei dispositivi tablet e mobile è essenziale sviluppare siti che siano facilmente consultabili ed usabili da tutti i devices in circolazione. Seppur attraverso il responsive design è possibile definire il posizionamento e la grandezza di qualsiasi elemento sullo schermo ha delle limitazioni di diverso tipo: Performance di caricamento Non ha senso far caricare immagini di 1980px su chermi di 320 px, non tanto per la visualizzazione (le immagini si...

Come creare un sito responsive

Ormai da diversi anni si parla di siti responsive, essenziali per una corretta visualizzazione su tutti i dispositivi tablet mobile e pc. Oltre che dal punto di vista di design ed esperienza utente è importante ai fini dei motori di ricerca. Google infatti previlegia i siti che hanno una versione ottimizzata per dispositivi mobile soprattutto quando si eseguono ricerche direttamente dal devices. Ma come si creano siti responsive? Siti responsive e Media query: la base...

Responsive Design: E’ Attualmente Impensabile...

Il Responsive Design è ormai il “Must” in ogni Web Project Plan. Nel progettare un sito web, uno dei lavori più impegnativi è proprio quello di valutare l’intero ecosistema del brand e l’esperienza di navigazione dell’utente attraverso i diversi canali. La meta da raggiungere per una buona riuscita è che il tone of voice, le funzionalità e il design siano quanto più possibile coesi. Oggi l’esigenza...

Debug remoto ed emulazione di dispositivi...

L'utilizzo del responsive design permette di creare un unico layout che si adatta in funzione del dispositivo utilizzato dall'utente. Sono molti i dispositivi in commercio su cui è bene effettuare test accurati prima di rilasciare il nostro design. In questo articolo vi proponiamo due interessanti tutorial che spiegano come effettuare il remote debugging dei vostri siti direttamente sul dispositivo Android collegato ad un desktop e come simulare la navigazione di un...

Immagini adattive con l'attributo srcset

Sviluppare per display ad alta risoluzione spesso richiede differenti risorse per ogni immagine. Esiste un metodo standard per servire immagini responsive, che permetta di gestire al meglio le risorse in funzione della risoluzione e del viewport? Possiamo ottenere questo risultato utilizzando CSS e una combinazione di media query per gestire la densità dei pixel e la risoluzione per mostrare immagini di sfondo in alta risoluzione. Per esempio: @media...

Prova la demo del sito web realizzato con...

Prova online il nuovo template realizzato con Bootstrap 3 di Twitter editabile online.  Il team di Powerpad Web CMS ha realizzato un nuvo template completamente responsive ed editabile online con un semplice click sui contenuti. Potete provare direttamente online una demo all'indirizzo  demobootstrap.powerpad.it . Dal sito cliccate sull'icona in alto a sinistra ed inserite username  demobootstrap e password  demobootstrap . Ogni elemento di testo...

Responsive Design

Il responsive design è utilizzato sempre più spesso nei siti web, permette di rendere adattabile il layout di un sito web a seconda del tipo di dispositivo e di risoluzione utilizzato dal visitatore del sito. Il framework più noto che consente di gestire al meglio strutture responsive è sicuramente Bootstrap Twitter , recentemente anche Google ha proposto una sua soluzione chiamata Web Starter Kit . Come questi framework gestiscono i diversi layout?...

Utilizzare Bootstrap Twitter

Bootstrap , arrivato alla versione 3, consente di creare layout responsive tramite un sistema avanzato di gestione delle griglie , per utilizzarlo è sufficiente abilitarlo all'interno dello pannello "Site Info" disponibile nella toolbar sinistra una volta effettuato il login come amministratore. Una volta selezionato tutti i layout esistenti utilizzeranno il sistema di griglie responsive di Bootstrap Twitter e naturalmente potrete creare layout personalizzati per l'intero sito...

Chrome 38 introduce una nuova vista per il...

Chrome  38 ha introdotto una vista per il  Responsive Design  nei  Developer Tools . Questo permette di vedere tutti i breakpoint disponibili per il sito caricato. Cliccando su ogni barra è possibile ridimensionare la finestra al breakpoint specifico o selezionando il tipo di device sarà possibile ridimensionare la finestra alla risuluzione del dispositivo. Oltre alla selezione dello User Agent ora è possibile simulare una limitazione di...

Web Starter Kit di Google

Google presenta Web Starter Kit, un nuovo framework web che consente di creare con facilità siti responsive adattabili a qualsiasi tipo di device, tra le altre caratteristiche anche la possibilità di centralizzare la documentazione delle proprie web application e grazie a BrowserSync garantisce una perfetta gestione degli eventi. Viene fornito anche un server HTTP per la gestione della preview. Questa il sito web del progetto targato Google. 

Le due facce dell'approccio 'One Web':...

Avete probabilmente sentito dire che stiamo vivendo in un mondo post-pc. Cosa significa questo per gli sviluppatori web? Significa che tra il 30% e il 50% del traffico dei sito arriva dal mondo mobile. E' significa che presto, gli utenti desktop e laptop saranno in minoranza sul web. Come dobbiamo affrontare questa svolta epocale? Ci siamo mossi inizialmente da un approccio con la gestione doppia dei contenuti (pc e mobile) verso un'unica versione dove il responsive e...

Scegliere uno slider jQuery Premium - guida...

Quasi tutti i web developer spendono il loro prezioso tempo per trovare uno slider jQuery per il proprio progetto. Esistono migliaia di jQuery e JavaScript slider su Internet ma trovare quella più adatta al proprio progetto è un'operazione che può fare la differenza. Al giorno d'oggi c'e' una grande richiesta di web applications responsive, ed ogni cliente vuole sviluppare siti responsive che possano essere visualizzati al meglio su tablet e mobile. Questa...

3 Motivi per cui il Responsive Web Design è...

Se il SEO è un componente fondamentale della strategia nel digital marketing, avere un sito web mobile-friendly sta diventando essenziale.   Le vendite di cellulari hanno già superato le vendite dei desktop, e l'utilizzo di Internet mobile secondo le previsioni superarà l'utilizzo di Internet da desktop entro il 2014 . E' logico pensare quindi che la ricerca mobile supererà di ricerca desktop nel prossimo futuro.   Dal momento che il 67 per...

Siti web Responsive: cosa sono e quali vantaggi...

Negli ultimi tempi si sente parlare molto siti web Responsive , non solo tra gli addetti del settore. Il Reponsive Design è una tecnica che permette di realizzare Siti Web in grado di adattarsi alle diverse risoluzioni, dallo schermo del PC a quello di un dispositivo Smartphone o Tablet. E' una tecnica che si contrappone a quella che prevede la relizzazione di due siti web differenti ottimizzati per desktop e per mobile. Utilizzando il Responsive Design non avremo...

Creare un sito responsive

Il responsive design non è una tendenza ma è un'innovazione nata con le prime app che permettevano appunto di adattare i contenuti e le funzionalità in base al device (tablet, mobile, pc) o all'orientamento dello stesso (portrait e landscape). Avere un sito responsive permette agli utenti di accedere con maggiore semplicità ai contenuti del nostro sito, portale, blog. Non deve piu' essere l'utente ad adattare il contenuto allo smartphone (ingrandendo gli...
^ Top