var mysite = {
    'url': "http://www.ajaxweb20.net",
    'author': "Giuseppe Raso",
    'xhtmlValid': true,
    'cssValid': true
}
Home > Blog

Archive for Novembre, 2007

Le migliori icone per il desktop e per il web design.

Venerdì, Novembre 30th, 2007

Sono moltissime le icone scaricabili da internet e liberamente utilizzabili nei propri siti web ( ma anche sul desktop ). Anche blogmega ha fornito diversi link a riguardo.
La megalista  che le includesse più o meno tutte, o almeno le migliori, non poteva che arrivare da smashing magazine.
Perciò non indugio oltre e vi dò il link a quest’articolo tutto da… scaricare!
Vai alla megalista sulle migliori icone del web.

Migliorare sensibilmente la qualità dei propri lavori grafici realizzati con Photoshop.

Giovedì, Novembre 29th, 2007

Un aspetto molto importante di photoshop che finora avevo completamente sottovalutato è la possibilità di estendere il software con plugin che aggiungono nuovi pennelli ( come viene spiegato qui ), sfumature, pattern e forme personalizzate.
Ciò consente di avere una quantità maggiore di opzioni disponibili e quindi di ottenere lavori grafici più belli.
Inutile dire che internet è una miniera a riguardo. Io consiglio di iniziare da questo articolo dove è possibile trovare una lista di 100 pennelli liberamente utilizzabili, oppure da questo che contiene una lista di 99 risorse per il web design.
Oltre a ciò potete aggiungere dezignus nel vostro feedreader per avere sempre a portata di mano i lavori del giovane ragazzo che c’è dietro il blog.
Importante non dimenticare l’importanza dei tutorial. Alcuni dei siti/blog che forniscono i tutorial migliori sono PSDuts e GoodTutorials.
Ad esempio quest’ottimo video spiega come usare la penna, cosa che onestamente non avevo mai capito :)

 


Quest’articolo è solo uno spunto; se vi va di fare qualche ricerca o avete sottomano qualche link utile postate nei commenti quello che avete trovato!

Windows Vista è penoso, lo dicono anche gli esperti di Cnet ( gli stessi di Download.com ).

Martedì, Novembre 27th, 2007

Secondo Cnet Windows Vista è un sistema operativo orribile. Le motivazioni più rilevanti sono l’incompatibilità con l’hardware, il drm e il fatto che dopo 6 anni di sviluppo ci si sarebbe aspettati molto di più.
Ciò ha spinto il noto portale a inserire Windows Vista nella lista dei 10 prodotti tecnologici più orribili della storia.
Personalmente io non ho mai provato Vista semplicemente perchè non sono interessato; penso che non avrebbe senso sprecare 200 euro e passa per installare un sistema operativo più pesante, con pressochè le stesse funzioni di XP e con effetti grafici praticamente inutili.
Probabilmente avrei vari problemi a far girare il software più vecchio, oltre a ciò in moti blog leggo sempre più spesso le lamentele di persone che si sono pentite di averlo installato per via dei molteplici errori che genera; a pensarci bene XP non è tanto penoso :D

Agile programming: la definizione data dal fumetto Dilbert

Martedì, Novembre 27th, 2007

Dopo la vignetta su Javascript e Flash che vi ho postato l’altro giorno, ecco quest’altra striscia di Dilbert che parodia il mondo della programmazione.

Capo: “Stiamo per provare qualcosa chiamato “agile programming”. Ciò significa niente più pianificazione e niente più documentazione. Dovete semplicemente iniziare a scrivere codice e a lamentarvi.”
Collega: “Sono contento che ciò abbia un nome.”
Capo ( a Dilbert ): “Questo era il tuo corso di formazione.”

Javascript - Usare le equazioni di Robert Penner per ottenere effetti da Hollywood nelle nostre pagine web.

Martedì, Novembre 27th, 2007

Sono davvero parecchi i siti e le applicazioni web2.0/ajax che si appoggiano su framework più o meno collaudati come jquery, mootools e prototype. La maggior parte delle volte gli stessi siti sfruttano dei plugin delle librerie a cui si appoggiano ( come scriptacolous e interface ) per realizzare degli effetti molto carini, inutili ma sicuramente di effetto.
Chi sa un minimo di javascript dovrebbe poter dire "anche io potrei realizzare la stessa cosa in 2 minuti, basta un setInterval, no?".
Diciamo di si, ma se vogliamo realizzare degli effetti "a molla" o roba del genere e non siamo matematici ci conviene imparare ad utilizzare le equazioni di Robert Penner.
Queste sono delle funzioni che permettono di ottenere un valore a partire da altri dati che gli forniremo. Sono state scritte per Action Script, d’altra parte i due linguaggi sono molto simili e perciò implementarle sarà molto semplice; quasi un “copia/incolla” direi :)
Iniziamo scaricandole da qui e copiandole in un file js. Queste potranno essere utilizzate secondo i termini descritti nello stesso file.
Vediamo subito un esempio di come implementarle:

  1. transitions = {
  2.     ‘linearTween’function (t, b, c, d) {
  3.         return c*t/d + b;
  4.     },
  5.  
  6.     ‘easeInQuad’function (t, b, c, d) {
  7.         return c*(t/=d)*t + b;
  8.     },
  9.     
  10.     ‘easeOutBounce’function (t, b, c, d) {
  11.         if ((t/=d) < (1/2.75)) {
  12.             return c*(7.5625*t*t) + b;
  13.         } else if (t < (2/2.75)) {
  14.             return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
  15.         } else if (t < (2.5/2.75)) {
  16.             return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
  17.         } else {
  18.             return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
  19.         }
  20.     }
  21. }

