Vortexmind: free your mind » Webdesign

Web RAD : Turbogears + Elixir Tutorial – Part 1

Vortexmind — Sun, 20 Apr 2008 16:20:15 +0000

In web application development, today we can get huge benefits by using frameworks, as they help with code reusing, generalization, templating and dealing with best pratices and design patterns.

While many people has moved toward Ruby on Rails, I'am more interested in learning Python, and using python-based frameworks. I've played a little with Django, but I was disappointed when I discovered that at present it doesn't support multiple-fields primary keys in your data models. So I looked around a little and i stepped into Turbogears. It seems to me that this framework is undertaking a lot of refactoring, but it still seems to me a good choice because of its modularity and interchangeability (while Django is more monolithic as I can understand).

As I'm learning, I will write some tutorials about Turbogears, hoping next people will get some help with issues I've encountered. I must say that, while I have a strong education in IT and programming languages, I am not an experienced python programmer, but this is surely not a problem (at least, in this tutorial's context ) . In this tutorial, I will show you a basic project setup: we will use Turbogears framework (1.0.4.4), Elixir (0.5.x) for data modeling & access, and Genshi for templating.
(...)
Read the rest of Web RAD : Turbogears + Elixir Tutorial – Part 1 (1,973 words)

© Vortexmind for Vortexmind: free your mind, 2008. | Permalink | One comment | Add to del.icio.us
Post tags: application, controller, development, elixir, genshi, model, mvc, python, quickstart, rad, rapid, sqlalchemy, template, turbogears, Tutorial, view, web, webdev

Feed enhanced by Better Feed from Ozh

Yahoo!® Site Explorer – Very very Beta

Vortexmind — Wed, 06 Dec 2006 09:29:19 +0000

Cercando nuovi metodi per promuovere l'indicizzazione dei miei contenuti, mi sono imbattuto nel servizio Yahoo!® Site Explorer. Ammettiamolo, questa volta me ne sono accorto in ritardo. Il servizio è online già da tempo. Tuttavia non mi sono sorpreso di averlo ignorato, perchè secondo me c'è ancora molto lavoro da fare. (...)
Read the rest of Yahoo!® Site Explorer – Very very Beta (527 words)

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | One comment | Add to del.icio.us
Post tags: development, engine, explorer, indexing, indicizzazione, motore, ottimizzazione, ricerca, search, seo, site, sitemaps, sito, web, Webdesign, yahoo

Feed enhanced by Better Feed from Ozh

Text-Link-Ads : Guadagnare e Pubblicizzare il sito

Vortexmind — Tue, 05 Dec 2006 10:52:49 +0000

Siete in cerca di un programma di affiliazione differente dall'advertising contestuale (tipo Google Adsense) ? Potreste dare un'occhiata a Text-Link-Ads, un programma che è totalmente compatibile con la policy Google Adsense (ho chiesto al supporto online di entrambi). Il funzionamento infatti è abbastanza diverso: voi scegliete uno spazio del vostro sito web da dedicare alla pubblicazione di link testuali (eventualmente potete pubblicizzare anche nel Feed RSS). A quel punto il vostro spazio riceve un prezzo (basato sul ranking Alexa, sul vostro main topic e sulla posizione che mettete a disposizone degli sponsor) e viene messo in vendita sul sito di Text-Link-Ads. Chi vuole pubblicare il proprio link da qualche parte potrà così trovare il vostro sito e decidere di acquistare lo spazio per uno o più mesi. In questo modo voi vi beccate il 50% (e Text-Link-Ads l'altra fetta) (...)
Read the rest of Text-Link-Ads : Guadagnare e Pubblicizzare il sito (186 words)

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | One comment | Add to del.icio.us
Post tags: ads, adsense, advertising, affiliate, blog, earn, google, guadagnare, link, money, program, sito, soldi, text, web

Feed enhanced by Better Feed from Ozh

Feedburner Custom Headline Animator

Vortexmind — Mon, 04 Dec 2006 08:59:08 +0000

Probabilmente se siete blogger già conoscete il servizio feedburner: in pratica vi permette di centralizzare, monitorare e standardizzare il vostro Feed RSS. Non tutti forse conoscevano l'headline animator, uno dei servizi forniti che genera automaticamente un'immagine animata dei contenuti recenti del vostro feed. Ebbene, da qualche giorno è possibile customizzare l'headline animator come meglio credete: fonts, dimensioni, immagine di background e colori. In questo modo potete creare un headline animator dinamico che possa integrarsi al meglio laddove intendete utilizzarlo. Io ho provato a modificare il mio ed ecco il risultato:

In realtà la scritta "Subscribe Now" avrebbe dovuto blinkare ma non ho ancora capito perchè non lo fa Avrò ancora tempo per migliorare il mio logo, comunque le novità non sono finite:

Hey, the title of this post says "Part I", subtly implying that there might be other parts in the future. Yes, we're going to add the ability to have multiple styles of Headline Animator for a single feed and we're going to add a number of common themes and styles from which you can pick and choose instead of building from scratch. Coming soon.

Staremo a vedere!

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | One comment | Add to del.icio.us
Post tags: animated, animator, feed, feedburner, gif, headline, immagine, publicize, RSS, syndacation, tools

Feed enhanced by Better Feed from Ozh

Tracciare i tempi di caricamento di una pagina web

Vortexmind — Sat, 02 Dec 2006 13:59:51 +0000

Vi rigiro una notizia che ho letto su edit. Se avete necessità di tracciare i tempi di caricamento di una pagina web, potete ricorrere a una funzionalità "nascosta" di un plugin per Firefox, Tamper Data. Di per sè, il plugin serve a tracciare le richieste http che si fanno tramite il browser. Tuttavia, se lo attivate e aprite una pagina, potete poi selezionare i dati di interesse e renderli in forma grafica. In questo modo si ottiene un grafico simile a quello nello screenshot, che mostra chiaramente qual'è l'evoluzione temporale del caricamento di ogni oggetto presente nel documento XHTML. Ad esempio, facendo test ripetuti, ho scoperto che il caricamento della libreria prototype impiega quasi 2 secondi! Sarebbe già un buon motivo per cercare una soluzione alternativa! Tra l'altro l'articolo citato riporta i risultati di uno studio (Yahoo) secondo cui il modo migliore per velocizzare il caricamento delle pagine è la diminuzione radicale delle richieste http che la pagina fa per essere visualizzata.

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | No comment | Add to del.icio.us
Post tags: caricamento, data, design, firefox, html, mozdev, mozilla, ottimizzare, pagine, plugin, siti, strumenti, sviluppo, tamper, tempi, tool, utility, velocizzare, web

Feed enhanced by Better Feed from Ozh

Amberjack – Walktrough per siti web

Vortexmind — Wed, 08 Nov 2006 11:10:03 +0000

Leggo su che è stata rilasciata Amberjack, una libreria javascript a licenza LGPL di soli 4Kb in grado di realizzare presentazioni virtuali e tour guidati per un sito web. Pensate: avete appena pubblicato un nuovo sito e volete presentare agli utenti le funzionalità predisposte in maniera accattivante. Guardate la demo di Amberjack per capire che cosa potete realizzare in poco tempo. Sicuramente un modo per migliorare l'usabilità della vostra applicazione web aiutando i vostri utenti ad utilizzare al meglio quello che avete predisposto per loro.

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | 2 comments | Add to del.icio.us
Post tags: amberjack, css, design, development, hci, javascript, js, LGPL, library, presentation, preview, tour, usability, web, web2.0

Feed enhanced by Better Feed from Ozh

A new love – Django framework

Vortexmind — Mon, 30 Oct 2006 13:26:37 +0000

Avendo deciso di ributtarmi a capofitto nel fantastico mondo del webdesign, mi sono studiato in giro le varie soluzioni per uno sviluppo rapido e coerente delle proprie applicazioni web. Per chi avesse dormito negli ultimi 10 anni, sono finiti infatti i tempi dello sviluppo pseudo-artigianale con il notepad: oggi esistono soluzioni ben più complete che permettono di sfruttare appieno le conoscenze acquisite in questo settore, che implementano con successo molti dei design pattern più utili. Tuttavia questo entusiasmo ha portato a una massiccia proliferazione di framework e content management system variegati, con il risultato che il termine della ricerca lascia nella testa un senso di confusione e indecisione: quale framework scelgo per lo sviluppo della mia applicazione web? (...)
Read the rest of A new love – Django framework (469 words)

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | 10 comments | Add to del.icio.us
Post tags: agile, cakephp, development, django, djangoproject, framework, librerie, on, php, programming, python, rails, rapid, ror, ruby, siti, sviluppo, web, Webdesign, zend

Feed enhanced by Better Feed from Ozh

60 AJAX Tutorials

Vortexmind — Mon, 08 May 2006 18:09:56 +0000

Vi linko questa interessante collezione di Tutorial AJAX: sono stati collezionati più di 60 tutorials che spaziano su un sacco di problematiche interessanti per uno sviluppatore di siti web. Si va dagli indicatori di attività, ai bookmarklet, chat, tutorial di comunicazione client-server, drag&drop, autocompletion, rss e tanti altri problemi comuni, nonchè una serie di walktrough generici oppure dedicati ai vari framework disponibili in rete. Consigliato!

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | No comment | Add to del.icio.us
Post tags: ajax, collection, collezione, development, internet, javascript, JSON, site, siti, Tutorial, web, Webdesign

Feed enhanced by Better Feed from Ozh

F-Shaped Pattern

Vortexmind — Wed, 26 Apr 2006 14:19:38 +0000

Lo dice Jakob Nielsen, il "re dell'usabilità". Ma cosa dice precisamente? Secondo uno studio da lui realizzato, F è la forma del percorso che l'occhio è più portato a compiere su una pagina web (se opportunamente "guidato" da un layout intelligente). Lo studio, compiuto su 232 soggetti grazie a tecniche di eyetracking (una tecnica video che permette di seguire i movimenti dell'occhio relativamente all'immagine rappresentata), ha infatti evidenziato questa peculiare forma su migliaia di pagine web. In generale, un utente:

Scansiona orizzontalmente la testata della pagina
Sposta lo sguardo poco più in basso, ed effettua una seconda veloce scansione orizzontale
Infine, viene visualizzata la barra laterale (supposta a sinistra), in un modo più o meno rapido a seconda dell'utente

La configurazione che si forma assomiglia parecchio alla lettera dell'alfabeto citata. Grazie a questo studio si è capito che l'utente in media non legge dettagliatamente i testi presentati nella pagina, parola per parola. L'importante è quindi inserire nei primi due paragrafi le informazioni essenziali, in modo da catturare l'attenzione del lettore ed eventualmente indurlo a proseguire la lettura. Inoltre si è visto che è molto utile inserire nelle intestazioni due parole significative, soprattutto nel menù: questo perchè difficilmente l'utente leggerà oltre, ma preferirà continuare a scansionare le voci delle liste e delle intestazioni. Uno studio che trae conclusioni ovvie? Beh, può darsi ... però è pur sempre un'osservazione concreta del comportamento degli utenti ...

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | No comment | Add to del.icio.us
Post tags: design, development, eyetracking, f_shaped, jakob, nielsen, pattern, usabilità, usability, web, Webdesign

Feed enhanced by Better Feed from Ozh

PassFaces

Vortexmind — Wed, 19 Apr 2006 19:19:54 +0000

L'immagine qui a fianco è solo a scopo puramente dimostrativo per il contenuto dell'articolo. Provate a pensare: invece di dovervi ricordare lunghe e complicate passwords, perchè non ricordarsi una sequenza di faccie? In fin dei conti la memoria di molti di noi è facilitata a ricordare immagini invece che simboli. Questa è la proposta delineata in questo articolo: questo sistema di autenticazione è utilizzabile in contesti dove sia possibile visualizzare immagini, e richiede in media una decina di secondi per l'autenticazione. Questo metodo ha il pregio di rendere facilmente utilizzabile un sistema molto sicuro (combinando più visi con scelte multiple si ottengono password molto forti), anche se è possibile che qualcuno spiandovi da dietro scopra facilmente le faccie che cliccate! Potete testare questi sistemi qui e qui (un sistema modello CAPTCHA per discernere le persone dai bot).

Non ve ne frega nulla di questo articolo? Capita: allora potete ascoltare una telefonata tra donne molto romantiche. Chissà di che cosa parleranno ...

© Vortexmind for Vortexmind: free your mind, 2006. | Permalink | No comment | Add to del.icio.us
Post tags: autenticazione, authentication, Cazzate, faccie, fun, Gnocca, menta, passfaces, password, pompino, Technology, tecnologia, Webdesign

Feed enhanced by Better Feed from Ozh