Modificare le fotografie ed applicare effetti particolari con un software (come Photoshop o Gimp) è una cosa all’ordine del giorno per un web designer. Ci sono dei metodi alternativi che ci permettono di accelerare i tempi e non dover creare una nuova versione di un’immagine. Parliamo dei filtri realizzati con i CSS3 In questo tutorial…
Dettagli
Oggi parliamo di un effetto particolare, chi si ricorda di alcuni artisti come Andy Warhol può immaginare di cosa ci occuperemo. Questa è l’immagine che otterremo: Si tratta della foto di un concerto rock vista dalla platea. Questa è, invece, l’immagine con cui lavoreremo inizialmente: E’ un effetto accattivante, molto vintage, sicuramente piacevole da…
Dettagli
Anche oggi uno snippet veloce per rimuovere il piccolo logo di WordPress dalla barra di amministrazione. Questo non è uno snippet utilissimo, personalmente non amo queste modifiche, ma ho avuto diverse richieste in questi mesi e mi sembra giusto soddisfarle. Rimuovere il logo di WordPress può tornare utile quando affidate il sito ad un cliente e…
Dettagli
Sappiamo tutti quanto sia importante avere un feed RSS funzionante. Spesso, per dare risalto ai nostri articoli, è cosa buona aggiungere l’immagine in evidenza che inseriamo normalmente negli articoli che scriviamo anche al feed. In tal modo, quando i nostri lettori riceveranno la loro newsletter preferita avranno davanti anche un’immagine correlata al contenuto testuale dell’articolo.…
Dettagli
Ritaglieremo una fotografia per ottenere un effetto di pannelli verticali molto interessante e bello da vedere. Questo è il risultato finale Questa è l’immagine prima dell’applicazione dell’effetto. Per prima cosa apriamo la fotografia da modificare, io ho scelto questa, una bella fotografia estiva che potete scaricare a questo indirizzo. 1) Creiamo un nuovo livello di…
Dettagli
WordPress è il CMS più utilizzato al mondo. Permette di creare un blog in pochi passi: non sono necessarie conoscenze approfondite per realizzare un sito di tutto rispetto. Ma è sempre buona norma, per evitare spiacevoli inconvenienti, prendere delle piccole precauzioni (ad esempio, in un articolo precedente, abbiamo rimosso il numero di versione di WordPress)…
Dettagli
Riprendiamo il progetto del tutorial precedente e cominciamo a perfezionarlo. In quest’occasione aggiungiamo ai 3 box a fondo pagina alcune icone che ci permettono di dare più risalto e immediatezza al testo che inseriremo. Io trovo che in alcune occasioni un’icona possa essere più utile di un’intero paragrafo: chi arriva su una “landing page” e…
Dettagli
Hai avuto una grande idea: aprire un blog. Un sito web tuo, dove poter scrivere quello che pensi liberamente e condividere le tue opinioni. Che si tratti di web design, politica o barzellette non è quello che conta. Vuoi che questa finestra sul Mondo sia fatta bene e che nulla sia lasciato al caso: allora…
Dettagli
Mi è sempre piaciuto quando, scattando una foto, riesco a dare (volontariamente o meno) l’effetto del riflesso del sole sull’obiettivo. Photoshop ci dà la possibilità di “simularlo”, non sempre riusciamo a cogliere l’attimo. Potrebbe anche trattarsi di post-produzione ed è in quel momento che ci rendiamo conto che il riflesso della lente è quel tocco…
Dettagli
Twitter Bootstrap ci rende la vita più semplice con il suo sistema a griglia. Ogni riga (row) ha 12 colonne e possiamo gestirle come preferiamo, a seconda del tipo di sito o di applicazione che stiamo realizzando. Le media-queries Tutto si basa sulle media queries, che non sono altro che delle dichiarazioni presenti nel CSS…
Dettagli