Ovviamente ne ho messe poche per motivi di brevità: in realtà ce ne sono circa una trentina.
Fatto ciò creiamoci una funzione che sia in grado di utilizzarle:

  1. function animate(idObj, prop, init, end, duration, transition) {
  2.     var obj = document.getElementById(idObj),
  3.         change = end-init,
  4.         pos,
  5.         time = new Date().getTime(),
  6.         timer,
  7.         totaltime = time + duration,
  8.         duration = duration / 1000,
  9.         transition = transitions[transition || ‘easeInQuad’],
  10.         i = setInterval(function() {
  11.             timer = new Date().getTime();
  12.             if(timer > totaltime) {
  13.                 clearInterval(i);
  14.                 obj.style[prop] = end + ‘px’;
  15.             } else {
  16.                 pos = transition((timer - time)/1000, init, change, duration)
  17.                 obj.style[prop] = pos + ‘px’;
  18.             }
  19.         }5);
  20. }

Concentriamoci sulla riga 16: alla transizione passiamo 4 argomenti:

  • time: il tempo passato dall’inizio della transizione in secondi;
  • init: la posizione iniziale ( costante );
  • change: la differenza tra end ed init ( costante );
  • duration: la durata dell’intera transizione in secondi.

Infine ecco un esempio funzionante: http://www.sitomega.com/expl/robertpenner.htm

In fin dei conti non è stato molto difficile… Come potete notare però questa è una funzioncina creata giusto come esempio e supporta solo animazioni di grandezze in pixel. Ora tocca a voi creare la prossima killer application!

La differenza tra URI e URL

Domenica, Novembre 25th, 2007

Molti web developer non conoscono la differenza tra i due termini e li usano come sinonimi, e’ bene invece sapere che tra i due c’è una sottile differenza. In realtà non si ha una definizione ben precisa perciò mi atterro alla versione che finora mi ha schiarito maggiormente le idee ( forse è un pò semplificata ma rende bene l’idea ) data da Ajaxan.


Un URI indica una risorsa per locazione o per nome. Ciò vuol dire che l’URI può anche non contenere informazioni riguardanti la sua rappresentazione ( nella maggior parte dei casi l’estensione ).  Ad esempio:
http://example.com/path/index.htm
http://example.com/path
sono entrambi degli URI.
Nel secondo caso dovrà essere il web server, ad esempio Apache, a decidere quale file visualizzare ( il più delle volte un index.htm ).

L’URL fa parte sempre del gruppo degli URI, la differenza è che l’URL deve sempre contenere informazioni riguardanti la rappresentazione di un file. Questo è un URL ( perciò è anche un URI ):
http://example.com/path/index.htm
Questo no, è solo un URI:
http://example.com/path
Appare logico che per essere sicuri di non sbagliare bisognerebbe riferirsi agli indirizzi web sempre con il termine URI.

Web browsers di cui quasi certamente non hai mai sentito parlare.

Sabato, Novembre 24th, 2007

Non esistono solo Internet Explorer, Firefox, Opera e Safari.  Molti browser, sconosciuti ai più, offrono caratteristiche interessanti come l’integrazione con i social network, una navigazione 3d o il completo anonimato.
Io vi elencherò quelli che ho trovato più interessanti; la lista completa la potete trovare qui.

Flock
Flock è un browser "sociale" basato su Mozilla, dotato di un’interfaccia propria indirizzata a rendere il browser più sociale. Invece di segnalibri conservati localmente Flock usa dei segnalibri pubblici, dando agli utenti la possibilità di condividerli su delicious al volo. Il browser integra  Flickr, Twitter, Facebook, Technorati e qualche altra applicazione come un RSS feed-reader.
Ciò che in realtà rende Flock unico è la capacità di aumentare la produttività dei blogger. In pratica è possibile pubblicare i tuoi post direttamente da un editor WYSIWYG installato di default. Puoi anche uploadare foto e altre operazioni che rendono tutto più semplice.

K-Meleon
K-Meleon è un browser per Windows basato sul motore Gecko estremamente veloce, leggero e customizzabile. In realtà non offre funzionalità particolari: l’unica differenza rispetto a Firefox è che K-Meleon è molto più veloce.

xB Browser
xB Browser è un browser per Windows basato su Mozilla che permette di navigare nel più totale anonimato. Ciò vuol dire che con questo browser non solo riuscirai a bypassare firewall e censura, ma anche che la tua privacy sarà notevolmente salvaguardata. Tutti i dati privati come i cookie e la cache vengono cancellati alla fine di ogni sessione.

