Roberto Curci Blog

Risorse per Internet Geeks

Archive for the ‘ Web Design ’ Category

Vorrei metter su un “Blog-Shop” termine che ho coniato pensando ai vari Blog che ho creato ed anche agli e-commerce che in passato ho messo nel dimenticatoio… Vorrei appunto fondere entrambe le cose creando una sorta di portale con Recensioni e Pareri, mettendo a fuoco la possibilità di acquisto e che possano aiutare il cliente nella propria scelta, tutto ciò basandomi sul core di WordPress, creando un semplice carrello Paypal on-the-fly …

:)

Vediamo cosa ne esce… che ne pensate?

Share on Facebook

Internet è nel 2010 un mezzo di comunicazione indispensabile per ogni individuo. Chi utilizza Facebook ne sà qualcosa, ma Internet non è fatto solo di esso, esistono milioni di siti internet personali, aziendali, etc. Il blog sono i protagonisti, essi sono degli spazi spesso gratuiti offerti da molteplici provider, un nome sicuramente familiare a molti è “WordPress”, la piattaforma blog più diffusa al mondo, che offre anche un servizio di hosting gratuito.

Oggi navigando quì e là, possiamo facilmente notare che la maggior parte dei nostri siti preferiti sono esattamente “Blog”, questi rappresentano l’organizzazione perfetta dei nostri pensieri, esperienze, recensioni, raccolte video, immagini, il termine blog è diventato sinonimo di “Sito Internet”. Tempo fà quando le piattaforme erano poco diffuse, i “Webmaster” spesso e volentieri per condividere informazioni dovevano perdere ore se non giorni per aggiornare il proprio sito, oggi grazie a queste piattaforme che vengono Installate in pochi minuti, i contenuti vengono gestiti automaticamente, un pò come i vecchi “Windows Live Spaces” che tutti noi sicuramente abbiamo utilizzato. Le piattaforme Blog, sono in gergo tecnico dei CMS (Content Manager System, ovvero Sistema di gestione dei contenuti), essi sono capaci di organizzare al meglio tutto ciò che decidiamo di condividere in internet tutto tramite un comodo ed intuitivo pannello di controllo protetto da una Password scelta al momento dell’Installazione, essi favoriscono anche “l’Indicizzazione” nei motori di ricerca come Google.

I Blog del 2010 non sono solo personali, e spesso vengono Installati su veri e propri domini dedicati come ad esempio il mio blog “www.robertocurci.net”, sono utilizzati anche dalle più famose aziende per comunicare con i propri utenti, potendoli aggiornare continuamente sui cambiamenti, sui nuovi prodotti, proporre eventi, effettuare sondaggi in tempo reale, etc. Chi visita il Blog a voler del proprietario può facilmente commentare qualsiasi articolo, Internet grazie ad esso è sempre più alla portata dell’utente.

E così la figura di “Webmaster” nel 2010 viene sostituita con la figura di “Blog Master” o blog admin, il webmaster era pronto a diventare un vero e proprio mestiere, finquando la tecnologia e l’esperienza maturata dagli stessi non ha reso possibile la creazione di veri e propri Siti internet all’altezza di chiunque.

Oggi la figura di pari livello al ex “webmaster” è il Webdesigner che grazie ad un innata vena creativa, riesce a creare la grafica giusta per i Blog. Il Webdesigner potrebbe essere una figura professionale, perchè non comprende solo il progettare graficamente un sito, ma spesso e volentieri ha delle conoscenze molto più complesse e che non saranno mai alla portata di tutti, infatti il “webdesigner professionale” conoscerà anche un linguaggio di programmazione lato server (ad esempio: Php/Mysql per intenderci) e sarà capace di personalizzare al 100% qualsiasi piattaforma.

Concludendo un blog è fondamentale nel 2010 per farsi conoscere, per condividere le proprie idee, per trovare informazioni, per imparare e per sfruttare al massimo Internet.

Share on Facebook

Photoshop – Gli effetti

settembre 23, 2009 Photoshop Comments

Altra importante caratteristica di Photoshop è la possibilità di gestire una serie di effetti molto belli sul testo (o sulle immagini), in maniere del tutto interattiva. E’ possibile applicare ombre, aloni, smussi etc. senza fatica e senza complesse sequenze di operazioni con selezioni e dissolvenze.

Un esempio: L’effetto Ombra

Una volta creato il testo, basta utilizzare le palette dei livelli.

  1. Individuare, nella paletta Livelli, il livello relativo alla scritta;selezionelivello
  2. fare clic destro sul testo abbreviato, e selezionare Opzioni di fusione;opzionidifusione
  3. dalla finestra delle Opzioni di fusione scegliere l’effetto Ombra esterna (facendo clic sulla scritta “Ombra Esterna” e non sulla casellina del segno di punta);finestraStileLivello
  4. assicuriamoci che la casella di controllo Anteprima sia attivata, altrimenti l’ombra non sarà visibile mentre si modificano le opzioni per prova.

