L'editor XML supporta HTML5 e CSS3

Gli strumenti web di Altova MissionKit sono stati oggetto di un importante aggiornamento con la nostra recente versione 2012 rilascio: Supporto per HTML5 e CSS3. Troverete un supporto aggiornato che include le versioni più recenti di questi standard web, sia in XMLSpy 2012 (e versioni successive) per la modifica del codice, sia in StyleVision 2012 per la progettazione grafica di fogli di stile e report.

Concentriamoci qui sugli editor HTML5 e CSS3 presenti in XMLSpy; le funzionalità di StyleVision saranno trattate in un articolo futuro.

Editor HTML5

XMLSpy supporta da tempo la modifica di HTML4 e, naturalmente, di XHTML, e ora queste funzionalità avanzate per la programmazione si estendono anche a HTML5.

Se siete già utenti di XMLSpy, riconoscerete immediatamente le utili funzionalità di colorazione della sintassi, ripiegamento del codice sorgente e numerazione delle righe nella modalità di visualizzazione avanzata del testo, quando aprite il vostro file HTML5 per la modifica. Mentre digitate, vi vengono presentate opzioni valide per gli elementi e gli attributi HTML5 in un menu a tendina, nonché in finestre di aiuto statiche, in modo da poter completare il codice secondo il vostro stile di lavoro preferito. Allo stesso tempo, la funzione di completamento automatico del codice vi aiuta a lavorare più velocemente, garantendo al contempo che gli elementi vengano chiusi correttamente.

Queste funzionalità avanzate di editing sono applicabili alla versione di HTML con cui si sta lavorando: quando si apre un documento HTML5 esistente o si crea un nuovo file, tutti gli elementi e gli attributi HTML5 sono immediatamente disponibili nelle finestre di aiuto e nei menu a tendina.

XMLSpy include una funzionalità integrata, la "Browser View", che consente di visualizzare immediatamente i risultati della codifica HTML5. La "Browser View" visualizza la pagina utilizzando la versione di Internet Explorer installata direttamente all'interno di XMLSpy

...ma consente anche di visualizzare immediatamente la vostra pagina web HTML5 in qualsiasi browser installato sul vostro computer.

Questo permette di effettuare test e correzioni rapide per garantire la compatibilità con diversi browser. Per avere un'idea di come funzionano alcune delle nuove funzionalità di HTML5, consultate il semplice documento di esempio HTML5 fornito nella cartella "Esempi" di XMLSpy 2012, a cui si accede dal progetto "Esempio". Per saperne di più su HTML, esistono numerose risorse eccellenti disponibili sul web, tra cui http://www.w3.org/TR/html5/.

Editor CSS3

Lavorando in sinergia con l'editor HTML5, troviamo l'editor CSS3 di XMLSpy, che offre anche evidenziazione della sintassi, suggerimenti per la compilazione, nonché funzionalità di segnalibri e ripiegamento del codice nella visualizzazione del testo.

Una finestra "Outline CSS" visualizza una struttura del documento, organizzata in base ai suoi selettori, raggruppati insieme. Ogni gruppo può essere compresso ed espanso, e cliccando su un selettore nell'outline CSS, questo viene evidenziato nel documento. Vengono inoltre visualizzate in finestre degli "aiuti" per le proprietà CSS e gli elementi HTML, così come menu a tendina contestuali. Inoltre, XMLSpy include suggerimenti visualizzati sullo schermo che forniscono una definizione di ogni proprietà e dei suoi possibili valori mentre si digita.

Potete utilizzare anche la funzione Browser integrata di XMLSpy per visualizzare i risultati delle vostre Modifiche al CSS immediatamente, in una pagina HTML collegata.

Perché utilizzare XMLSpy per l'HTML?

Certamente, XMLSpy è noto per le sue funzionalità relative a XML, ma è anche una scelta ideale per lo sviluppo di pagine HTML. L'editing di HTML5 e CSS3 in XMLSpy è facilitato dal supporto per tecnologie correlate, tra cui XML, XSLT, WSDL e altre, nonché da funzionalità integrate di gestione dei progetti, supporto per i sistemi di controllo delle versioni più diffusi e integrazione con Microsoft® SharePoint® Server, offrendovi tutti gli strumenti necessari per sviluppare la prossima generazione di siti web e applicazioni.

Saremmo lieti di sapere come state utilizzando HTML5 al momento. Scriveteci un messaggio lasciando un commento qui sotto.