Come Eliminare o Nascondere un elemento Nel Responsive Design

3 Agosto 2015 di Daniele Frulla


Css Cascading Style SheetOrmai da tempo mi sono imbattutto nella progettazione di template responsive. Questo tipo di programmazione sfrutta il linguaggio CSS per far decidere di visualizzare gli elementi di una pagina in base alla tipologia di schermo su cui si richiama l’html.

Più in dettaglio si possono nascondere gli elementi di una pagina quando lo schermo diventa piccolo o visualizzarli quando lo schermo si ingrandisce.

Leggi…

W3C – Seguire lo standard

2 Agosto 2015 di Daniele Frulla


w3c

w3cCon la parola W3C si indica il Consorsio del World Wide Web.  Infatti, se guardate bene le W sono presenti ben 3 volte.

Il W3C è un’insieme di aziende che si occupa di stabilre uno standard per il Web. Leggi…

Testing Piattaforme Web PHP e MySql

22 Settembre 2009 di Daniele Frulla


In ambito di programmazione si ha spesso la necessità di installare ambienti di testing per verificare la funzionalità del software che si sta realizzando.

Per quanto riguarda la programmazione PHP con supporto di database MySql si può optare per diverse soluzioni.

 

Avevo già parlato di piattaforme web su chiavetta USB, ma questa volta parlerò di una soluzione semplificata per piattaforme Linux.

 

In meno di 10 minuti è possibile avere a disposizione un server PHP, MySql, Apache su piattaforma Linux.

Prima si sarebbero installati con il comando apt-get install tutti gli applicativi che erano necessari.

Ora si può operare come segue:

  1. Scaricare l’applicativo XAMPP per linux dal sito web.
  2. Lanciare il comando  sudo tar xvfz xampp-linux-1.7.2.tar.gz -C /opt
  3. Lanciare il server con il comando sudo /opt/lampp/lampp start.

Siete ora pronti per testare i vostri applicativi copiandoli nella cartella /opt/lampp/htdocs e visualizzare i risultati con un browser web alla pagina http://localhost.

Più semplice di cosi…!!

Inserire La Mappa di Google in Joomla

2 Settembre 2009 di Daniele Frulla


Google Map su Joomla

Joomla è un motore CMS grandemente utilizzato dai creatori di siti web. Anche l’articolo che state leggendo è stato scritto attraverso questa piattaforma.

Spesso ci perde in piccolezze, problemi che non riusciamo a risolvere, ma che hanno una soluzione per ora ignota.

Google Map su Joomla

 

 

Solitamente si cercano tools ed estensioni per joomla, ma la cosa più semplice che si possa fare è creare un menù wrapper.

Iniziamo da Google Maps, creiamo la nostra mappa. In alto a destra troveremo link. Per l’Italia ho selezionato:

http://maps.google.it/maps?hl=it&ie=UTF8&ll=42.779275,12.304688&spn=12.668989,45&t=k&z=5

A questo codice, visto che non vogliamo visualizzare la ricerca google in alto, dobbiamo aggiungere &output=embed.

Otterremo in questo modo il nostro codice sorgente da inserire in un tag <iframe>:

http://maps.google.it/maps?hl=it&ie=UTF8&ll=42.779275,12.304688&spn=12.668989,45&t=k&z=5&output=embed

L‘inserimento in un iframe con Joomla lo si fa direttamente inserendo il link nella creazione di un menù wrapper:

  1. Cliccando su Menu Principale;
  2. Nuovo;
  3. Articolo Wrapper.
  4. In alto a destra trovere lo spazio per aggiungere il link della vostra mappa di google.

Gli utenti che selezioneranno il vostro menù vedranno la mappa di google che avete scelto inizialmente.

 

Fonte: www.newstechnology.eu

 

 

Il Tag DIV Nella Programmazione HTML

17 Maggio 2007 di Daniele Frulla


Il tag <div> nella programmazione html sta ormai diventando di uso comune, sia per la facilità di utilizzo che per la snellezza del codice. Qui vi sono delle istruzioni su come utilizzare questo tag.

Nella creazione di un template, spesso vi sarete chiesti che tag utilizzare per mantentere la compatibità dei vari browser, <table>, <div> o <frame>.

Il tag <table> è molto facile da usare, tuttavia rimane difficile il settaggio dello stile e resta anche difficile la visualizzazione del codice.

Il tag <frame> è semplice, ma non va molto d'accordo con i crawler di internet.

Il tag <div> è semplice e snello. Un esempio di codice è il seguente:

<div id="pippo">Questa stringa sta dentro la sezione pippo</div>

Al tag <div> va sempre associato uno stile CSS.

La costruzione del CSS associato al tag <div id="pippo"> sarà ad esempio la seguente:

#pippo{
float:left;
margin:0 auto;
width:45%;
background-image:url(../images/pippo.png);
background-repeat:repeat-y;
}

Fonte: www.newstechnology.eu


Copyright di Caterina Mezzapelle Part. I.V.A. 02413940814 - R.E.A. 191812