Ultime lezioni

Categoria Css

Accordion o fisarmoniche con contenuti un elemento web piuttosto popolare nella progettazione di un sito. Puoi utilizzarle per molte cose diverse: per varie menu, le liste, le immagini, per anteprima di  articoli, per avvisi o annunci e ci puoi inserire anche  video

La maggior parte delle realizzazione di accordion  si basa su JavaScript, principalmente su jQuery, ma poiché l'uso di CSS3 ormai è molto diffuso, possiamo sfruttare tutta la forza di questo linguaggio web insieme con  HTML , che ci permetterà realizzare certe cose senza ricorrere al utilizzo di li  JavaScript.

Categoria jQuery

Le linguette (tabs) sono un elemento molto popolare nella creazione di siti web. Le dimensioni compatte, la possibilità di presentare una grande quantità di informazioni senza passaggi e scorrere la pagina, rendono pannelli co tab cosi popolari .

Categoria jQuery

Tab o linguette, è un elemento  piuttosto popolare tra gli sviluppatori di siti Web. L'elemento è presente nella composizione di quasi tutti i framework più popolari, ma di solito sono molto semplici di design e funzionalità.

Nel epoca del design responsivo tutta la struttura del nostro sito web deve seguire la tendenza  e visualizzare al meglio ogni componente del sito e in maniera adeguata, anche sui dispositivi piccoli e, naturalmente, le linguette ( pannello a tab ) non fanno eccezione.

Categoria jQuery

In jQuery quasi tutto ruota attorno ad un potente motore di selezione degli elementi, che fa uso della stessa sintassi dei CSS.

Posiamo dire che saper selezionare un elemento nel jQuery è una cosa essenziale nel usare questa libreria in pieno, quindi in questo articolo proseguiremo ad imparare varie metodi per selezionare elementi. Oggi vediamo come usare i metodi di attraversamento del DOM (in inglese traversing) per scegliere un elemento affinando la selezione di jQuery. Specificare diciamo al meglio l'elemento che vogliamo selezionare in una selezione che potrebbe eseere tropo estesa.

Categoria Css

In questo breve tutorial vediamo i modi più semplici per rendere immagini adattivi utilizzando i CSS. Ci sono  diverse soluzioni per rendere l'immagine adattativa, e sono tutti diversi per la loro complessità e il livello di supporto per i browser. Mettiamo da parte i metodi difficili, perche le specifiche moderne ci permettono di rendere le immagini utilizzate sul sito, adaptive e correttamente visualizzati sugli schermi di diversi dispositivi del utente con pocco codice e poche proprietà di CSS .

Categoria Css

Sicuramente che hai  spesso incontrato, pannelli a scomparsa di vario tipo e posizione, per esempio in alto, in basso, a sinistra o a destra che escono in automatico, con un intervallo di tempo predeterminato, o vengono attivato al clic. Di solito, in questi pannelli vengono nascosti inizialmente da occhi degli utenti ogni tipo di  informazione che sono importanti o meno.

Categoria Css

Menu laterale, a scomparsa che esche dopo il clic ultimamente è molto utilizzato dagli sviluppatori di siti web. Il piu difuso  in questo momento, è un menù di navigazione, nascosto  sotto il pulsante in stile "hamburger". Sicuramente ognuno di voi, almeno una volta ha visto un acosa del genere in qualche sito , a destra o a sinistra, hai visto bottone di questo tipo: ☰, quando si fa clic su di esso, esce un panello che comprende un menu di navigazione verticale

Categoria Css

Vediamo un esempio di come  visualizzazione un  video in una finestra  modale, solo con CSS3, significa senza Javascript e ulteriori immagini.

Ha preso come la base la finestra modale in puro CSS, non ha cambiato fondamentalmente nulla, tranne che ho modificato il pulsante di chiusura, l'effetto di apparizione  e lo sfondo.

Categoria Per sito

Hai mai visto una finestra pop-up che appare qualche secondo dopo che apri un sito? In questa finestra ti offrono di iscriversi al sito o ti offrono qualche prodotto. Se si, allora in questa lezione vediamo come realizzarla nel nostro sito. Vorrei subito notare che non a tutti piacciono questi finestre, quindi  ti consiglio di utilizzarla in caso che veramente ottieni dei benefici dalla sua  esistenza.

Categoria Css

Oggi vediamo come creare in puro CSS senza javascript o altro aiuto le finestre modali o finestre pop-up.

Il compito  in primo luogo è quello di raggiungere la corretta visualizzazione in varie browser,  più o meno stabile risultato finale , e naturalmente, con perdite minime, ridurre la quantità totale del codice  HTML e  CSS, al fine di facilitare la nostra vita come webmaster.