Noi di Net Sinergy siamo dei
fans e cultori dei CSS!
Già da qualche anno, tutti i nostri progetti, prevedono l’utilizzo avanzato di codice xhtml e css per creare pagine compatibili con gli standard W3C, veloci da caricare e "
amiche dei motori di ricerca".
Per questo siamo particolarmente sensibili alle nuove potenzialità dei
CSS 3.0 e stiamo iniziando a sperimentarle in modo da essere pronti non appena la maggior parte dei browser saranno in grado di supportarle correttamente.
Per il momento l’unico browser che interpreta le specifiche più interessanti di CSS 3.0 è Safari 3.1 o superiore; con cui ti invitiamo quindi a visualizzare questa pagina per vedere la corretta impostazione grafica dei box sottostanti.
Nel caso di un browser differente vedrai due colonne di testo, senza formattazioni, probabilmente non particolarmente interessanti e che comunque non pregiudicano il corretto funzionamento della pagina.
Le proprietà che sono state utilizzate sono:
Box Web Design: abbiamo impostato uno
sfondo multiplo (
composto da tre immagini) con il seguente codice:
.testo #css3-test li#webdesign p:first-of-type{width:135px; padding-right:77px; background:url(../img/css3-albero.gif) no-repeat 137px 20px, url(../img/css3-lumaca.gif) no-repeat 0px 110px, url(../img/css3-prato.gif) repeat-x bottom;}
Box Web 2.0: abbiamo impostato
l’ombreggiatura del box (
è possibile specificare in che lati e con che caratteristiche grafiche dell’ombra) con il seguente codice:
.testo #css3-test li#duepuntozero > p:first-of-type{box-shadow:2px 2px 5px #888888; -webkit-box-shadow:2px 2px 5px #999999;}
Box Web TV: abbiamo creato un
box con angoli arrotondati (
senza ovviamente usare nessuna immagine di background) con il seguente codice:
.testo #css3-test li#tv{padding-top:10px; background:url(../img/css3tv.gif) no-repeat 90px 0px;}
.testo #css3-test li#tv > p:first-of-type{background:url(../img/css3-tv.png) repeat-x; -moz-border-radius:7px; -webkit-border-radius:7px;}
Box Copy e marketing: abbiamo creato un
box con due colonne (
senza utilizzare al suo interno due DIV che flottano) con il seguente codice:
.testo #css3-test li#marketing p:first-of-type{column-width:95px; -moz-column-width:95px; -webkit-column-width:95px; column-gap:10px; -moz-column-gap:10px; -webkit-column-gap:10px; column-count:2; -moz-column-count:2; -webkit-column-count:2;}
Box Web Marketing / SEO: abbiamo creato un
box con sfondo trasparente che si illumina al passaggio del mouse (
trasparenza senza immagini png trasparenti e con effetto hover) con il seguente codice:
.testo #css3-test li#webseo p:first-of-type{background:url(../img/css3-seo.png) no-repeat; box-shadow:-2px 2px 5px #888888; -webkit-box-shadow:-2px 2px 5px #999999; opacity:0.40;}
.testo #css3-test li#webseo p:first-of-type:hover{opacity:1.0;}
-
Web design
Orientiamo la creatività in funzione del modello di business, del settore e dei mercati dei nostri clienti; applichiamo teorie e tecniche per la corretta navigabilità e usabilità di siti, portali, di applicazioni 2.0. e di piattaforme transazionali.
Il box è stato creato utilizzando sfondi multipli.
Compatibilità: Safari 3.1 +
-
Web 2.0
Curiamo operazioni di marketing interattivo per la creazione di valore con il cliente e per il cliente; progettiamo blog, forum, community, sondaggi online e altri sistemi web collaborativi; Introduciamo i clienti nel mondo social media e colleghiamo le loro soluzioni con i network : YouTube, Face Book; LinkedIN.
Il box è stato creato utilizzando un'ombreggiatura.
Compatibilità: Safari 3.1 +
-
Web TV
Progettiamo e realizziamo sistemi di streaming e di web television; dimensioniamo la infrastruttura tecnologica necessaria; ambientiamo e personalizziamo la soluzione con componenti comunicative e interattive moderne; elaboriamo i contenuti video.
Il box è stato creato utilizzando un bordo arrotondato.
Compatibilità: Safari 3.1 +
-
Copy & Marketing
Analizziamo il mercato di riferimento, il tipo di utenti e gli obiettivi del cliente;
trasformiamo le idee in concept e definiamo la strategia di marketing digitale;
curiamo la redazione dei testi e selezioniamo animazioni, video immagini;
elaboriamo operazioni di advertising online e multicanale.
Il box è stato creato utilizzando una suddivisionn in colonne.
Compatibilità: Safari 3.1 +
-
Web marketing / SEO
Proponiamo strategie perseguibili e gestiamo operazioni combinate di web marketing ; organizziamo operazioni di email marketing , viral e buzz marketing; abbiamo adottato le tecnologie XHTML CSS; applichiamo tecniche avanzate di posizionamento nei motori di ricerca rispettando le regole indicate da Google ai webmaster.
Il box è stato creato utilizzando uno sfondo trasparente con effetto :hover.
Compatibilità: Safari 3.1 +