Cosa hè u Cuncepimentu Reattivu? (Video Spiegatore è Infografica)

disignu web rispunsevule

Ci hè vulsutu una decina d'anni per disignu web rispunsevule (RWD) per andà mainstream dapoi Cameron Adams hà presentatu per a prima volta u cuncettu. L'idea era ingeniosa - perchè ùn pudemu micca cuncepisce siti chì si adattanu à a vista di u dispositivu chì si vede?

Cosa hè u Cuncepimentu Reattivu?

U cuncepimentu web reattivu (RWD) hè un approcciu di cuncepimentu web destinatu à a creazione di siti per furnisce una sperienza di visualizazione ottimale - lettura è navigazione faciule cun un minimu di ridimensionamentu, panoramica è scrolling - in una vasta gamma di dispositivi (da telefoni cellulari à computer di desktop monitori). Un situ cuncepitu cù RWD adatta u schema à l'ambiente di visualizazione aduprendu griglie fluide, basate in proporzioni, immagini flessibili, è dumande media CSS3, una estensione di a regula @media.

Wikipedia

In altre parolle, elementi cum'è l'imaghjini ponu esse aggustati cum'è u schema di questi elementi. Eccu un video chì spiega ciò chì hè u cuncepimentu reattivu è perchè a vostra impresa deve esse implementata. Avemu recentemente sviluppatu u DK New Media situ per esse reattivu è travaglianu avà Martech Zone per fà listessu!

A metodulugia di custruisce un situ reattivu hè un pocu fastidiosu perchè avete bisognu di avè una gerarchia per i vostri stili chì sò urganizati basendu nantu à a dimensione di a finestra di vista.

I navigatori sò autocuscenti di a so dimensione, allora caricanu u fogliu di stile da cima à fondu, interrugendu i stili applicabili per a dimensione di u schermu. Questu ùn significa micca chì duvete cuncepisce diversi fogli di stile per ogni schermu di dimensioni, vi basta à spustà l'elementi necessarii.

Operà cù una mentalità mobile-first hè u standard di basi oghje. E marche megliu in a classa pensanu micca solu à se u so situ hè amichevule per i telefunini ma à l'esperienza cumpleta di u cliente.

Lucinda Duncalfe, CEO di Monetate

Eccu una infografica da Monetate illustrendu i vantaghji potenziali di creà un cuncepimentu reattivu per più dispositivi:

Infugrafia di cuncepimentu Web Reattivu

Se vulete vede un situ reattivu in azzione, puntate u vostru Google Chrome navigatore (credu chì Firefox hà a stessa caratteristica) per DK New Media. Avà selezziunate Vede> Sviluppatore> Strumenti di Sviluppatore da u menù. Questu cargarà una mansa di strumenti in u fondu di u navigatore. Cliccate nantu à u picculu icona mobile in estrema manca di a barra di menu Strumenti di Sviluppatore.

responsive-testing-chrome

Pudete utilizà l'opzioni di navigazione in cima per cambià a vista da u paisaghju à u ritrattu, o ancu selezziunà un numeru qualsiasi di dimensioni di a finestra di vista preprogrammata. Forse duverete ricaricà a pagina, ma hè u strumentu u più bellu di u mondu per verificà i vostri paràmetri di risposta è assicurà chì u vostru situ pare bellu nantu à tutti i dispositivi!

3 Comments

  1. 1
  2. 2

    Grazie mille Douglas per questu articulu ben spiegatu. Devu d'accordu cun questu quantunque da u latu di u cuntenutu di e cose. Per a maiò parte di i siti chì femu un layout reattivu ùn serà micca abbastanza. Avemu bisognu di cuntenutu reattivu. Ma per i siti web di più basa, seremu sicuri d'andà à aduprà u vostru articulu ben documentatu nantu à cumu gestisce questu!

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.