Il principale problema di diversi tool più o meno avanzati che servono a creare interfacce Web è la mancanza di strumenti WYSIWYG con cui inseriamo delle specifiche ed abbiamo un riscontro immediato di come appare il layout. Creare ad esempio dei fogli di stile e vedere i risultati del nostro progetto in real time significa molte volte essere obbligati all’installazione di un LAMP (piattaforma per lo sviluppo di applicazioni web) come WAMP dotandoci quindi di un server apache funzionante sul nostro PC. Tale Server servirà per vedere in Real Time i risultati del nostro lavoro ma necessita di più o meno configurazione in relazione alla complessità del nostro lavoro. Chi non ha bisogno dell’installazione di un server apache e voglia semplicemente testare come appaiano i caratteri all’interno di un foglio di stile può provare Typetester, è un servizio Web Based che aiuta i Web Designer nella scelta dei caratteri per i fogli di stile. Typetester è a tutti gli effetti un editor di fonts wysiwyg, inseriamo il tipo di carattere, dimensione, allineamento, colore, decorazione, spaziatura e avremo un riscontro immediato dei nostri settings.

Typetester è un buon tool ma non certamente esaustivo per chi voglia ed intenda realizzare un layout, altre fonti che ci possono essere d’aiuto sono:

• Logicss è un insieme di fles CSS e utility PHP che cercano di ridurre i tempi per lo sviluppo di interfacce cercando al tempo stesso d’agevolare la loro realizzazione. Logicss è fermo alla release dell’ottobre 2007 (licenza MIT).
• Yahoo! User Interface Library è una collezione di controlli e utility messi a disposizione da Yahoo con cui creare applicazioni Web che fanno uso di DOM scripting, DHTML e AJAX (licenza BSD).
• Test Everything è un servzio messo a disposizione da tester.jonasjohn.de con cui accedere velocemente a validatori CSS e HTML, tool per cpntrollare lo stato dell’hotlinking ma accedere anche a editor di immagini web based.
• CSSTidy è un applicativo open source che analizza il codice CSS e cerca di ridurre la dimensione del file standardizzando il codice in caso di errori. CSSTidy rimuove anche le rindondanze all’interno del nostro foglio di stile e applica un livello di compressione variabile. (Link a degli esempi)

Ulteriori soluzioni Web Based con cui effettuare un veloce image editing sono disponibili all’interno della nostra Web Directory nella sezione “Image Editing“.

Links: Typetester

Articoli Simili

• Sostituire TinyMce con Spaw Editor - WP Tutorial
• Google Image Ripper: niente più Thumbs, solo immagini a grandezza naturale !
• SPAW V2 - WORDPRESS WYSIWYG EDITOR REPLACEMENT ?
• Visifire, js e xap per creare ed inserire diagrammi Silverlight nei siti web
• 36-Image Converter: image viewer, converter + effetti