Archivio per Marzo 2014 | Pagina di archivio mensile
Come creare un Menu animato in CSS3 senza Javascript
Esistono molti web designer che conoscono in modo impeccabile HTML e CSS, ma hanno carenze per quanto riguarda Javascript. Per questo cercano delle soluzioni alternative alle animazioni che potrebbero ottenere con l’ausilio di javascript.
Queste alternative hanno un nome: effetti in CSS3.
La volta scorsa abbiamo scoperto come creare un background animato facendo riferimento ad alcune di queste tecniche in CSS3, stavolta invece andremo ad analizzare tutte le fasi necessarie al processo di costruzione di un semplice Menu a 4 voci, ognuna con un’animazione diversa.
Partiamo col creare lo scheletro del menu in questione.
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...
Nuovo look per e-commerce: consigli e spunti per un restyling efficace
Oggi vorrei proporre ai navigatori una riflessione sugli e-commerce. Gli utenti su Internet stanno diventando sempre più esigenti: per acquisire nuovi clienti che, ricordiamolo, non sanno chi siamo, è fondamentale la facilità con cui si reperiscono informazioni su prodotti che...
Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 1: Il menù)
Sempre più spesso, navigando per il web, rimaniamo a bocca aperta osservando quel classico template Wordpress con uno slider a tutto schermo e le solite frasi d'effetto che si usano per favorire la cosiddetta conversione. Per non parlare di quei...
I tooltips nel web design: a cosa servono e come si utilizzano
Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un’immagine o su un testo. Letteralmente, i tooltip o hint o infotip , sono degli elementi grafici che si...
Impaginiamo i contenuti in maniera intelligente con Bootstrap 3
Per chi non lo conoscesse, Twitter Bootstrap è uno dei più popolari e potenti framework front-end in circolazione; mette a disposizione classi CSS predefinite che permettono di semplificare enormemente lo sviluppo delle nostre pagine web. Probabilmente, avrete già letto altri...
Come realizzare la view di una HTML Mobile App con tab-bar animata
Finora abbiamo parlato di performance e fluidità di applicazioni mobile, in particolare di quali tecniche e consigli adottare per potere migliorare le prestazioni e limitare in modo considerevole le differenze tra un progetto realizzato in HTML5, CSS3 e Javascript e...
Web designer freelance: come fare una fattura?
Niente maghi e fattucchiere in questo articolo. Parliamo di fatture. Di quelle commerciali però. Non di fatture, malocchi o talismani. Cosa è una fattura? Come deve essere compilata? Chi deve emettere la fattura? E come deve essere consegnata? La fattura...
Come realizzare uno sfondo animato originale e adatto al contesto
In passato, per rendere un sito dinamico e quindi pieno di animazioni, effetti e quant’altro, ricorrevamo quasi sempre all’aiuto di Flash e quindi dell’action script, che era forse l’unico linguaggio che ci permetteva di ottenere determinati effetti. Fortunatamente, tutto questo...
Guida HTML5: i form – parte 1
Nel corso di questo capitolo approfondiremo un aspetto fondamentale del web moderno: i form. L’HMTL5 non solo ha migliorato sensibilmente l’utilizzo degli elementi già presenti nei form, ma ne ha aggiunti numerosi altri. Ti sorprenderai di come adesso sia possibile...
Perché non sottovalutare la sicurezza del tuo sito WordPress
Utilizzo Wordpress da almeno 5 anni e ho realizzato e gestito svariati siti internet. Una cosa che ho imparato è che questa piattaforma gratuita è estremamente potente e flessibile ma, allo stesso tempo, come tutti i software open source, tristemente...
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...
Sfogliare le pagine di un sito: effetti di transizione AJAX e HTML5 history api
Quante volte ci sarà capitato di voler realizzare un sito web (o anche solo una parte di esso) che godesse di effetti visuali nel passaggio da una pagina all’altra piuttosto che del semplice caricamento della pagina da raggiungere? Sicuramente molto...
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...
