Qui di seguito vogliamo raccogliere qualche esempio di form per pagine HTML. L’intento è quello di permettere un raffronto tra la resa grafica e il codice HTML che il lettore potrà provare a replicare. Gli esempi di questo post sono volutamente semplici, lasciati senza CSS o particolari attributi in modo da focalizzare l’attenzione sui tag fondamentali. Potete inserirli in un qualsiasi body di una vostra pagina web per un test completo.
HTML & CSS
Esercizi e guide su HTML 5 e fogli di stile CSS 3
Form HTML/CSS (intermedio) – Esempio 01
Una lista di esercizi con form HTML5 e CSS3. Gli esercizi contengono CSS esterni e l’uso dei tag DIV per una formattazione più complessa ma una resa grafica più piacevole ed in linea con la realtà che troviamo sul web. Qui una forma di login con input senza bordi e un bordo blu quando si fa focus/clicca dentro la casella stessa.
Le variabili in CSS
Lo sviluppo web sta diventando sempre più complesso ed articolato, così come i fogli di stile, i CSS che nascevano con poche specifiche per poche esigenze mentre oggi ricoprono un ruolo fondamentale per la realizzazione di software front-end dalle complesse interfacce UI/UX sia per browser che app, persino nelle più comparsate GUI desktop come JavaFX … Leggi tutto
Uso del Flexbox
Uno dei problemi più ostici per uno sviluppatore web alle prime armi è realizzare un front-end, una interfaccia, con oggetti, foto, contenitori allineati. Esistono diverse tecniche per ottenere il risultato voluto, ma nessuna è semplice ed efficace come il flexbox. Vediamo come usarlo.
Le tabelle con DIV e CSS3
Negli ultimi anni si è sempre più imposto nel mondo web, la realizzazione di pagine web senza tabelle o i pessimi frame per determinare la disposizione degli oggetti. Abbiamo già parlato anche dei tag semantici che vanno decisamente verso questa direzione.