CSS3: Visualizzare il portfolio in una griglia di immagini con anteprima

È possibile realizzare un portfolio accattivante in moltissimi modi e gli elementi che entrano in gioco nella sua creazione sono diversi e molteplici.

Molto importante è, innanzitutto, considerare il tipo di lavoro freelance che svolgi: va deciso se dare più importanza alla qualità e quindi far visualizzare pochi progetti ma eccellenti, oppure alla quantità e in questo caso mostrare tutti i tuoi lavori.

Per tutte le tue necessità ci sono diverse soluzioni. Oggi ti propongo quella che permette di visualizzare il portfolio in una griglia di immagini responsive; nel momento in cui clicchiamo sull’immagine visualizziamo in un box sottostante l’immagine stessa con informazioni dettagliate sul lavoro realizzato.

Il tutto viene sviluppato senza codice Jquery e questa è la notizia che può sorprendere.  || Leggi altro »

Il cliente non paga? Ecco 10 trucchi per farti pagare

10_06

Il cliente non paga? Chiede troppo? Ci fa pentire di averlo incontrato? È un tema sul quale ci siamo soffermati molto spesso. E molto spesso ci siamo confrontati per costruire un’esperienza condivisibile o acquisire qualche informazione utile per gestire clienti...

1 commento

WordPress: la funzione wp_editor e l’uso avanzato di TinyMce Editor per le categorie e i riassunti

04_06

Introdotta nella versione 3.3 di Wordpress e recentemente aggiornata, la funzione di Core wp_editor di Wordpress permette di instanziare un “editor ricco”, quello che in inglese si definisce comunemente come Rich Text Editor, ovvero un editor visuale WYSIWYG con cui...

2 commenti

Rendite online come scelta di previdenza

03_06

Torniamo a parlare di rendite online. Questa volta, però, vorrei farlo in chiave di scelta previdenziale. Che significa scelta previdenziale? Significa pensare al futuro e a ciò che ci può capitare in modo del tutto inaspettato. Significa che chi possiede...

1 commento

Come creare tasti “a porta” usando solo CSS3

29_05_social

Continuiamo con la serie di articoli realizzati per mostrare il potenziale di CSS, senza usare il tanto amato e odiato Javascript. Oggi vediamo come creare dei tasti che possiedano un'animazione simile all'apertura di una porta (o di una finestra, dipende...

2 commenti

HTML Mobile App: quali competenze occorrono per crearne una

28_05

Quasi contemporaneamente alla nascita degli smartphone e all’introduzione nel mercato dei dispositivi mobile, è nata la possibilità di realizzare mobile app ibride, soprattutto grazie all’avvento di tools come Phonegap, che permettono di compilare progetti HTML5 sotto forma di applicazioni native....

6 commenti

Realizzare un layout sticky footer con colonne fullheight grazie alle table css

27_05

Nel nostro lavoro di sviluppatori ci capita spesso di doverci confrontare con problemi più o meno complessi. Due di questi problemi sono la realizzazione di una pagina alta almeno il 100% della finestra del browser (di cui ho già parlato...

Nessun commento

Guida HTML5: i tag audio e video – parte 2

26_05

Nello scorso articolo abbiamo parlato degli enormi progressi che ha compiuto l’HTML5 per consentire un maggiore supporto agli elementi multimediali e abbiamo introdotto il tag <audio>, dando spazio anche ad alcune considerazioni sui formati e sulla compatibilità che ti invito...

6 commenti

Guida HTML5: i tag audio e video (parte1)

22_05

Nel corso del tempo Internet ha subito un notevole cambio di direzione. Mentre alla sua nascita era un mezzo su cui viaggiava prevalentemente la divulgazione di testi scientifici, oggi viene utilizzato sempre più per scopi commerciali o ludici. L’esponenziale crescita...

5 commenti

Come scegliere gli abbinamenti di colore per un lavoro grafico ispirandoci a ciò che ci circonda

20_05

Molte volte capita che, quando iniziamo un progetto, che sia un sito web, una composizione grafica, o qualsiasi altra cosa che preveda l'accostamento di due o più colori, nel momento in cui apriamo il documento vuoto di Photoshop, quella pagina...

7 commenti

Your Inspiration Store: il punto di partenza di un viaggio che ci entusiasma

16_05

Coronare un sogno. Espressione che si usa per indicare il raggiungimento di un traguardo importante. E noi possiamo dire forse di avere coronato un sogno. Sto parlando di Your Inspiration Store, il marketplace, come lo intendiamo noi, di libri e...

7 commenti

HTML Mobile App: perchè utilizzare l’MVC

12_05

In un precedente articolo avevo parlato delle view e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti...

5 commenti

Come ripristinare un’installazione WordPress dopo un attacco Hacker – Parte 2

06_05

Questa è la parte conclusiva di una serie di articoli legati alla sicurezza dei siti Wordpress. Se vi siete persi le prime due puntate vi consiglio di leggerle, i link li trovate qui: Come ripristinare un’installazione WordPress dopo un attacco...

5 commenti

Come centrare un elemento verticalmente

05_05

Talvolta ci si imbatte in problemi apparentemente “di poco conto”, ma che è indispensabile risolvere per cercare di mantenere un determinato equilibrio. Come nella vita, così (e soprattutto) nel Web Design. Ma ovviamente non starò qui a vestire i panni...

9 commenti

HTML Mobile App: il funzionamento delle view

29_04

Nell’ultimo post ho discusso l’importanza della view in ambito web, e i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end. In questo articolo voglio approfondire il discorso delle view e di come...

4 commenti

Guida HTML5: i form – parte 4

28_04

Ed eccoci, finalmente, all’ultima parte della guida dedicata ai form! Nello scorso capitolo abbiamo introdotto nuovi tipi di input per gestire email, url, date, numeri ed altro. Quest’oggi, invece, affronteremo alcuni interessanti elementi come le datalist e le progress bar,...

4 commenti

Creare gallerie thumbnail accattivanti con effetti hover CSS3

24_04

In questo tutorial vediamo come creare alcuni effetti hover sulle gallerie immagini in miniatura o cosiddette thumbnail. Lo scopo è sia quello di rendere accattivante la galleria che quello di aumentare l'interattività dell’utente che al passaggio del mouse riesce a...

9 commenti

Guida HTML5: i form – parte 3

23_04

Nei precedenti articoli di questa guida dedicati completamente ai form, abbiamo appreso, tra l’altro, come utilizzare i placeholder e le validazioni tramite le regular expression. Nel corso di questa terza parte, invece, esploreremo alcuni nuovi tipi di input introdotti dall’HTML5....

5 commenti

Piccoli trucchi per guadagnare alla grande con Adsense

18_04

Se stai leggendo questo articolo, hai sicuramente cercato nuove soluzioni e strategie per poter aumentare i guadagni di Adsense con i banner che hai inserito nel tuo sito o blog. Ma, prima di svelarti alcune best practices che risolveranno il...

13 commenti