Guida HTML5: i form – parte 3

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.

Uno dei limiti nello gestire i form con l’HTML, era proprio legato alla vaghezza con cui veniva utilizzato il tag <input>: checkboxes, caselle di testo, pulsanti e tantissimi altri controlli, venivano identificati con lo stesso tag. Con l’avvento dell’HTML5, invece, campi dedicati a email, url, numeri di telefono, colori, permettono ai browser di dare importanti contributi all’utente. Un browser che supporta i nuovi campi input dell’HTML5, potrebbe:

|| Leggi altro »

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

Nessun commento

Come spostare WordPress senza fare danni

17_04

Wordpress è ormai entrato nella vita quotidiana di noi Web Developer: possiamo utilizzarlo per lavori di diversa portata perché si tratta di un CMS ormai stabile e testato, che ha saputo rivoluzionare il nostro modo di lavorare.Come sapete, una cosa che...

9 commenti

Accordion: creiamolo usando CSS3

16_04-2

Partiamo subito da una premessa: esistono plugin creati apposta per realizzare accordion. Javascript la fa da padrona in questo senso e, nel caso più specifico, Jquery UI. Quando si usa Javascript possono insorgere sempre gli stessi problemi, da quelli più...

4 commenti

jPreloader.js: animiamo anche i caricamenti

15_04

Quasi sicuramente, un buon 80% di voi conoscerà bene il sito web del cosiddetto "web designer dei vip", e il restante 20% avrà usato almeno una volta il sito "Mega", famoso per permettere agli utenti di effettuare i propri uploads....

1 commento

HTML Mobile App e Web App: il web ha bisogno delle VIEW

14_04

Come avrai notato sono un ossessionato delle prestazioni di rendering e della fluidità lato-client, soprattutto per il fatto che il numero di coloro che navigano da dispositivi mobile, molto meno potenti per caratteristiche hardware rispetto a quelli desktop, è cresciuto...

1 commento

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

08_04

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

3 commenti

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

07_04

Nel mio precedente articolo ho parlato della sicurezza su Wordpress, raccontandovi le mie avventure con gli hacker e dando qualche consiglio su come evitare intrusioni non autorizzate. Come detto, nonostante prendiate tutte le precauzioni consigliate, la possibilità che il vostro...

2 commenti

Guida HTML5: I form – parte 2

03_04

Nella prima parte di questo capitolo dedicato ai form, siamo partiti dal creare una base in HTML4 e l’abbiamo utilizzata come punto di partenza per introdurre gradualmente le novità dall’HTML5.  In questa seconda parte continueremo sulla stessa scia, approfondendo i...

7 commenti

HTML5 Mobile App: tecniche per il salvataggio dei dati

02_04

L’idea di scrivere questo post nasce dalle numerose richieste che ho ricevuto su come comportarsi per il salvataggio dei dati di una HTML5 mobile app, le quali presentavano diversi dubbi e perplessità. Tutte le applicazioni mobile hanno in qualche modo...

1 commento

Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 2: Lo slider)

01_04

Eccoci arrivati alla seconda e ultima parte della guida su due elementi molto importanti che compongono una pagina web, ovvero un menù e uno slider responsive. Oggi andremo a vedere come integrare uno slider (per la precisione, Flexslider) nel progetto...

Nessun commento

Come creare un Menu animato in CSS3 senza Javascript

31_03

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

11 commenti

Creare sfondi accattivanti tramite CSS: i gradients

28_03

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

Nuovo look per e-commerce: consigli e spunti per un restyling efficace

27_03

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

24 commenti

Slider e menù responsive: ecco due elementi da avere nel vostro sito (Parte 1: Il menù)

25_03

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

10 commenti

I tooltips nel web design: a cosa servono e come si utilizzano

24_03

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

7 commenti

Impaginiamo i contenuti in maniera intelligente con Bootstrap 3

20_03

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

20 commenti

Come realizzare la view di una HTML Mobile App con tab-bar animata

19_03

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

1 commento

Web designer freelance: come fare una fattura?

18_03

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

9 commenti