Utilizzare JQuery UI Autocomplete con PHP e Mysql

25 giugno 2010 - Fonte: http://www.howtoweb.it

In questo articolo vedremo come integrare facilmente il widget autocomplete di Jquery UI all’interno di pagine dinamiche.

L’utilizzo è molto semplice, come prima cosa è necessario scaricare il pacchetto completo di Jquery UI compreso di tema personalizzato o standard e collegare i rispettivi files alla pagina dinamica.

<link rel="stylesheet" href="css/theme/ui.theme.css" type="text/css"/>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>

Ora possiamo aggiungere...

Leggi il seguito »

Realizzare select multilingue con Jquery

14 giugno 2010 - Fonte: http://www.howtoweb.it

In questo articolo vedremo come realizzare un selettore multilingue con html, css e jquery, per vedere l’ esempio completo visitate la demo.

Per questo tutorial ho utilizzato world-flags-sprite, una soluzione css che offre una vasta gamma di bandiere di numerosi stati attraverso la tecnica degli sprites css, consiglio vivamente questa soluzione che permette di aggiungere facilmente le immagini per nuove lingue.
Iniziamo...

Leggi il seguito »

Lezioni di HTML 5 Lezione 4 – L’elemento video

19 maggio 2010 - Fonte: http://www.howtoweb.it

Una delle funzionalità più interessanti dell’HTML 5 è senza dubbio rappresentata dalla possibilità di inserire filmati video all’interno della pagina web.

Questo elemento cambia notevolmente il modo in cui gli utenti possono usufruire dei video su internet permettendo la visione del contenuto senza un player flash.

L’attuale supporto per questo elemento è riservato alle ultime versioni di firefox, safari e chrome ma la stessa microsoft ha annunciato il supporto per Internet explorer 9 mentre per Opera dalla versione 10 (10.5).

Per iniziare

Prima di iniziare con il...

Leggi il seguito »

L’inutilità di sviluppare per Internet Explorer 6

29 aprile 2010 - Fonte: http://www.howtoweb.it

Nelle ultime settimane mi si sono presentate diverse occasioni per discutere sul supporto da offrire agli utenti di Internet Explorer 6 e ho notato che la questione risulta ben lontana dall’essere risolta.

Allo stato attuale i maggiori servizi di statistiche web delineano gli utenti di Internet Explorer 6 tra il 9% e il 18% dell’utenza mondiale.

Una statistica indubbiamente preoccupante considerato che superara gli utenti di safari, chrome ed opera messi insieme.

Detto questo prima di farsi prendere dal panico suggerirei di abbandonare le ricerce per ottenere un numero preciso di utenti IE6 sul...

Leggi il seguito »

Lezioni di HTML 5 Lezione 3 – Semantica

27 aprile 2010 - Fonte: http://www.howtoweb.it

Nel precedente articolo abbiamo visto come utilizzare gli elementi semantici dell’HTML 5 nella nostra pagina web.

Oggi approfondiremo gli aspetti relativi alla semantica di questi tag.

Un principale vantaggio derivante dall’utilizzo di questi elementi è la standarizzazione degli elementi, ovvero a differenza dell’HTML 4.01 abbiamo una serie di elementi specifici da utilizzare per diverso scopo.

Questo di fatto evita la definizione di div con classi ed...

Leggi il seguito »

Lezione di HTML 5 Lezione 2 – Usare i nuovi tag

21 aprile 2010 - Fonte: http://www.howtoweb.it

Nella lezione precedente abbiamo visto come impostare il nostro file in HTML 5 definendo un doctype shorted, un corretto charset e gestendo css e javascript senza enunciazione del mime.

Oggi vedremo invece alcuni tag che utilizzeremo per definire il layout della nostra pagina web.

Prima di procedere, dobbiamo però risolvere un dubbio cruciale.

I nuovi elementi dell’HTML 5 sono supportati dai browser attuali?

La maggior parte dei browser non incontriamo problemi nell’utilizzo di questi tag, normalmente il browser individua l’elemento lo aggiunge al DOM della pagina e gli...

Leggi il seguito »

Importare dati da Excel a Mysql (compreso Wordpress)

16 aprile 2010 - Fonte: http://www.howtoweb.it

Normalmente un Cms è la soluzione più richiesta ed utilizzata nei progetti web, questo perchè permette una gestione facilitata dei contenuti anche per i non addetti ai lavori.

Questo tipo di soluzione ha però un rovescio della medaglia, per consentire l’aggiunta, la modifica e l’eliminazione dei contenuti questi sono gestiti singolarmente causando così evidenti rallentamenti nel caso sia necessario aggiungere una quantità considerevole e diversa di contenuti.

Per quanto sembri un problema da poco, rappresenta uno scoglio per ogni messa online, creato il sito e preparata...

Leggi il seguito »

Lezioni di HTML 5 Lezione 1 – Impostare il file HTML

14 aprile 2010 - Fonte: http://www.howtoweb.it

L’HTML 5 è ormai una realtà affermata, le attuali specifiche attendono solo gli ultimi commenti prima di essere dichiarate ufficiali e i browser già permettono un valido  supporto che permette di iniziare ad utilizzare parte delle features offerte da questo linguaggio per i propri progetti.

Vediamo quindi come iniziare ad impostare una pagina in HTML 5 per un eventuale sito web.

Sintassi

Per creare il nostro primo file HTML è sufficiente definire un nuovo file testuale con estensione .html o .htm, al suo interno possiamo iniziare a definire la struttura della nostra pagina.

<html>
<head></head>
<body></body>
</html>

L’HTML...

Leggi il seguito »

Mercurial il nuovo Sistema di Controllo Versione User friendly

9 aprile 2010 - Fonte: http://www.howtoweb.it

Coloro che lavorano in team, si trovano spesso a dover sviluppare “a più mani” un progetto e saranno ormai abituati ad utilizzare un software di controllo versione per mantenere più versioni degli stessi file del progetto.

L’utilizzo di questi software permette di creare più “rami” contenenti i diversi files sviluppati da diverse persone, dando così la possibilità di sviluppare singolarmente una porzione del progetto ed unirla in seguito alle modifiche effettuate da altri.

Oltre a questo risulta vantaggioso mantenere le copie versionate dei files nel caso sia necessario...

Leggi il seguito »

Migliorare i tempi di Rendering ottimizzando i selettori css

6 aprile 2010 - Fonte: http://www.howtoweb.it

css_rendering_performance

Ottimizzare un sito web per migliorane i tempi di caricamento è una pratica ormai comune, ma questo rappresenta solo una parte del lavoro necessario per ridurre i tempi di attesa per l’utente.

Bisogna infatti ricordare, che le risorse che compongo una pagina web, oltre ad essere richieste al server e poi ricevute sulla macchina dell’utente devono in seguito essere renderizzate nel browser.

Di questo compito si occupa il motore di rendering del browser che andrà ad applicare i fogli di stile alla pagina caricata. Questa operazione di...

Leggi il seguito »