Visualizza articoli per tag: css

Mercoledì, 02 Settembre 2020 12:44

Creare una finestra popup

Le applicazioni web stanno diventando sempre più sofisticate e somiglianti alle interfacce grafiche dei software offline e standalone in linguaggi come Java e C#. Uno degli elementi più interessanti è sicuramente il popup, finestrella che si apre di solito sopra una pagina che rimane in background. Lo HTML/CSS non prevede questo tipo di oggetto ma con JavaScript o framework simili è possibile aggirare l'ostacolo. Vediamo come realizzarla in JQuery.

Pubblicato in JQuery
Martedì, 28 Luglio 2020 23:21

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.

Pubblicato in HTML5 & CSS3
Venerdì, 03 Gennaio 2020 13:44

Pagine con CSS Responsive

In questo articolo vediamo alcune tecniche per rendere le nostre pagine web "responsive", ovvero capaci di adattarsi allo schermo/dispositivo su cui vengono visualizzate per consentire una fruizione più comoda, mantenendo inalterata l'esperienza utente, che si usi ad esempio un pc con schermo grande, un tablet con uno schermo medio o uno smartphone con schermo piccolo. Vediamo come.

Pubblicato in HTML5 & CSS3
Domenica, 01 Dicembre 2019 16:25

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.

Pubblicato in HTML5 & CSS3
Sabato, 03 Novembre 2018 15:47

Esempio 04 - Interazione con i css

Un simpatico esempio: un blocco colorato con i css e una pulsantiera che lo fa spostare o scomparire/riapparire.

Qui vediamo come JavaScript possa impostare dinamicamente delle proprietà CSS degli oggetti della nostra pagina HTML.

Pubblicato in JavaScript
Joomla SEF URLs by Artio