uBrowser
Hai mai pensato a una pagina web come ad un cubo? Ebbene, uBrowser è proprio questo: visualizza le pagine web in modo tridimensionale. E’ basato sul motore Gecko ed è open source.

Browse3D
Browse3D è un web browser basato su Internet Explorer:  offre una navigazione più efficiente grazie a una visualizzazione 3d dei tab. L’anteprima della pagina non è un semplice tab ma bensì un’immagine, ciò permette di trovare le informazioni sul web più facilmente.

Redesign di blogmega.splinder.net. Vi piace?

Venerdì, Novembre 23rd, 2007

Non notate nente di nuovo? Ho completamente rinnovato la grafica del sito, ho cambiato logo e ho aggiunto qualche effetto speciale: guardate le macchie e l’icona RSS ad esempio  
Chi è giunto in queste ore nel blog o in sitomega.net avrà forse notato una scorretta visualizzazione.
Ciò è dovuto al fatto che ho avuto qualche problema, in particolar modo con IE ( solo con IE ) il quale portava sotto tutto il contenuto… Alla fine ho risolto con un semplice overflow:hidden;

Apparte queste note tecniche io sono soddisfatto del nuovo template, a voi piace o preferireste qualcosa di più semplice?

Ps: la grafica di http://www.sitomega.net è identica, se non per il fatto che essendoci meno cose appare più semplice.

Scaricare a sbafo films, serial, documentari e anime con i relativi sottotitoli ( senza p2p, quindi mooolto più velocemente : )

Mercoledì, Novembre 21st, 2007

ATTENZIONE: Scaricare materiale protetto da copyright è un reato. Sia chiaro: io non mi prendo nessuna responsabilità…

Per scaricare films, telefilm, anime, documentari, ma anche giochi e software non è necessario usare emule o simili. Il più delle volte il peer to peer si dimostra molto lento nel farci scaricare i file che vogliamo, perciò non c’è niente di meglio che cercarci queste cose direttamente sul web! Di qui vi presento una lista dei migliori siti da cui scaricare il materiale e i sottotitoli. Buona visione

Film, documentari, serie tv, anime
La maggior parte di questi siti offre i contenuti in streaming attraverso il plugin divx ( se non c’è l’avete andate qui ). In questo caso ci dovrebbe essere un bottone download per scaricare il video sul proprio pc.

Community
Si tratta di forum o social networks in cui è possibile richiedere o uploadare video.

Sottotitoli in italiano
Questi siti mettono a disposizione i sottotitoli in italiano per moltissimi film e serie tv. Possono essere visualizzati ad esempio con il player vlc.

25 Web Application di cui sono venuto recentemente a conoscenza.

Martedì, Novembre 20th, 2007

Ecco una lista delle ultime web application che ho salvato nei miei bookmarks. Spero vi sia utile: in caso positivo abbonatevi ai feed per ulteriori megaliste future!

Grafica

  • Imagery: google immagini potenziato.
  • SplashUp: forse la migliore applicazione per l’editing online di foto.
  • Favikon: permette di creare una favicon da inserire nel vostro sito tramite il tag link.
  • QuickRibbon: serve a creare un ribbon, ovvero una fascetta da mostrare orgogliosamente nel proprio blog.
  • ReflectionMaker: modifica un’immagine creando un effetto riflesso molto web2.0.
  • Tartan Maker: generatore di pattern in stile scozzese.
  • Tabs Generator: generatore di tab.
  • ezSmiley: generatore di emoticon.
  • Emoticu: converte un’immagine in un’emoticon.
  • ASCII-O-MATIC: trasforma un’immagine in un testo esportabile nel formato html.
  • VectorMagic: converte un’immagine bitmap in un’immagine vettoriale.

Hosting

  • Adrive: online storage che offre gratuitamente 50 gb.
  • Share ( Adobe ): hosting gratuito direttamente da Adobe, con possibilità di "embeddare" i file uploadati in un sito.
  • Megaupload Link Maker: per scaricare a più non posso da Megaupload come se avessimo un account.
  • Rapidshare Link Maker: per scaricare a più non posso da Rapidshare come se avessimo un account ( ogni 7 file scaricati è necessario cambiare ip ad esempio riavviando il router ).
  • Rapidshare Link Maker: per scaricare a più non posso da Rapidshare come se avessimo un account ( ogni 7 è necessario cambiare ip ad esempio riavviando il router ).
  • Megadownload: motore di ricerca per rapidshare e megaupload.

URLs

  • DecentUrl: rende un url più facile da ricordare.
  • FastUrl: accorcia considerevolmente un url.

Widgets

  • VozMe: sintetizzatore vocale in inglese e spagnolo con possibilità si scaricare la registazione in mp3.
  • SlideShare: permette di visualizzare una presentazione nel vostro blog.

Altro

  • Rst2a: permette di creare documenti facilmente esportabili.
  • Mijnmessenger: consente l’accesso a l proprio account di chat msn, yahoo, icq ed aim.
  • Songza: motore di ricerca musicale.
  • Freesms: sms gratis verso tutta Italia.