Sembra banale, ma ci sono certi aspetti dell’informatica, e quindi anche dell’HTML che di tanto in tanto vanno rivisti. Va precisato che il W3C sconsiglia vivamente l’utilizzo delle tabelle per disegnare il layout del sito. Le tabelle servono per l’introduzione dei dati, il layout si fa con i div. Le Leggi tutto…
CodeLobster PHP Edition è software all’avanguardia per lavorare con i linguaggi di programmazione web. E’ in giro da molto tempo e ha molti utenti. In questo articolo, ti dirò tutto ciò che devi sapere per familiarizzare con questo strumento. Con Codelobster puoi modificare facilmente file PHP, HTML, CSS e JavaScript. Leggi tutto…
Spesso capita (scrivendo di software e tecnologia) che l’articolo che oggi è attuale, domani sia già superato. Esiste almeno un plugin per WordPress per notificare il lettore che il post che sta leggendo è stato scritto tempo fa, che è una soluzione perfetta e pronta all’uso, ma ho voluto ugualmente Leggi tutto…
Nell’articolo di oggi vediamo come trasformare una semplice form, con un bottone non formattato in un’altrettanto semplice form con un bottone formattato. Tutti i colori, i gradienti e le ombreggiature saranno “costruite” usando le regole CSS relative alla versione 3. Queste poche regolette sono da prendere un po’ con le Leggi tutto…
Tempo di lettura stimato: < 1 minutoNell’articolo di oggi vediamo una semplice regola CSS, già presente in molti CSS Reset. Sto parlando della proprietà “outline”. Se la regola “outline” non viene impostata il browser visualizzerà un riquadro puntinato attorno a ogni link cliccato. L’impostazione di default è questa perché si è pensato anche a chi usa il tasto TAB per navigare, e senza bordatura perderebbe il focus senza più capire su che link è capitato. Sto pensando anche a chi non può usare il mouse per difetto visivo. Rimuovendo la bordatura renderesti il sito inaccessibile a questi ultimi. (altro…)
Tempo di lettura stimato: 2 minutiOggi vediamo una importante proprietà dei CSS, ereditata anche dall’ultima versione, i CSS3. Sto parlando (come si sarà intuito dal titolo) della proprietà “z-index“.
Le proprietà “height” e “width” impostarenno altezza e larghezza, mentre “z-index” ci serve per spostare gli elementi nella terza dimensione di profondità (o asse “Z”). La terza dimensione è perpendicolare allo schermo e sarà di più facile comprensione per chi conosce programmi che prevedano l’utilizzo dei livelli.
Immaginiamo lo schermo come un tavolo sul quale appoggiare alcune carte da gioco, in questo modo: (altro…)
A volte su internet incappo in alcune soluzioni geniali, che risolvono in pochi click un lavoro che altrimenti durerebbe alcuni minuti (si, ok, stiamo parlando di minuti, ma è sempre un risparmio di tempo). Le risorse che vi segnalo oggi (tratte dal blog inglese SixRevisions) sono semplici font, i cui Leggi tutto…
Dalla nascita dei CSS3 i web designer sono letteralmente impazziti per le innumerevoli nuove possibilità a disposizione. Alcune delle più eclatanti sono la possibilità di creare un’ombreggiatura (anche sfocata) sotto al testo o a qualsiasi elemento, la possibilità di ruotare gli elementi di quanti gradi si voglia, effetti fade-in e Leggi tutto…
Oggi segnalo un importante serie di tutorial (della durata di un mese) che promette di insegnare il web design anche a chi di design è digiuno in soli trenta giorni. Il corso parte proprio da zero, ed è indirizzato anche a chi non ne sa nulla di web design. E Leggi tutto…
Nel tutorial di oggi torniamo a parlare di grafica HTML ed integrazione CSS. In un mio articolo di qualche mese fa parlavo della tecnica (largamente usata anche da Google) dei CSS sprites. In pratica consiste nell’inserire la maggior parte di immagini ripetute più volte all’interno della pagina in un’unica grande Leggi tutto…