Possiamo logicamente cambiare le impostazioni evidenziate in rosso (vedi immagine precedente) per creare un effetto personalizzato, Ripetendo la stessa procedura per ogni stile disponibile nella finestra, è possibile dare sfogo alle proprie idee e creare una scritta di buon impatto visivo (Vedi immagine)

finestraStileLivello2

Share on Facebook

Per la realizzazione di una scritta con Photoshop non c’è bisogno di alcuno sforzo o conoscenza particolare, ecco cosa fare:

  • apriamo una nuova immagine almeno 640×480 scegliendo il comando File -> Nuovo;
  • facciamo clic sullo strumento testo (la T sulla barra degli strumenti);StrumentoTesto
  • facciamo clic in un punto dell’immagine, verrà visualizzato il punto di inserimento del testo, del tutto simile a quello di Word.PuntoInserimentoTesto

  • Modifichiamo la dimensione del carattere, dalla barra delle opzioni, portandola a 24 pixel;GrandezzaTesto

  • immettiamo ora il testo (Es. Roberto Curci);immissionetesto
  • proviamo a selezionare parte della scritta con il mouse e modificare la dimensione del carattere, portandola per esempio a 60 pixel;modificaGrandezza
  • Modifichiamo il colore facendo clic sul rettangolino subito a destra delle tre icone dell’allineamento del testo sulla barra delle opzioni;modificacolore
  • Infine è possibile trascinare il testo all’interno di tutta l’area dell’immagine creata, semplicemente trascinando la scritta tenendo premuto CTRL sulla tastiera.

Le scritte in Photoshop sono elementi vettoriali, possono essere corrette in qualsiasi momento semplicemente facendo doppio clic su di essa. Oppure si può trascinare con il mouse in qualsiasi posizione dello schermo tenendo premuto CTRL.  Ogni scritta viene creata su un livello: Bisogna tenere quindi d’occhio i livelli, solitamente in basso a destra, se non dovesse essere aperta la paletta Livelli, può essere attivata scegliendo il comando Finestra -> Livelli.

Una scritta può essere eliminata dalla stessa paletta “livelli”, trovando il livello corrispondente trascinandolo nell’icona cestino in basso della stessa.

Questo Tutorial, è un tutorial base, che si rivolge a chi è ancora alle prime armi. Ad alcuni nostri lettori può far ridere, ad altri può essere di aiuto per iniziare ad utilizzare Photoshop.

Share on Facebook

PhpDay 2008

febbraio 9, 2008 Php, Web 2.0 Comments

Dopo il successo riscosso nel 2007 ecco la quinta edizione del PhpDay 2008, che si terrà il 23-24 Maggio a Rimini.

Il phpDay è l’evento, convegno italiano dedicato allo sviluppo di PHP in ambito professionale, per chi volesse saperne di più visitare www.phpday.it

Share on Facebook

Seguendo alcuni forum, ho trovato persone in difficoltà nel creare un preload di pagina, un pò come quelli fatti in flash.

Ho deciso di crearne uno e metterlo online.

Caratteristiche dello script:

- Presenza immagine e testo di caricamento

- Un piacevole effetto di trasparenza su tutta la pagina fino a quando non viene caricata

- scrollbar del browser nascoste fino a quando non viene caricata tutta la pagina

Per visualizzare una demo clicca qui:

Demo

Per scaricare lo zip contenente lo script clicca qui:

Download rc-htmlpreloader.zip

Share on Facebook

SilverLight …

gennaio 8, 2008 Internet, Web 2.0 Comments

Stavo leggendo la notizia che zio Bill lascerà tra non molto la sua posizione di capo, quando sono capitato sul sito dell’ultima conferenza da lui fatta. Navigavo con mozilla, quando mi sono accorto che mi chiedeva l’installazione di un curioso plugin, silverlight. La scelta era abbastanza obbligata inquanto il resto della pagina non me la caricava. Ho detto và, installiamo. Scaricato ed installato… sopresa! il resto della pagina si è caricato in un istante, inizialmente, pensavo che la pagina contenesse i classici elementi flash, etc… poi pensandoci meglio mi son detto “possibile che la microsoft utilizzi flash?, la curiosità mi ha fatto premere il tasto destro per vedere un pò cosa era, e taDà Silverlight. Istintivamente ho aperto google e ho cercato.

La ricerca mi ha portato ad un risultato affascinante. Fino ad una mezz’ora fà, non sapevo che la Microsoft avesse presentato il suo piccolo antagonista a Flash. Non seguo molto gli sviluppi della microsoft soprattutto a livello web, perchè la reputo molto anti-opensource (lasciamo stare tutti i discorsi “si sta avvicinando sempre più”), noi alla microsoft paghiamo tutto, quindi fondamentalmente opensource non lo è!

Riassumendo… Cosa è SilverLight?

è un plugin multi-piattaforma e soprattutto crossbrowser ovvero compatibile con più browser e tramite si possono utilizzare le applicazioni multimediali .NE, #C, pyton e ruby. Si propone come rivale a Flash, per la realizzazione di web in grafica 2D.

Per un approfondimento consiglio questi link:

http://www.microsoft.com/italy/msdn/risorsemsdn/sviluppoweb/silverlight/default.mspx 

Share on Facebook