Massimiliano Sini » CSS

Sito Internet SIS

admin — Thu, 01 Sep 2011 14:19:50 +0000

Realizzazione del nuovo sito internet per conto di SIS Società Italiana Sementi, in collaborazione con Commoedia.

A fronte del layout grafico fornitomi da Commoedia mi sono occupato di tutta la parte dinamica del sito, per la parte di Front End ho combinato le tecnologie PHP/Html/css/Js/JQuery (menu’ a comparsa a sinistra, roller in home page, meteo-box, gestione agenti nei singoli prodotti). Per la parte Back End è stato realizzato un pannello di controllo sviluppato usando MySQL/PHP, a fronte di una analisi fatta a monte rispetto alle specifiche necessità del cliente.

Collaborazione con Commoedia

admin — Thu, 02 Jun 2011 14:07:39 +0000

Commoedia

E’ l’inizio di una nuova avventura.

Comincia la mia nuova collaborazione con Commoedia a Budrio, azienda che si occupa di Comunicazione e Media a largo raggio. L’intenzione è mettere a disposizione tutte le mie conoscenze ed acquisirne di nuove per affrontare le sfide cui il Web ed il Mobile Development mi metteranno di fronte.
Trovo un ambiente dinamico, professionale ed estremamente creativo ed innovativo. Uno stimolo unico ed irripetibile.

Una opportunità.

Sito Internet VolantinOOnline.it

admin — Thu, 24 Feb 2011 14:44:50 +0000

VolantinOOnline.it

Da oggi è finalmente online il nuovo sito internet di VolantinOOnline.it con la sua nuova veste grafica.
Il sito è stato realizzato in collaborazione con Made in Magic sfruttando le tecniche PHP/Html/CSS e con il pesante ausilio delle fantastiche librerie JQuery.
I tre principali obiettivi da raggiungere nella realizzazione del sito:

creare una vetrina immediata e d’impatto per il visitatore;
comunicare con immediatezza la semplicità con la quale usufruire del servizio;
permettere ai clienti di VolantinOOnline di acquistare direttamente sul sito internet gli spazi che loro vendono. Questo è stato realizzato utilizzando il sistema di pagamento PayPal.

Sono oltremodo orgoglioso della realizzazione di questo progetto.

Google Font API

admin — Fri, 05 Nov 2010 12:29:25 +0000

Una delle limitazioni più forti per chi utilizza pesantemente i CSS ed è poco avvezzo a lavorare con strumenti grafici (tramite CSS si possono sostituire dei testi con delle immagini) è quella della scelta dei font. La limitazione sta nel fatto che la scelta di utilizzare un carattere piuttosto che un altro all’interno di una pagina Web è subordinata al fatto che sul Browser del client tale font sia presente. Un avveduto e buon programmatore di CSS si tutela settando la proprietà font-family con una “cascata” di caratteri, da quello scelto a quello che sicuramente verrà trovato sul Browser del client. Basta fare un giro sul W3C per avere un esempio delle varie famiglie di Font che sono sicuramente supportate da qualsiasi Browser.

Ma ecco che Google ci viene in aiuto. Nella sua area Google Code tra la miriade di gadgets c’è una ulteriore risorsa, preziosissima proprio per allargare le famiglie di Font di disponibili da poter gestire con i CSS. Come capita per le Google Api Libraries (per MooTools o Jquery) abbiamo dei CDN a cui poter attingere. Nella fattispecie si tratta delle Google Fonts Api.

Qua possiamo trovare una serie di Fonts True Type a cui fare riferimento ed ovviando così alla limitazione di cui parlavo all’inizio. Tramite poche righe di codice abbiamo la possibilità di rendere disponibile alla pagina/sito che costruiremo un font tra quelli a disposizione. Basta prendere spunto dal semplice ed immediato esempio che troviamo su Google per mettere subito in pratica il risultato.

Il numero magico: 960!

admin — Tue, 26 Oct 2010 13:58:48 +0000

Un numero che potrebbe non voler dire assolutamente niente se visto così. Ma se relazionato al Web e ad Internet diventa una combinazione che io ho trovato magica ed illuminante.

960.gs – Grid System di Nathan Smith

Un efficace metodo per la pianificazione dello spazio da dedicare ad un sito. Il tutto tramite una piccola serie di definizioni CSS mirate a dividere in maniera equa ed ordinata uno spazio fisso di 960px, tenendo in considerazione la capillare diffusione di risoluzioni a 1024 px di larghezza.

Questa semplicissima spiegazione non rende assolutamente merito al drammatico impatto in termini di efficacia che questa “grid” (griglia) offre ad uno sviluppatore di layout.

Non solo!! Il creatore di questo sito mette anche a disposizione una serie di tools tramite github volti proprio a semplificare il lavoro di chi debba progettare dei layout.

CSSplay.co.uk

admin — Fri, 01 Jun 2007 15:13:17 +0000

Vorrei condividere con chiunque il sito che più di altri mi è stato di aiuto da quando ho cominciato a lavorare con i CSS.

http://www.cssplay.co.uk/

Per me è sempre stata una fonte inesauribile per imparare metodi di approccio per realizzare accattivanti interfacce Web senza per questo ricorrere a strumenti più evoluti e pesanti come Flash o complesse routine JS.