UlmDesign JS Resource

Blog


Html Purifer

Una delle librerie in php più interessanti che offre il web per prevenire gli attacchi cross-site scripting è HTML Purifer. La libreria, oltre ad aiutarti a prevenire gli attacchi XSS, ti offre anche la possibilità di rendere i documenti conformi agli standard W3C. Se desideri provarla subito l’autore offre sul suo sito una demo che ti permette di filtrare il codice HTML delle tue pagine web. Una precisazione è doverosa: il codice HTML Purifer al momento funziona con lo standard HTML 4.01 e XHTML 1.0 pertanto per chi desidera impiegarlo con le novità introdotte da HTML5 non va bene e occorre ripiegare per altre soluzioni più estreme.



Twitter Bootstrap

Le piattaforme web di grande rilievo internazionale come i social network offrono non solo la possibilità di poter socializzare e creare nuove amicizie, ma anche una serie di strumenti di grande produttività come librerie in javascript e template web di grande utilità per lo sviluppo. Oggi desidero segnalarti Twitter Bootstrap un comodo ed efficace Template web responsive 2.0 di riferimento con una nutrita libreria CSS e jQuery di efficace supporto ed integrazione da impiegare per siti web statici o dinamici come CMS e piattaforme web e-commerce. Twitter ti consente, attraverso una pagina dedicata, di poter customizzare il template e poter includere, secondo le tue esigenze, componenti di base o più evoluti come form ed elementi jQuery. Che dire allora: un’ottima partenza per un web designer sempre alla ricerca di strumenti di produttività e naturalmente affidabili.



La fabbricazione: 2a fase

Passo a descriverti la seconda fase di realizzazione di un software o di una piattaforma web server ossia la sua fabbricazione.

1. Non si può costruire una casa senza un progetto. E non si può costruire il software senza un “modello UML”. Questa è la base su cui il progetto sarà costruito, inclusi tutti i suoi componenti e il database.

2. Il mio metodo rende reale il processo di programmazione: più facile per me e meno costoso per il cliente. La differenza tra il tradizionale metodo procedurale ed il mio, basato per moduli, è che prima di scrivere il codice analizzi se il tuo software corrisponda a tutti i requisiti di sistema. Quì entra in gioco la tua versatilità ossia la conoscenza di più linguaggi di programmazione per valutare quali tecnologie funzionano meglio per la realizzazione del tuo progetto.

3. Dopo la fase di programmazione si passa al testing del software. In pratica provi a “rompere” quello che hai realizzato per valutare se sopraggiungono errori e quindi intervenire sul codice da correggere. Fino a quando il software non ha superato tutti i collaudi non collocarlo sul mercato. Con il metodo Agile potrai insieme a tuoi colleghi collaborare per il perfezionamento della piattaforma e renderla in questo modo affidabile per l’utilizzatore, eliminando tutte le cause d’interruzione dei processi funzionali.

4. Infine dopo aver analizzato la corporate identity, realizzato un prototipo interattivo, sottoponendolo ai tuoi utenti per una prima valutazione funzionale ed estetica, concludi con la parte più semplice ossia la definitiva compilazione e il lancio del prodotto, senza sorprese o difetti di fabbricazione.
🙂



Metodo progettazione web

Per lo sviluppo e la progettazione di un sito occorre un metodo adeguato e universale per rendere un prodotto unico e di grande impatto. Desidero con questo primo post elencarti i miei principi di sviluppo secondo la filosofia Agile Software Development:
– Prima fase di acquisizione del progetto: non scrivere nemmeno una riga di codice fino a quando non conosci fino in fondo il core business del tuo cliente con i requisiti che l’applicazione dovrà avere e il volume di lavoro che dovrà affrontare. Il modo in cui lavora un’azienda riflette la soluzione che andremo a creare.
– Una volta compreso come il software deve inserirsi nel processo di business progetta un prototipo interattivo che permetta a tutte le parti interessate di poter comprendere i limiti dell’interfaccia grafica e il grado di difficoltà che affiora nell’utilizzo. In questa fase è utile anche uno schema UML con un worklow sintetizzato attraverso dei diagrammi per capire il funzionamento dell’applicazione e il ruolo di tutte le componenti.
– Quindi una volta realizzato il prototipo puoi sottoporlo all’attenzione di un campione di utenti che ti offriranno un prezioso feedback per realizzare un’applicazione efficace, funzionale e semplice da usare.

Questa è la prima fase di progettazione, nel prossimo post ti descrivo il secondo step ossia il metodo di realizzazione del design e d’ingegnerizzazione dell’applicazione.



Metro Style in jQuery

Creare un’applicazione Metro Style per dispositivi mobile con jQuery è possibile farlo impiegando questa simpatica libreria ideata da David DeSandro, Masonry. Un responsive web design perfetto, esteticamente gradevole e con piacevoli eventi animati, un open source ideale per chi desidera sposare uno stile grafico, destinato a Tablet Surface, Smart Phone e palmari di casa Microsoft, che scopre le sue origini nel movimento artistico tedesco Bauhaus degli anni Venti e Trenta del secolo scorso. Il web designer sul suo sito offre altre interessanti librerie jQuery che riguardano sia lo stile metrostyle ed effetti grafici e artistici su foto, forme e immagini con javascript in combinazione con CSS3.




UlmDesign JS Resource, 2020. Theme Material for Coders