Articoli Taggati ‘CSS’

Guida HTML5: il Canvas – Parte 4

Benvenuto alla quarta e ultima parte di questa guida dedicata al Canvas. Oggi tratteremo alcune tecniche avanzate che ci permetteranno di gestire le ombre, i pattern, i gradient e di modificare immagini. || Leggi altro »

Guida HTML5: il Canvas – Parte 3

Benvenuto alla terza parte di questa guida dedicata al Canvas. Ora che conosciamo tutti i meccanismi di base che regolano questo strumento, possiamo cominciare a creare qualcosa di più complesso e decisamente più interessante come un rudimentale programma di disegno....

2 commenti

HTML5 si può usare per i siti accessibili?

Premessa: questo articolo è rivolto unicamente a chi avrà a che fare con la Pubblica Amministrazione nei prossimi mesi, speriamo non anni, in cui ancora HTML5 non è considerato lo standard da seguire. Poiché molti hanno frainteso le mie parole,...

10 commenti

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ù...

6 commenti

HTML Mobile App: quali competenze occorrono per crearne una

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

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...

1 commento

Come centrare un elemento verticalmente

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

Pillole di CSS: Height 100%: perché non funziona mai come ci aspettiamo? Cause e soluzioni!

Oggi parliamo di pillole di CSS: come risolvere problematiche legate al CSS apparentemente semplici per i più esperti ma che possono rivelarsi problematiche e cavillose per gli aspiranti web designer. Questo è probabilmente uno dei problemi più comuni quando si...

8 commenti

Creare sfondi accattivanti tramite CSS: i gradients

I gradients sono elementi molto importanti che donano ai nostri siti uno stile sorprendente, interessante, ma soprattutto, accattivante. La novità nei gradients non sta nella possibilità di poter sfumare colori semplicemente dall'alto in basso o da destra a sinistra, queste tecniche...

13 commenti

Guida HTML5: nuovi elementi semantici

In questo articolo scopriremo alcuni elementi di markup che sono stati rivisitati con l’introduzione di HTML5. In particolare vedremo come dare una formattazione alle date con il tag <time>, come evidenziare del testo attraverso <mark> e com’è cambiato l’output dei...

11 commenti

HTML Mobile App: 5 Consigli per aumentare le performance

Negli articoli precedenti (HTML5 Mobile App: transizioni ed animazioni CSS3 parte 1 e parte 2) abbiamo visto come poter realizzare applicazioni HTML5 e Javascript con interfacce che sfruttano animazioni CSS3, e come poter controllare quest’ultime grazie agli eventi che abbiamo...

10 commenti

HTML5 Mobile app: transizioni e animazioni CSS3 (parte 2)

Nella prima parte di questa mini guida abbiamo parlato dei concetti di animazioni imperative/animazioni dichiarative, di come avviare o mettere in pausa un effetto transition e di come queste tecniche possano essere impiegate per la realizzazione di interfacce web e HTML5...

6 commenti

Guida HTML5: la struttura

Indubbiamente, il maggior cambiamento introdotto dall’HTML5 rispetto alla precedente versione è il modo di strutturare la pagina. Molti elementi di markup sono stati aggiunti e altrettanti modificati: l’inflazionato <div> ha lasciato il posto a tag molto più specifici come <header>,...

17 commenti

Creare un custom slider con il carousel di Bootstrap

Nel corso di questa guida vedremo come creare uno slider accattivante (qui trovate l'esempio finale) in poco tempo e senza bisogno di acquistare licenze o importare nuovi script e fogli di stile, unico requisito: utilizzare Bootstrap. La guida è basata...

8 commenti

Sticky Footer: come posizionare il footer in fondo alla pagina?

È da un po’ di tempo che non mi si legge qui sui lidi di Your Inspiration Web, ma eccomi ritornare con un nuovo articolo decisamente utile a tutti i web designer! Vi è mai capitato di aver sviluppato un...

27 commenti

LESS & CSS: Come velocizzare i tempi di sviluppo?

Il pregio dei fogli di stile di essere semplici può diventare un difetto nel momento in cui vogliamo farne un utilizzo più professionale ed evoluto. Scopriamo insieme Less, uno strumento che ci permette di ovviare a questo problema. (altro…)

20 commenti

Pillole CSS: progettare un sito con font accessibili

Una scelta comune a molti web designer alle prime armi riguarda l'uso dell'unità di misura pixel nei fogli di stile. Il pixel è un'unità di misura relativa al dispositivo (schermo, palmari, ipad, ecc) che può presentare tuttavia - aldilà della...

31 commenti

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Uno degli aspetti meno conosciuti dei CSS è quello relativo alla gestione degli spazi bianchi all'interno di un testo. Spesso infatti si ha la necessità di avere un controllo sulla formattazione del testo maggiore rispetto a quella predefinita effettuata dal...

10 commenti

CSS: come utilizzare la proprietà z-index?

Un paio di settimane addietro abbiamo analizzato l’utilizzo delle proprietà CSS relative al posizionamento degli elementi all’interno di un documento. Nel dettaglio abbiamo visto come si utilizza il posizionamento assoluto e come opera il posizionamento fisso. In quest’ultimo articolo abbiamo...

13 commenti