Cell. +39 3479684755
Il Blog di Instant Websites
Il sito di Samantha Biale: First Italian Diet Coach
Samantha Biale, nutrizionista e giornalista professionista, ha introdotto in Italia la figura professionale del diet coach.
E’ molto nota al grande pubblico perché collaboratrice con rubriche fisse sui magazine e quotidiani di maggior successo.
La notorietà acquisita come autorevole esperta di alimentazione, le ha aperto la strada alla collaborazione con la televisione – Rai e Mediaset – e con i più noti network radiofonici come R101, Radio DeeJay, RadioMonteCarlo, RTL 102.5 e RadioRai.
Il suo sito Internet, pubblicato all’indirizzo www.samanthabiale.com, è stato recentemente aggiornato con una nuova veste grafica a cura di INSTANT WEBSITES.
In esso potrete trovare i consigli di Samantha per una corretta alimentazione, video e registrazioni audio delle sue partecipazioni e rubriche televisive e radiofoniche, informazioni sui libri che ha scritto e molto altro.
RTG SOLUTION: nuovo sito in linea
RTG SOLUTION è un’azienda milanese che si propone come consulente per le comunicazioni ad un’ampia clientela che va dal privato a studi professionali ed aziende.
Le sue competenze sono ampie, includono infatti telefonia (centralini VOIP e tradizionali), connettività (ADSL, HDSL ecc.), networking e reti, videosorveglianza, impianti elettrici.
Caratteristica principale del servizio offerto da questa ditta è il proporsi come consulente per soluzioni su misura per le esigenze del cliente, con realizzazioni accurate e tecnicamente ineccepibili.
Il sito è stato sviluppato su piattaforma WordPress per consentire facili aggiornamenti, tra i quali dei video dimostrativi delle caratteristiche di alcuni dei più importanti prodotti offerti.
URL del sito: www.rtgsolution.it
L’uso della dichiarazione display:none; nel design reattivo
Quando nei nostri corsi introduciamo i principi di base del design reattivo (o adattivo), spieghiamo che si tratta di un tipo di design con relativo sviluppo del codice, che consente di ridisporre gli elementi della struttura di pagina ed i rispettivi contenuti in funzione della viewport del dispositivo su cui il sito viene visualizzato (in parole più semplici e con una certa dose di imprecisione: in funzione dello spazio disponibile).
Questa affermazione costituisce una valida approssimazione di partenza ma è incompleta.
Innanzitutto occorre considerare che esistono due possibili approcci:
- la tecnica Mobile-First: disegnare la struttura di pagina per i dispositivi mobili, poi svilupparla per le viewport di dimensioni maggiori;
- la tecnica opposta, ovverosia disegnare per una viewport corrispondente ad uno schermo da tavolo, poi aggiungere le regole (media query) per i dispositivi mobili.
I sostenitori di 1) motivano la loro scelta con la diffusione capillare dei dispositivi mobili al punto che questi vengono usati più dei tradizionali PC da tavolo per navigare Internet.
Chi preferisce la soluzione 2), invece, si basa più che altro su un presupposto di tipo logico: fino a poco tempo fa non esistevano le media query quindi si creavano i layout a dimensione fissa o variabile ma comunque partendo da una certa risoluzione orizzontale “ottimale” dello schermo, per cui è normale partire comunque da tale riferimento e poi considerare le viewport minori (tablet e smartphone) introducendo un certo numero di breakpoint.
Occorre anche aggiungere che è possibile aggiornare i siti esistenti – purché non troppo vecchi – modificandone il DTD in HTML5 ed aggiungendo le media query in modo tale che divengano reattivi. In questo tipo di interventi si procede per forza di cose secondo la tecnica 2).
A prescindere dalla prassi individuale, è possibile integrare la definizione di partenza aggiungendo che: nel design reattivo, è possibile prevedere che alcuni contenuti di pagina vengano visualizzati o meno in funzione della viewport del dispositivo.
Non solo, quindi, riposizionare gli stessi elementi bensì mostrarne di aggiuntivi ovvero nasconderne alcuni in base allo spazio.
Una tecnica molto semplice che consente di ottenere questo risultato, è quella di impiegare la dichiarazione: display:none; all’elemento che si vuole nascondere in corrispondenza di una certa risoluzione video.