Come molti sapranno i CSS3 non sono ancora stati completamente implementati dai browser, non ce ne serviremo nella prima parte di questa breve guida. Già implementata dalla specifica CSS2 era la proprietà “outline“. Vediamone un esempio:
p.test {
border: 1px solid #000000;
outline: 3px solid #6374AB;
width: 20em;
}
Navigando per caso nel sito di Webmin, mi sono imbattuto nel footer che rimanda ad un piccolo portale che offre template web standard.
Il sito in questione è “Styleshout.com“, e i template che offre sono divisi in due grosse categorie: “Website templates“, i template liberamente usabili, e “Premium templates“, i template a pagamento. I template gratuiti sono rilasciati sotto licenza CreativeCommons, che oltre a richiedere di preservarne l’autore ed a mostrarne il relativo nome, obbliga ad inserire un link (linkback) al sito dell’autore stesso.
Non ho idea del principio base che porta all’inserimento nell’una o nell’altra categoria, quello che posso notare è che i template standard sono ugualmente usabili, e validati per l’XHTML che per il CSS.
L’articolo di oggi illustra le funzioni del plugin “xMontyGIMP“, un plugin in Python per Gimp che “divide” i livelli dell’immagine creata per esportare in XHTML e regole CSS. xMonthyGIMP è un plugin molto semplice, per ogni livello viene creato un “div” differente. [Read more…]
Vediamo oggi come mostrare sul nostro sito le condizioni meteorologiche, ed eventualmente le previsioni del tempo utilizzando le API di Google e PHP. Questa tecnica può essere inutile la maggior parte delle volte se si gestisce ad esempio un sito personale, ma è sicuramente utile ad esempio per i siti istituzionali, o delle località turistiche, o ancora per gli alberghi, i campeggi e le strutture turistiche in genere. [Read more…]
Come qualcuno (i più attenti) certamente noterà, da oggi ho impostato il blog in modo che lo sfondo cambi ad ogni refresh della pagina. Per fare ciò non ho chiesto aiuto a javascript, bensì a PHP e ad i miei CSS. [Read more…]
Con il post di oggi ci occupiamo dei pattern grafici da usare come sfondo ripetuto. Questa tecnica viene spesso usata nei siti per dare l’idea di un’immagine “infinita” dello sfondo.
Per il download dei pattern suggerisco il sito squidfingers che nella sezione “pattern” mette a disposizione una scelta grafica vasta e (a mio avviso) ottima. [Read more…]
Oggi parliamo di web design e di design tipografico. Da poco mi sono documentato circa l’inclusione delle font utente (dette “custom“) all’interno della pagina web. Fin’ora per la pagina web, il webdesigner ha sempre dovuto usare le font di sistema (arial, verdana, courier new, times, ecc.), o creare delle immagini apposite per i titoli, o nei casi più eclatanti (con grande dispendio di energie) sostituendo ogni lettera con l’immagine corrispondente alla font custom tramite javascript. [Read more…]
Spesso capita di avere a che fare con computer particolarmente datati, o particolarmente nuovi dei quali non conosciamo a fondo l’hardware. Il comando di oggi ci aiuta nella “scoperta” di detto hardware. Vediamo come.
lshw -html > Hardware.html
“Lhsw” va avviato da root, viene spesso incluso di default nelle distribuzioni principali. A comando inoltrato viene creato un file “html” che possiamo aprire con un browser per leggere l’elenco dettagliato del nostro hardware.
Può anche essere utilizzato con una versione live.
Il PHP è un linguaggio di programmazione orientato al web molto versatile e relativamente semplice da utilizzare. In questo articolo ci occuperemo di come “switchare” da una lingua all’altra tramite il PHP.
Prima di tutto è necessario avere un’idea di quante lingue saranno a tradurre il sito, e includerle tutte nelle pagine interessate. Per esempio potremmo avere una directory chiamata “lingue” contenente i file “en.lng“, “it.lng“, “de.lng“, “es.lng“, ecc. Tutti questi file dovranno avere le corrette traduzioni corrispondenti alle stesse variabili. Vediamo come. [Read more…]
Qualche articolo fa si è parlato di come creare un menu laterale tramite liste (<ol> e <ul>) e CSS, dell’importanza che un menu fatto tramite lista ricopra nell’indicizzazione del sito (anziché usare per esempio le tabelle).
Con lo stesso metodo è possibile creare un menu orizzontale (top menu, footer o sitemap per i visitatori). Vediamo come. [Read more…]
