1. [CSS] Impostare e posizionare o centrare l'immagine di sfondo di un elemento HTML

    Avatar
    Tags
    CSS
    By Red eYe il 18 Jan. 2009
    +1   -1    1 Comments   25,672 Views
    .

    CSS



    Impostare e posizionare l'immagine di sfondo ad un elemento HTML



    Abbiamo già affrontato un tema simile nell'articolo Mettere lo sfondo ad un elemento. Questa volta invece impareremo a maneggiare lo sfondo per far si che questo, ad esempio, non sia ripetuto lungo tutto l'elemento. Capiremo anche come spostarlo, centrarlo e renderlo fisso anche scorrendo la pagina.

    Read the whole post...

    Last Post by BomAle il 27 June 2013
    .
  2. [Javascript] Convertire un colore in codice esadecimale dai suoi componenti RGB

    Avatar
    Tags
    Javascript
    By Red eYe il 13 Jan. 2009
    +1   -1    0 Comments   3,692 Views
    .

    Javascript

    image

    Javascript conversione del codice esadecimale nei componenti di rosso verde e blu



    Oggi vorrei parlarvi della conversione di un colore in codice esadecimale a partire dai suoi componenti di RGB(cioè in quantità di rosso, verde e blu che compongono un colore visualizzabile sullo schermo). Abbiamo già analizzato l'interpretazione dei colori nel codice esadecimale (vedi articolo Imparare ad interpretare i colori in html) ma questa volta seguiremo passo per passo la creazione di una funzione che prende come parametro i valori di rosso, verde e blu e restituisce un codice esadecimale.

    Read the whole post...

    Last Post by Red eYe il 13 Jan. 2009
    .
  3. [CSS] Mettere lo sfondo ad un elemento HTML

    Avatar
    Tags
    CSS
    By Red eYe il 1 Jan. 2009
    +1   +1   -1    1 Comments   6,996 Views
    .

    CSS



    Mettere uno sfondo ad un elemento



    Il CSS è un linguaggio di programmazione pensato per migliorare la visualizzazione delle pagine web separando il contenuto dalla formattazione. Per contenuto si intende tutto il testo e le immagini volte a comprenderlo; la formattazione indica come quella pagina si presenta, cioè il suo aspetto grafico. Per adesso analizzeremo uno degli aspetti della formattazione che colpisce di più l'occhio del visitatore: le immagini.

    Qui, impareremo ad impostare e posizionare le immagini sullo sfondo degli elementi elementi di HTML.

    Read the whole post...

    Last Post by dagoz0 il 7 Mar. 2009
    .
  4. [Javascript] Visualizzare un'immagine durante un errore di caricamento dell'immagine predefi

    Avatar
    Tags
    Javascript
    By Red eYe il 23 Dec. 2008
    +1   -1    16 Comments   3,046 Views
    .

    Javascript

    image

    Visualizzare un immagine alternativa nel caso di errore di caricamento di quella originale



    Le immagini nel mondo del web acquisiscono un ruolo sempre più importante.
    Alla nascita di internet, non vi erano siti che proponevano in maniera esponenziale delle immagini come strumento volto ad un miglioramento grafico. A quei tempi le classi del CSS erano troppo povere per poter essere utilizzate con efficacia.
    Ora invece, grazie soprattutto ad un miglioramento generale della velocità di connessione, non ci sono più dei problemi relativi all'utilizzo delle immagini, e lo sviluppo della grafica web sta diventando sempre più semplice.

    Qui ci occuperemo di quello che succede quando un collegamento conduce ad un un'immagine eliminata o spostata, insomma, non esistente al momento della richiesta da parte del browser.

    Read the whole post...

    Last Post by Red eYe il 11 Feb. 2011
    .
  5. [CSS] Le unità di misura

    Avatar
    Tags
    CSS
    By Red eYe il 22 Dec. 2008
    +1   -1    0 Comments   5,237 Views
    .

    CSS



    Le unità di misura di CSS



    Per poter impostare alcuni parametri come bordo, rientro, dimensioni e posizione, CSS propone una serie di unità di misura, tra questi possiamo nominare i pixel, pollici centimetri e millimetri, ma non sempre questi corrispondono alla realtà. Analizzeremo qui come utilizzarli e perché.

    Read the whole post...

    Last Post by Red eYe il 22 Dec. 2008
    .
  6. [HTML] Tags DIV e SPAN: le principali differenze

    Avatar
    Tags
    HTML
    By Red eYe il 20 Dec. 2008
    +1   +1   -1    6 Comments   42,524 Views
    .

    HTML

    I tags DIV e SPAN: le principali differenze



    I tag div e span sono entrambi dei contenitori generici, possono contenere immagini, testo e altri oggetti. A volte vengono utilizzati indifferentemente al contenuto, tuttavia ci sono delle differenze, seppur non rilevanti nei loro particolari usi.
    In questo articolo parlerò di queste differenze e degli usi che questi tag trovano nel web.

    Read the whole post...

    Last Post by flexlex il 15 Sep. 2011
    .
  7. [Javascript] Metodi setInterval e setTimeout

    Avatar
    Tags
    Javascript
    By Red eYe il 11 Dec. 2008
    +1   -1    13 Comments   22,570 Views
    .

    Javascript



    I metodi setTimeout e setInterval



    Capita spesso in Javascript di dover ripetere una determinata azione più volte. É vero esistono i cicli come for e while, ma come fare nel caso in cui un azione dovrà essere ripetuta dopo un determinato intervallo di tempo o eseguita a cicli continui seguiti da un intervallo di tempo (ad esempio le animazioni) ? In Javascript non esiste il comando che fa attendere l'esecuzione del codice prima di passare all'istruzione successiva. Si può comunque ricorrere all'utilizzo dei metodi setTimeout e setInterval che qui vi spiegherò.

    Read the whole post...

    Last Post by giannidef il 4 Jan. 2013
    .
  8. [Javascript] Far vibrare l'immagine al passaggio del mouse

    AvatarBy Red eYe il 8 Dec. 2008
    +1   -1    10 Comments   3,100 Views
    .

    Javascript

    image

    Script vibrazione dell'immagine al passaggio del mouse



    Inserisco qui il mio script che fa vibrare le immagini quando il mouse ci passa sopra. Ovviamente uno script come questo ha il solo scopo di migliorare l'aspetto grafico delle pagine web. Quando passate il mouse sopra un immagine questa comincerà a cambiare la sua posizione, spostandosi rapidamente di pochi pixel, come se vibrasse. Questo script è utilizzabile con ogni immagine ed il suo inserimento è assai semplice. Potete utilizzarlo ad esempio in quei siti che hanno un menu strutturato di immagini (cioè che hanno tante immagini affiancate) dando in questo modo un risalto all'immagine interessata.
    Il codice da inserire è qui sotto

    Read the whole post...

  9. [CSS] Posizionamento statico/assoluto/relativo

    Avatar
    Tags
    CSS
    By Red eYe il 8 Dec. 2008
    +1   -1    6 Comments   5,827 Views
    .

    CSS



    Posizionamento statico, relativo e assoluto



    I tag delle pagine web sono dei contenitori (di testo, di tabelle o di immagini). Questi, un volta convertiti dal codice scritto in oggetti visualizzabili sullo schermo, devono avere una propria dimensione e una propria posizione per poter essere visualizzati sullo schermo. Per esempio, se state leggendo questo testo, sapete che questo testo ha una propria posizione (le sue coordinate dai bordi dello schermo, dette anche x e y) e una propria dimensione (cioè quanto spazio occupa di larghezza e di altezza).
    Oggi ci occuperemo delle posizioni: come vengono impostate dal browser che legge il codice HTML? Possono anche i programmatori specificare delle coordinate in cui i contenitori verranno posizionati e disegnati sullo schermo ?

    Read the whole post...

    Last Post by Red eYe il 23 Sep. 2010
    .
  10. [HTML] Creare e gestire le tabella

    Avatar
    Tags
    HTML
    By Red eYe il 5 Dec. 2008
    +1   -1    2 Comments   11,407 Views
    .

    HTML

    image
    Creare e gestire le celle e le tabelle




    Dall'introduzione delle tabelle in HTML ad oggi c'è stato un rilevante mutamento nel loro utilizzo.

    Principalmente le tabelle venivano utilizzate per contenere i dati disposti ordinatamente su righe e colonne; nella maggior parte dei casi è ancora questo il loro utilizzo.
    In seguito alcuni siti, volendo dare un ordine preciso ai loro siti (magari in modo che tutte le dimensioni siano in proporzione alla parte visualizzabile dallo schermo) utilizzavano le tabelle per creare dei semplici menu di navigazione.

    Con lo sviluppo del CSS il ruolo delle tabelle cambiò radicalmente: al fine di migliorare la grafica dei propri siti, le tabelle venivano utilizzate come delle finestre;
    il bordo delle tabelle veniva impostato a 0, ad ogni parte della tabella veniva assegnata una dimensione e un'immagine di sfondo. In questo modo tutto il testo sembrava di essere contenuto all'interno di un riquadro; il lato grafico della pagina veniva migliorato notevolmente, tant'è vero che si cominciava a parlare di table-based sites; le tabelle rappresentano un vero e proprio scheletro di queste pagine.


    Qui analizzeremo la struttura di un tabella: come si crea e come si inseriscono i dati.

    Read the whole post...

    Last Post by Red eYe il 14 June 2011
    .