Archivi tag: CSS

50 Snippets CSS che ogni designer dovrebbe avere a portata di mano

Quando si parla di impostazioni di siti web, una componente molto importante da considerare sono i CSS, noti anche come fogli di stile o stylesheet. Il CSS non è altro che un insieme di istruzioni, scritte in codice, che spiega al nostro sito come comportarsi quando viene visualizzato.

Qui di seguito, 50 snippet utili per i web designer e non solo. Continua a leggere

CSS Font Stacks: Elenco Completo di fonts Web-Safe

La scelta dei font, nel web design di oggi, è molto cambita, grazie all’avveto delle nuove direttive CSS3 ed in modo particolare al @font-face, che ci permette di avere un design più personalizzato. Tuttavia, però, l’utilizzo di font web-safe è una scelta ancora molto utilizzata, perché assicura un miglior cross-browser, in quanto i font verranno visualizzati sempre allo stesso modo.
Continua a leggere

Responsive Grid System | La semplicità di una griglia flessibile

Alzi la mano chi non ha mai sentito parlare delle griglie nel web design. L’uso delle griglie è importantissimo primo perché rende più ordinato il nostro lavoro e poi perché lo facilita in modo impressionante. Spesso, spessissimo amo installare nei miei progetti 960 grid system, il framework per creare griglie e colonne più famoso al mondo, ma da quando il web ha cambiato la sua forma (direi le sue dimensioni), assumendo molte volte le sembianze di smartphone, tablet e netbook tutto fare, non sempre quello che abbiamo progettato per un device poi alla fine rende allo stesso modo su tutte le piattaforme…

Continua a leggere

CSS3 Pictogram Button

L’uso delle nuove regole HTML/CSS sta cambiando (direi facilitando) la vita dei web designer che, grazie all’implementazione di piccoli effetti speciali, un tempo veri e propri miraggi, riescono a dare un impatto grafico molto professionale alle nostre pagine e allo stesso tempo essere funzionali con il minimo sforzo. Oggi vorrei dare un’occhiata ai nuovi effetti creati sui bottoni che, mischiati alle tecnologie CSS3, cambiano totalmente il loro look.

Continua a leggere

HTML KickStart – Creare siti web più velocemente

Esistono tantissimi modi per iniziare un progetto web. C’è chi inizia utilizzando fogli di stile standard, magari personalizzati, frutto di anni di lavoro ed esperienze personali. C’è chi invece si affida a progetti come HTML KickStart.

Continua a leggere