Corso CSS di base n. 3

Corso CSS di base n. 3

Share Button

I CSS sono una risorsa inesauribile, ti danno la possibilità di creare effetti e stili che non pensavi possibili. Dopo aver analizzato gli stili esterni e gli stili interni, dedichiamoci all’importazione dei CSS.   CSS con @import   Un’altra possibilità che ti viene data è l’importazione degli stili CSS, è molto semplice. Hai a disposizione…

Corso CSS di base n. 2

Corso CSS di base n. 2

Share Button

Abbiamo scritto regole CSS con lo stile interno e lo stile inline: può essere utile quando abbiamo una pagina HTML, ad esempio una pagina “Coming Soon” ma quando ci troviamo davanti un progetto più grande, con molte pagine, non sono metodi efficienti, per due motivi: scrivendo le regole CSS internamente o inline dobbiamo ripetere il…

Corso CSS di base n.1

Corso CSS di base n. 1

Share Button

Da oggi comincia il mio corso di base per i CSS (Cascading Style Sheet). Proverò a realizzare un percorso guidato per comprendere in modo semplice i CSS.

css3 effetti hover bottoni

CSS3: effetti hover spettacolari

Share Button

I CSS3 ti danno la possibilità di arricchire le tue pagine con effetti sorprendenti. In questo tutorial ti propongo quattro effetti hover per i bottoni dei tuoi links. L’idea nasce per essere applicata alle voci di menu ma nessuno ti vieta di rendere un link all’interno della pagina più accattivante e spettacolare con questi effetti.…

css3-sticky-footer-flexbox

CSS3: creare uno Sticky Footer con Flexbox

Share Button

Quasi tutti i designer/developer hanno avuto una “brutta” esperienza con un footer che non rimane in fondo alla pagina web. Un’esperienza frustrante che si può risolvere con metodi diversi ma quasi tutti un po’ complessi. Grazie a Flexbox (il nuovo metodo di impaginazione per creare layout flessibili) possiamo risolvere questo inconveniente con poche righe di codice.…

Effetto Vignette con i CSS

Effetto Vignette con i CSS

Share Button

Ci sono un mucchio di effetti che possiamo applicare alle nostre foto per renderle più piacevoli o per attirare l’attenzione del visitatore. Tra questi, uno dei più interessanti è l’effetto “vignette”: consiste nel rendere più scuri gli angoli dell’immagine, molto spesso, per dare risalto alla sua parte centrale. In questo tutorial voglio rendervi partecipi del…

css3 blur effect

Effetto Sfocatura (Blur) con i CSS3

Share Button

Per chi (pochissimi) non li conoscesse,  i filtri CSS3 permettono di replicare alcuni effetti che normalmente eravamo abituati a realizzare esclusivamente con dei software di editing fotografico come Photoshop. Con alcuni browser (per lo più Google Chrome e Safari) si possono ottenere con pochissime righe di CSS. In questo tutorial sugli effetti CSS3 mi piace…

wordpress-google-fonts-featured

WordPress: come usare i Google Fonts

Share Button

In un sito web la tipografia è importante. scegliere i font giusti per il tuo sito o per la tua applicazione può determinare la buona riuscita o meno del tuo business. Al giorno d’oggi, per fortuna abbiamo delle potenzialità quasi infinite a proposito: possiamo utilizzare i font messi a disposizione dal sistema operativo (web-safe fonts),…

css3-featured-border-radius

Angoli arrotondati con i CSS3

Share Button

A partire da questo tutorial voglio parlarvi delle caratteristiche principali dei CSS3 e delle sue proprietà. In quest’occasione parliamo di border-radius ovvero dell’applicazione dei bordi arrotondati ad un div utilizzando esclusivamente i fogli di stile. A buona parte di voi sembrerà un tutorial obsoleto (in fondo questo tipo di proprietà esistono da diversi anni) ma…

comments_featured

Utilizzare i commenti nel codice

Share Button

Quando cominciamo a scrivere del codice per sviluppare le nostre applicazioni, che si tratti di HTML, di PHP, Javascript o CSS non importa, non sempre ricordiamo di utilizzare costantemente i commenti. Cosa sono i commenti Si tratta semplicemente di appunti, che possono essere utili per noi, quando a distanza di settimane, andiamo a rivedere il…