Il Blog di INSTANT WEBSITES

Tag: arreda casa tua

Il tag picture

L’introduzione del web design reattivo tramite HTML5 e CSS3 ha introdotto la possibilità di ottenere il ridimensionamento automatico di un’immagine, fino ad occupare lo spazio orizzontale disponibile e mantenendone le proporzioni, tramite la regola:

img { max-width: 100%; height: auto; }

Fino a qui, niente di nuovo; d’altronde, quella sopra esposta è una regola che compare sistematicamente nel foglio di stile base di qualsiasi sito.

Ci sono però dei casi nei quali la semplice reattività di un’immagine non si traduce in un risultato apprezzabile dal punto di vista pratico.

Immaginiamo un’immagine di intestazione che, vista nella viewport di uno schermo ampio, occupa tutta la larghezza ed una certa altezza, ad es. 1920×850 pixel.
Nel momento in cui la viewport viene ridotta e l’immagine ridimensionata proporzionalmente, quest’ultima finirà con il risultare estremamente piccola e quindi inutile dal punto di vista del risultato. Eseguendo i classici “conticini” scolastici, si fa in fretta a capire: nella viewport di uno smartphone, 1920×850 diventa 480×213 pixel.

Per prevenire questo problema, una soluzione tradizionale consiste nel posizionare l’immagine non come elemento <img> bensì come sfondo del contenitore; man mano che la viewport viene ridotta, tale contenitore occupa sempre il 100% dello spazio disponibile ed una certa altezza minima mentre l’immagine di sfondo non si adatta, sicché ne verrà mostrata solo una parte.
Potete vedere un esempio di questa tecnica nella homepage del sito https://ottolina.com/ (grafica del sito by modus comunicazione visiva).

Si tratta di una tecnica funzionale ma con un possibile effetto sgradito: verrà mostrata solo una parte dell’immagine – tipicamente quella centrale – sicché si perderanno molti dettagli della stessa.
E’ indispensabile quindi scegliere un’immagine che mantenga un effetto accettabile anche in tale contesto.

Da menzionare, senza però raccomandarla, un’alternativa molto comoda ma, per così dire, estrema: rinunciare del tutto a mostrare l’immagine stessa quando la viewport scende al di sotto di una certa dimensione.

Esiste una terza possibilità che è finalizzata ad ottimizzare l’esperienza utente al prezzo di una preventiva preparazione di due o più immagini alternative: il tag picture di HTML5.

Continua a leggere

Nuovo sito in linea: Arredacasatua

ArredacasatuaArredacasatua.it

Allo scopo di presentare ARREDACASATUA, nuovo sito sviluppato da INSTANT WEBSITES ed appena pubblicato in linea, riportiamo quanto scritto nella pagina Chi siamo del sito:

ARREDACASATUA, negozio online per la vendita dell’arredamento, nasce con l’obiettivo di continuare una storia di tradizione nel campo del mobile in grado di soddisfare tutte le vostre esigenze, con la qualità dei prodotti e la serietà di un’azienda che da oltre 30 anni è presente sul mercato con professionalità, responsabilità e passione nell’arredamento.

ARREDACASATUA offre ai sui clienti la possibilità di arredare la propria casa con prodotti di qualità a prezzi vantaggiosi e comodamente dal proprio computer. Grazie alla nostra esperienza nel settore dell’arredamento siamo in grado di offrirvi una vasta gamma di prodotti con il miglior rapporto qualità/prezzo sul mercato.

Il sito, pubblicato all’indirizzo www.arredacasatua.it, è dunque un sito completo di e-commerce nel quale viene venduto arredamento.

La ricerca di quanto desiderato risulta molto semplice grazie al menu principale diviso in categorie (zona giorno, salotti, zona notte, bagno, tavoli e sedie, complementi) e relative sottocategorie, oltre alla possibilità di ricerca per fornitore e di ricerca libera.

Caratteristica comune delle proposte di arredamento di ARREDACASATUA è l’assoluta qualità dei prodotti, unitamente a prezzi tra i migliori reperibili sul mercato; è disponibile anche un servizio di assistenza telefonica per aiutare l’acquirente ad effettuare le proprie scelte.

Il catalogo delle proposte di ARREDACASATUA è in continuo ampliamento quindi detto tutto ciò … fatevi un giro “virtuale” e scegliete il prossimo arredo per la vostra casa!

Categorie
Archivi