Chi si occupa di grafica per il web sa bene che, purtroppo, esistono ancora grosse limitazioni nell’uso di immagini trasparenti. Sicuramente ti sarà capitato almeno una volta il fatidico dilemma:

usare una GIF dai bordi rudemente sgranati o affidarsi a una PNG, non supportata dai browser più vecchi?

Ebbene, Photoshop ci viene in aiuto con un trucco molto semplice, che ci permetterà di ottenere GIF trasparenti e dai bordi nitidi.

Creare GIF trasparenti a bordi nitidi con Photoshop

di Francesca Urbinati

Nell’esempio proposto ho utilizzato il mio logo, ma puoi provare con qualsiasi immagine che abbia un fondo abbastanza uniforme.

Il primo passo è separare l’elemento dallo sfondo, per esempio usando la funzione “selezione > intervallo colori”, che si presta benissimo al nostro caso.
Copiamo la selezione su un nuovo livello con CTRL+J.

(clicca per ingrandire l’immagine)

Otterremo così un secondo livello con all’interno solo l’elemento che ci interessa.
Nascondiamo o cestiniamo il livello sottostante, quello da cui siamo partiti.

A questo punto, solitamente si salva l’immagine col fondo trasparente, magari in formato GIF… ma se vogliamo evitare i bordi sgranati possiamo cavarcela con un semplice passaggio in più!

Il trucco è nell’applicazione delle “opzioni di fusione“, in particolare dell’effetto “traccia”.

Nel pannello degli stili di livello, scegliamo proprio l’ultimo: traccia.

Di default, otterremo un bordo rosso di 3 pixel attorno al nostro elemento trasparente.
Impostiamo un bordo di 1 pixel e, come colore, scegliamo quello che più si avvicina allo sfondo della pagina web o del contenitore che ospiterà l’immagine.

Possiamo addirittura usare un gradiente piuttosto che un colore uniforme, e decidere il metodo di fusione esattamente come facciamo normalmente per i livelli.

La traccia è quindi uno strumento molto potente, e se sperimenti un poco, ti sorprenderai di quante varianti siano possibili.

(clicca per ingrandire l’immagine)

Ora possiamo salvare l’immagine come una normale GIF trasparente.

Una volta inserita nel sito, il bordo che abbiamo aggiunto con l’effetto traccia si fonderà con lo sfondo della pagina web, “proteggendo” l’elemento dalla sgranatura dei bordi tipica delle GIF trasparenti.

Semplice, vero?

Francesca Urbinati si occupa di graphic design e comunicazione su diversi media. Oltre al Munia Blog & Linfa Creativa,  segue il progetto KobraCrea e il relativo blog.

Vuoi collaborare come guest poster su Blographik?
Ecco le linee guida per partecipare a questo progetto. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Come per la fine di ogni anno, è tempo di bilanci e anche di scrivere dei post che riassumano i migliori contenuti pubblicati durante il 2008.

Ho deciso di creare una lista dei migliori tutorial di quest’anno presenti in rete, ma questa volta invece di scriverli di mio pugno, preferirei che partecipassi tu stesso alla creazione di questa lista che poi aggiornerò, pubblicando un articolo ad hoc.

Il motivo di questo articolo è semplice: i miei tutorial preferiti non sono nulla rispetto alla marea di informazioni raccolte da te e da tutti coloro che leggono Blographik.

Andremo quindi a creare un articolo codiviso, in cui anche tu potrai partecipare e condividere con tutti gli altri le tue risorse scovate on line.

Partecipa alla creazione del post sui migliori tutorial del 2008

Tra i miei obiettivi per il prossimo anno, è di incrementare la partecipazione dei tanti lettori che seguono blographik nelle discussioni dei commenti e scrivendo articoli per questo progetto, e quindi inizio da subito invitandoti a collaborare direttamente con Blographik.

Come collaborare a questa iniziativa

Nel tuo delicious (o nei preferiti del tuo pc ) avrai salvato sicuramente una serie di tutorial che per te sono stati molto utili se non fondamentali.

Vorrei che tu mi segnalassi questi link utili per raccoglierli in un unico articolo, che pubblicherò una volta che abbiamo raggiunto almeno 10 risorse utili.

Per ogni link segnalato preferirei che aggiungessi una descrizione dei motivi per cui lo segnali su questo blog.
Quali sono le motivazioni che ti hanno spinto a notificarmi questo tutorial anzichè un altro.

Inoltre, per seguire una stessa linea grafica, avrei bisogno che mi inviassi direttamente tu un’immagine correlata al tutorial di 400 px di larghezza ;).

Puoi inviare il materiale (la descrizione del tutorial, il link alla risorsa, l’immagine correlata ed il tuo blog) al seguente indirizzo di posta elettronica: info [chiocciola] blographik.it (email antispam )

Non ci sono limiti di tempo per partecipare all’iniziativa, l’articolo con la selezione dei tutorial sarà aggiornato ogni qual volta si aggiungerà una nuova risorsa.

Perchè partecipare?

• Perche siamo una community di persone con le stesse passioni ;
• Perchè potrai scoprire quali sono le letture preferite di altri lettori che come te leggono Blographik;
• Perchè riceverai in cambio un link verso il tuo blog, se la risorsa che segnalerai è di indubbia qualità;
• Perchè se hai scritto tu stesso un tutorial (di solo testo, audio o video) hai la possibilità di ricevere delle visite e farti conoscere tramite questo progetto;
• Perchè potrai aggiungerlo ai tuoi preferiti e leggerti con calma tutte le risorse che altri hanno decso di condividere in uno spazio unico.

I motivi per partecipare quindi ci sono

Quali argomenti segnalare in questa lista?

Tutto ciò che potrebbe essere utile ad un web designer, ad uno sviluppatore, ad un blogger, ad un grafico, ad un esperto SEO e web marketer.

Basta osservare un attimo le categorie presenti nella sidebar a sinistra per renderti subito conto di quali tutorial possano essere segnalati su Blographik.

Puoi inserire un commento per discuterne insieme, nel caso non sia stato chiaro qualche passaggio o non abbia approfondito determinati argomenti.

photo credits: Morgan David de Lossy/Corbis Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Certamente no . Ho creato un gruppo correlato ai lettori ed amici di blographik.
Un ulteriore luogo dove condividere, discutere dei temi trattati su questo blog.

Se sei un lettore di questo progetto, non puoi non far parte del Professional Blog Design: laboratorio di grafica per blog e non solo .

Lo scopo del gruppo su Facebook

L’obiettivo principale è di utilizzare questo social network per incrementare la popolarità di blographik.
In futuro, se ci saranno risultati positivi, ti terrò aggiornato sui risultati ottenuti tramite l’utilizzo di questo servizio.

Un effetto virale strepitoso per gli eventi

Ho partecipato come live blogger al primo Facebook Party di Ascoli Piceno.
Ho creato anche un dominio di terzo livello proprio per queste occasioni, e sono stato anche aiutato anche dai commenti dei lettori di questo blog per la scelta del nome (live.blographik.it).

Sono rimasto molto colpito dal successo, che è nato da un evento organizzato completamente on line, in una piccola cittadina delle Marche.
Gli iscritti hanno superato i 1700 e oltre 300 persone hanno confermato l’invito.
La viralità dell’evento ha poi diffuso la notizia anche off line, ed il party ha tranquillamente superato i 400/500 partecipanti. Per me un dato eccezionale e da un certo punto di vista sconvolgente .

Confermo quindi che Facebook funziona alla grande nell’organizzare qualsiasi tipo di evento, se poi è gratuito la viralità è assicurata.

Hai un gruppo su Facebook?

Mi sembra che il dilagante fenomeno di Facebook possa essere utile anche per diffondere i nostri blog.
Visto che sono approdato su questo social network da poco tempo, volevo sapere se hai creato un gruppo per il tuo blog, le motivazioni che ti hanno spinto e se stai ottenendo dei risultati positivi. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Un altro regalo di Natale, dopo il video natalizio in cui vesto i panni di un elfo ballerino .

Questa volta si tratta di un brano natalizio scaricabile gratuitamente e molto gradevole da ascoltare.
Ecco di cosa si tratta dalle dirette parole del creatore del pezzo, Johnny8joker musicista e web designer.

Ho ascoltato il pezzo ed è davvero gradevole, Johnny8joker secondo me ha una bella voce oltre che essere un bravo compositore.

Se lo ascolti ricorda un pò il timbro vocale di Bono degli U2 o Chris Martin dei Coldplay.
Aspetto un tuo giudizio sul pezzo e sulle doti di questo musicista nei commenti .

Un regalo natalizio musicale

di Johnny8joker

“All The Time Forever In Your Love”, questo il regalo di Natale che puoi fare a tutti i tuoi amici e conoscenti.
Il brano è mio (il mio nome d’arte è johnny8joker) ed è scaricabile gratuitamente dal sito johnny8joker.com.

Il brano argomenta di una persona che ritrova la fede nel periodo Natalizio.
Sono comunque altre possibili chiavi di lettura.
Infatti questa canzone può parlare di ricerca di se stessi, amore, pace e libertà.
Lascio a te la scelta su cosa trovare tra le righe dei miei testi e di cosa provare a livello emotivo.

A breve uscirà il mio album d’esordio.
Sarà un album molto impegnato, introspettivo e di varie contaminazioni musicali.

Con l’uscita dell’album vedrà la luce anche il sito vero e proprio con tanto di blog creato da me.
Cosa aspetti vai sul mio sito e scarica la tua canzone di Natale.

Johnny8joker è un musicista compositore, oltre che web designer e grande stimatore di blographik.

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Guardami mentre ballo vestito da Elfo con sottofondo natalizio.
Non ci credi?

Anche quest’anno è praticamente arrivato Natale, per evitare di scrivere sempre le stesse cose, ho utilizzato un servizio web 2.0, in cui vesto i panni di un Elfo venuto dal freddo polo Nord ;).

Ecco il video ;).

• Cosa ne pensi?
• Perchè non ti vesti anche tu da Elfo (o Elfa ) e mandi questo bigietto di auguri Natalizio personalizzato ai tuoi amici via email o scrivi un articolo direttamente nel tuo blog?

Questo sì che è un biglietto di auguri speciale . Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Natale e Capodanno sono alle porte. Molti blogger, dipendenti e anche liberi professionisti si prenderanno una meritata pausa lavorativa.
Cosa farai durante le vacanze?

• Hai preparato degli articoli programmati mentre tu sei in settimana bianca?
• Continuerai a scrivere come se nulla fosse?

Io non andrò in ferie ne in settimana bianca, ma per uno dei miei blog ho preparato oltre 10 articoli programmati per le prossime settimane. Almeno cerco di alleggerire un pò il carico di lavoro.

Tu che farai, abbandoni il tuo blog?

Lascia un commento, sono curioso di conoscere la tua linea editoriale .

photo credits:
Heath Korvola/Aurora Open/Corbis (sciatore che cade)
modifche all’immagine: Mirko D’Isidoro Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Blographik si espande con nuovi progetti. Da oggi in poi potrai seguire i live di eventi, party, convegni a cui parteciperò in diretta, sul nuovo dominio di terzo livello: live.blographik.it.

In cosa consiste Il live blogging di Blographik

In occasione del primo Facebook Party di Ascoli Piceno, spinto dagli organizzatori dell’evento ho deciso di aprire un dominio di terzo livello dedicato proprio a questo e a future manifestazioni.

Perchè aprire un altro blog?

Il motivo è semplice, voglio lasciare blographik per pubblicare i contenuti di nicchia che conosci bene (almeno spero ).
Quindi ho deciso di creare un altro blog con lo stesso layout grafico, almeno per ora, per condividere con te anche ciò che non è fedelmente attinente agli argomenti trattati fin’ora, cioè le dirette di eventi a cui parteciperò.

Sono anche un blogger oltre ad essere un Blog Designer, quindi voglio condividere con te, il maggior numero di esperienze possibili, sempre utilizzando servizi web 2.0, come ad esempio Coveritlive.com, l’ottimo servizio di live blogging che utilizzerò sempre in queste occasioni.

Il primo evento che potrai seguire in diretta

Per inaugurare subito il nuovo servizio, stasera alle 22 si terrà il primo FaceBook party di Ascoli Piceno, e se vuoi partecipare sia in diretta, commentando il live e seguendo la diretta, o anche consultare tutto ciò che accadrà dopo l’evento, ti consiglio di prendere subito confidenza con il nuovo piccolo nato .

Come funziona il live blogging

Ho pubblicato un articolo apposito, per renderti più agevole il live di questo e di altri eventi che si succederanno.

Cosa ne pensi?

Se parteciperai attivamente all’iniziativa, o se vuoi esprimere un tuo giudizio su questo nuovo progetto, sei libero di farlo nei commenti di questo articolo. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

In un momento di crisi come questo, in cui trovare lavoro diventa sempre più difficile, Upgrade Multimediale reagisce e lancia una web competition mettendo in palio 10.000 euro da assegnare al migliore designer creativo della rete.

Scopo del contest, lanciato dalla web agency veronese in collaborazione con Volkswagen Group Italia Divisione Audi, è individuare un valido profilo da inserire nell’organico.

Si tratta di un’iniziativa che mette alla prova le abilità dei designers su tutti i fronti: se da un lato per vincere sarà necessario ideare un progetto creativo, originale e di impatto, dall’altro sarà opportuno realizzare la proposta nel più breve tempo possibile.

I 10.000 euro del montepremi inizieranno infatti a decrementare a partire dalla data e dall’orario di pubblicazione del brief.
Sarà il partecipante a fermare il counter inviando la proposta e stabilendo così il proprio montepremi personale che gli verrà consegnato in caso di vincita e di accettazione di un contratto a tempo indeterminato in Upgrade.

Per partecipare è possibile inviare la propria candidatura sul sito Internet Diecimilaeuro.it.

Le iscrizioni verranno chiuse il giorno 06/01/09, mentre a partire dal 09/01/09 sarà possibile visionare il brief che riguarderà un importante progetto per la Casa automobilistica tedesca.
Sarà una giuria interna ad Upgrade a stabilire il miglior progetto tra quelli inviati.

Upgrade Multimediale lancia dunque una nuova sfida adatta a tutti coloro che amano mettersi in gioco in una gara con sé stessi e contro il tempo, e che sentono di avere il web design nel sangue.

Articolo pubblicato dalla redazione di Upgrade Multimediale
Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Voglio svelarti un piccolo test che sto conducendo, grazie al quale sto ricevendo buoni risultati in termini di aumento del tempo medio di presenza sul mio blog (e non solo) che potrebbe aiutarti a migliorare anche il tuo progetto.

Come la maggior parte dei blogger, anch’io utilizzo servizi di analisi del traffico (Google Analytics per i dati e Feedburner per i feed), allo scopo (oltre di mostrare gli incrementi di visitatori e quali parole chiave sono più cercate) di riuscire a trarre delle utili osservazioni che portino ad agire per migliorarne la visibilità.

Ho iniziato un test che non è terminato (non ho stabilito una data di conclusione, ma se i risultati continuano a migliorare, credo che questa prova continuerà a vita ) da cui posso trarre delle conclusioni e volevo condividerle con te, discutendone poi anche nei commenti di questo articolo.

In cosa consite questo test

Il mio obiettivo principale è di aumentare il tempo medio di lettura di Blographik, che purtroppo è davvero basso, ad oggi si aggira attorno al minuto e mezzo.
Pochino considerando che la gran parte dei post sono lunghi, e quindi occorrerebbero un paio di minuti di lettura, se non di più.

Da qualche settimana ho iniziato a pubblicare una serie di articoli non solo di contenuti utili (quindi di solo testo), ma di liste molto corpose e lunghe (e dai commenti ricevuti mi sembrano anche apprezzate dai lettori ) di risorse di buon valore per un web designer, un grafico o un blogger.

Perchè pubblicare delle liste

Il motivo che mi ha spinto a portare avanti questa strada è molto semplice, grazie ai dati di Google Analitycs conosco l’articolo più letto in assoluto su blographik che ha un tempo permanenza della pagina di quasi 7 minuti, impressionante se paragonato alla media generale (1 minuto e 30 secondi).

Eccolo: Vuoi migliorarti con Photoshop? Ecco 40 fantastici tutorial selezionati per te.

Dalle ricerche che eseguo correntemente sul mio Analytics, ho scoperto inoltre che le parole chiave più cercate sono proprio tutorial per photoshop e simili, in prima pagina e nelle prime posizioni.

Quindi da questi dati ho concluso che, riguardo a questo progetto, le liste di risorse utili sono una ottimo metodo per incrementare visibilità, traffico, tempo medio sul sito e reputazione on line.

Un altro motivo che mi spinge a continuare questo test

Riuscire a raccogliere in un solo articolo una serie di molte risorse legate agli argomenti di blographik, non farà altro che:

• incrementare i link verso blographik;
• Incrementare le discussioni tramite i commenti,
• aumentare il numero di lettori che aggiungono un articolo così esaustivo nel proprio delicious o su OkNotizie (e sai quanto piace a google delicious e servizi simili).

Tutto questo non potrà che incrementare oltre che il tempo medio sul sito, anche la popolarità dello stesso blog.

Quali sono queste famose liste?

Eccoli i i post che sto sperimentando e che ho pubblicato fin’ora, che spero ottengano un buon successo di pubblico e critica , su questo punto ti terrò aggiornato in futuro.

• Plugin per Wordpress: Scopri come automatizzare il tuo blog con 10 nuove utility (3 commenti);
• Ispirazioni per web designer: Questi 24 header di grande impatto grafico (11 commenti);
• Ispirazioni per Web Designer: 40 esempi di footer per il tuo blog (3 commenti);
• 25 tutorial avanzati per web designer freelance (8 commenti);
• Questi 10 design eccellenti che usano Wordpress come CMS (7 commenti);
• I migliori 50 set di icone del 2008 raccolti per te (10 commenti);

I lati negativi

Per riuscire a pubblicare dei contenuti utili così esaustivi o comunque di una qualità elevata, occorre molto tempo.
In media per riuscire a raccogliere, catalogare, cercare, formattare, aggiungere tutte le immagini ed i link correlati, ho impiegato da una a 3 ore.

Conclusioni

Alla fine possiamo girarci quanto vogliamo, ma per creare e gestire un blog professionale di buon livello, occorre davvero molto tempo e passione per ciò che si sta portando avanti.

Ora tocca a te

Ti ho svelato questo mio piccolo trucco per incrementare il tempo medio sul blog, ti aggiornerò degli sviluppi di questo test, durante le prossime settimane, forse mesi.

• Cosa pensi di questa tecnica, potrebbe essere utilizzata anche sul tuo blog?
• Stai già creando degli articoli ricchi di liste?
• Hai ottenuto risultati positivi?
• Seguirai questo metodo?
• Quanto tempo impieghi per scrivere una lista di risorse utili?

A te la parola.

blographik.it

E’ difficile vedere pubblicato un articolo su Blographik come guest poster?

Direi proprio di no, a patto che si seguano determinate specifiche che ho voluto raccogliere in questo articolo.

Affermando che è facile partecipare, forse ti sarà venuto in mente:

“ho qualche articolo di bassa qualità che non ho ancora pubblicato sul mio blog e stavo per buttare…vabbè lo mando a blographik che me lo pubblicherà così mi faccio un pò di pubblicità senza tanti sforzi .

Spiacente, ma se la pensi così non contattarmi neppure.

Scrivere contenuti per Blographik non è difficile, ma è ovvio che bisogna cercare di mantenere una qualità abbastanza alta, segnalare risorse, oppure scrivere tutorial.
L’importante è che siano di qualità, senza contenuti duplicati ed attinenti a ciò di cui tratta questo progetto.

Ho pensato quindi di parlarti di cosa rende un guest poster un bravo collaboratore di questo blog.

Blographik è utile

La prima regola di Blographik è: scrivere contenuto utile.

Sei un web designer freelance o uno sviluppatore, e hai delle conoscenze tali da poter scrivere tutorial o materiale audio/video/testuale di qualità e vuoi diffondere la tua professionalità nei motori di ricerca anche grazie a questo blog?

Oppure…

Sei uno smanettone o hai investito molto del tuo tempo in un determinato settore (ad esempio il blogging o la comunicazione in rete o qualche servizio web 2.0 etc.), ed hai raggiunto una buona padronanza del servizio?

Queste sono due grandi aree tematiche per un buon post su Blographik.

I lettori di questo progetto vogliono contenuti che possono applicare concretamente.
Vogliono che i post li aiutino a migliorare le loro conoscenze o seguire le novità relative agli argomenti trattati sul blog.

E’ necessario quindi che i contenuti di Blographik forniscano un significativo vantaggio ai lettori.

Blographik è pertinente nei contenuti

Ovviamente, i post per Blographik devono essere pertinenti ai temi trattati (web design, risorse per blogger, grafica, programmazione, web marketing, SEO).

Se hai la possibilità di scrivere contenuti correlati al blog come il copywriting, come migliorare un blog e creare contenuti di successo, come incrementare il traffico verso un blog, come scrivere contenuti per i servizi di social media, dei tutorial per photoshop (o di grafica vettoriale come Illustrator o programmai simili), che permettano di creare un’effetto spettacolare etc. Blographik potrebbe essere un luogo adatto al tuo post.

Se vuoi scrivere qualcosa sull’ iPhone, o su Britney Spears, questo blog non è adatto a te .

Per scrivere un grande post per Blographik ed ottenere un buon ritorno d’immagine oltre che un link verso il tuo blog, ti aiuterà sapere quali sono gli articoli che hanno avuto più successo.

Ecco 10 esempi:

• Vuoi migliorarti con Photoshop? Ecco 40 fantastici tutorial selezionati per te;
• Il File di Paging: cos’è e come configurarlo;
• Le Basi per il Design di un Logo (prima parte);
• 25 tutorial avanzati per web designer freelance;
• Creare un logo - impatto grafico e originalità;
• Ispirazioni per web designer: Questi 24 header di grande impatto grafico;
• Ispirazioni per Web Designer: 40 esempi di footer per il tuo blog;
• Ecco come fotografare uno spettacolare effetto fumo senza usare photoshop;
• I migliori 50 set di icone del 2008 raccolti per te;
• Plugin per Wordpress: Scopri come automatizzare il tuo blog con 10 nuove utility.

Blographik è ben scritto

Per pubblicare articoli su blographik cerca di essere interessante, spendi, anzi investi molto tempo nella creazione di un titolo che catturi l’attenzione.

Prima di inviarmi il materiale, controlla più volte il tuo articolo anche attraverso un correttore ortografico.

Noi non siamo perfetti. Noostante gli sforzi, io stesso incappo in errori ortografici.
Cerchiamo però di evitarli in quanto poco professionali.

Blographik è un blog che cerca il tuo miglior articolo, non una semplice bozza.
Ti consiglio inoltre di preparare il tuo post, aspettare un giorno o due, tornado poi a rileggerlo con un’ occhio più attento per corregere evenutali errori o per migliorarlo dal punto di vista dei contenuti.
Ti assicuro che funziona.

Quindi se hai a disposizione uno o più articoli che siano, pertinenti e ben scritti, qual’è il prossimo passo?

Contattami per collaborare

Puoi contattarmi tramite il modulo apposito o inviandomi un messaggio a questa email.
Segnalami che ti piacerebbe scrivere per Blographik, e l’argomento che intendi trattare.

Inoltre, è una buona idea indicarmi un paio di link di alcuni dei tuoi articoli di cui vai particolarmente fiero, o che hanno ottenuto un buon successo.
(Se hai un blog, non importa. Non è un requisito fondamentale.)

Ti prego di essere paziente alcuni giorni, in alcuni casi potrei non essere in grado di rispondere subito alla tua email, ma non preoccuparti, riceverai sempre un mio contatto .

photo credits: Corbis. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Il quinto ed ultimo articolo della mini serie di 6 post dedicati ad ASP.
E’ stata realizzata la guida con questo linguaggio che seppur obsoleto, è comunque utile per chiunque voglia iniziare ad affrontare un percorso di programmazione.

In quest’ultima puntata vedremo come interagire, grazie ad ADO, con un database Access.

Al termine del post, potrai scaricare in formato zip tutti i file originali, per testare e studiarti al meglio questo tutorial.

Come interagire con un database Access

di Emanuele Calì

Per prima cosa realizzeremo lo script di connessione al database:

<% var connessione = “driver={Microsoft Access Driver (*.mdb)};”; connessione += “dbq=” + Server.MapPath(“utenti.mdb”); %>

A questo punto possiamo interrogare il database per ottenere gli username degli utenti:

<% var sql = “SELECT username FROM utenti ORDER BY username”; var ADOCon = new ActiveXObject(“ADODB.Connection”); ADOCon.Open(connessione); var rec = ADOCon.Execute(sql); while (!rec.EOF) { var username = String(rec(“username”)); Response.Write(username + “<br>”); rec.MoveNext(); } rec.Close(); ADOCon.Close(); %>

Vediamo ora come inserire un nuovo record:

<% var connessione = “driver={Microsoft Access Driver (*.mdb)};”; connessione += “dbq=” + Server.MapPath(“utenti.mdb”); var ADOCon = new ActiveXObject(“ADODB.Connection”); ADOCon.Open(connessione); ADORec = new ActiveXObject(“ADODB.Recordset”); ADORec.Open(“utenti”,ADOCon,0,3); ADORec.AddNew(); ADORec(“username”) = “nuovo username”; ADORec.Update(); ADORec.Close(); ADOCon.Close(); %>

Per modificare il record utilizzeremo le stesse istruzioni appena viste, ovviamente richiamando la query opportuna:

var query = "SELECT username FROM utenti WHERE username='nuovo username' "; ADORec.Open(query,ADOCon,0,3); ADORec(“username”) = “modifica username”; ADORec.Update(); ADORec.Close();

Come anticipato all’inizio dell’articolo, puoi scaricarti gratuitamente un file zippato con tutti i file per utilizzare questo tutorial.

Articolo pubblicato per blographik da Emanuele Calì di EmaWebDesign.com

Articoli pubblicati su blographik dallo stesso autore:

• Ecco come progettare e realizzare un carrello virtuale per un e-shop in PHP (parte 1);
• Realizza un carrello virtuale per un e-shop in PHP e scarica i file originali (parte 2);
• Come realizzare pagine in ASP (parte 1);
• Guida ASP: Come scrivere la tua prima pagina (parte 2);
• Guida ASP: Come funzionano i metodi dell’oggetto Request (parte 3);
• Guida ASP: Come utilizzare l’oggetto Server per interagire con il web server (parte 4);
• Guida ASP: Come leggere e scrivere un file di testo (parte 5).

Sei uno sviluppatore, un grafico, un web designer, un esperto SEO o un blogger?
Vuoi partecipare anche tu come guest poster su blographik per accrescere la tua visibilità in rete?

Scrivimi dal modulo contatti per ricevere tutte le informazioni al riguardo.

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Il primo Facebook Party di Ascoli del 19 dicembre si sta avvicinando, e gli organizzatori si stanno muovendo per creare il miglior evento possibile.
Ne avevo già parlato in un precedente articolo, se non puoi partecipare ma sei curioso/a di sapere come sta andando , Blographik sarà attivo per il live blogging dell’evento mentre altri blogger effettueranno le dirette video dell’evento tramite mogulus.

Nei commenti della presentazione del party, alcuni blogger erano disponibili ad inserire un banner per diffondere viralmente questa festa organizzata utilizzando solo Facebook.
Ecco il badge che utilizzeremo e che chiunque voglia partecipare può inserire nel proprio blog.

Tra gli sponsor dell’evento ci sarà anche un progetto creato da me, un blog sulla cucina (ilmanicaretto.it),  in cui sono anche co-autore insieme ad altri amici e collaboratori.

A proposito, ti piace il badge?

Non è stata una mia realizzazione, dal mio punto di vista è bellissimo ed i miei complimenti alla grafica/web designer che lo ha realizzato.

Cosa aspetti allora, se non puoi partecipare almeno dacci una mano ad arrivare a 2000 iscritti (ora sono circa 1600!!) e segui l’evento live su blographik.
Pubblicherò un altro articolo prima della data fatidica per informarti degli ultimi sviluppi e per invitarti a partecipare alla diretta utilizzando questo blog . Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Creare un logo non è come qualsiasi altro tipo di lavoro di design, per essere professionali, devi prestare attenzione ai dettagli.

Anche una grande idea può essere rovinata dal non pensare a semplici fattori.
I seguenti suggerimenti ti aiuteranno a seguire una strada corretta.

01. Lavora in vettoriale

Questo sembra ovvio, probabilmente per la maggior parte dei grafici e dei web designer, ma non è così per tutti.
I formati in vettoriale permettono di creare diverse varianti al tuo logo.

02. Non utilizzare più di 2 caratteri

In rete sono presenti molti font di qualità, noi preferiremo utilizzarne il maggior numero possibile.
Purtroppo scegliendo troppi font, si andrebbe a perdere la coerenza grafica di ciò che vogliamo rendere chiaro.

Utilizzare due diversi tipi di caratteri potrebbe essere una buona scelta, ad esempio cercando due font abbastanza in contrasto tra loro, catturando così l’occhio di chi osserva.

03. Evita che sia illeggibile

Se le persone non possono leggere il tuo logo, è inutile crearlo.
Questo suggerimento sembra ovvio ma non lo è, si raggiungono facilmente vari passaggi che creano lettere o tipi di carattere che via via risultano sempre meno leggibili.

04. Effettua dei test sulle dimensioni

Il logo dovrebbe ridimensionarsi facilmente ed essere comunque chiaro e facilmente comprensibile, sia se visibile dal retro di un enorme camion sia se stampato su un piccolo badge.

05. Adattalo anche per sfondi scuri

Hai creato un meraviglioso logo di colore scuro, ma ora il tuo cliente vuole stamparlo sulla sua auto nera ;).
Di solito non è troppo difficile da adattare, ma risulta più professionale se hai già effettuato delle prove con sfondi neri o scuri.

06. Assicurati che graficamente sia valido anche in bianco e nero

Ho una tecnica molto semplice al riguardo: io lavoro ogni logo in bianco e nero prima di aggiungere qualsiasi colore.
In questo modo vengono apportate delle scelte solo in base alle forme e non si è distratti da altro.
E’ molto meglio sapere che il tuo logo funziona bene anche in tonalità di grigio.

07. Non includere foto nel logo

Beh … questo suggerimento segue il primo consiglio di creare il logo in vettoriale.
Infatti, le foto non sono vettoriali .
Le foto potrebbero perdere di qualità in base alle dimensioni, non hanno alcun valore di branding e sono difficili da adattare per qualsiasi impiego.

08. Osserva il logo alla rovescia

Guardando il tuo logo (o qualsiasi disegno stampato) potresti trovare dei nuovi equilibri tra gli spazi bianchi dando un nuovo look al design.

09. Non seguire le tendenze

E’ spesso difficile sfuggire alle tendenze del momento, soprattutto se sei ispirato dai loghi presenti nei layout dei siti web o dei blog.
Il logo è un progetto che deve durare a lungo, per questo motivo è meglio cercare di evitare il web 1.0 o le riflessioni del web 2.0.

10. Cerca dei feedback del tuo lavoro

Chiedere il parere dei lettori del tuo blog o di tuoi amici o colleghi, è inutile se non sai quali informazioni desideri ottenere.
Quando cerchi dei feedback, prova a porre domande specifiche (ad esempio il logo esprime il brand della società?).

Per migliorare le tue conoscenze nella creazione di un logo, puoi ottenere e raggiungere migliori risultati, consultando questi ottimi progetti on line:

• Logolog, blog dedicato al design di loghi;
• Brand New, molti pareri in materia di corporate e brand identity;
• Logo Pond, utile per ispirazioni;
• Logo Design Love, un altro blog dedicato al settore;
• Logo of the Day, ogni giorno un’ispirazione per il design di loghi.

fonte: Designer-daily.com
photo credits: Davidairey.com Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Le Icone sono presenti ovunque sul Web.
Nella maggior parte degli attuali design, le icone sono utilizzate non solo per completare le nostre creazioni, ma anche per attirare l’attento sguardo del lettore.
I web designer o le web agency in generale, si aiutano grazie all’utilizzo delle icone per creare dei layout spettacolari.

In questo articolo scopri i 50 set di icone di maggiore qualità, che ho scovato in rete nel corso del 2008.
Alcuni set di icone non sono presenti in questa lista?
Segnalamelo, li aggiungerò all’elenco con il link al tuo blog ;).

Ecco la lista di icone gratuite

1. OldSchool Icon Set

2. Icone disegnate a mano libera, stile scarabocchio per blogger

3. Milky icon set

4. Icone in stile “porcellana”

5. Icone per iPhone

6. Icone per social media

7. Icone stile “rovinato/graffiato” (grunge)

8. Icone natalizie

9. Coquette Icons

10. Icone 3d

11. Fugue Icons

12. Icone stile glossy per blogger

13. Altre icone stile glossy

14. Icone sulla Finanza e applicazioni varie

15. Liquidicity

16. Free Vector Icon Set 1

17. Web browsers icon set

18. Asp.net Icons

19. Cult-foo icon set

20. Validation Icon Set

21. Web 2.0rigami

22. Icone circolari

23. Phuzion

24. Free web development icons

25. Simplicio

26. Web 2 Icons

27. DSLR lens Icon

28. Collezione di icone sui pirati

29. Icone per feed con animali

30. Icone per Ecommerce

31. Practika

32. Icone per siti web

33. Glossy Member Icons

34. Aeon

35. RSS feed

36. Semplici e gradevoli badge per abbonamento a servizi

37. Psdbox

38. Drop Box Icon

39. Verde e blu

Icone per desktop e documenti

40. Onibari Leopard Made

41. Carbon Gloss

42. De Freu - Icon Pack

43. iMod for Dock

44. Icone stile cinese orientale

45. iLeopard Icon Pack SE

46. Icone per i prodotti della Adobe Creative Suite

47. Colorabo

48. ZeroOne

49. Made Of Wood

50. Paper Clip

Fonte: Noupe.com Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Il terzo articolo della mini serie di 6 post dedicati ad ASP.
Nella prima parte di questa guida su ASP, è stato ha introdotto il linguaggio che seppur obsoleto, è comunque utile per chiunque voglia iniziare ad affrontare un percorso di programmazione.

In dettaglio, nella prima puntata è stato descritto come comunicare all’interprete il linguaggio di scripting, nell’articolo successivo è stato introdotto come creare la tua prima pagina in ASP, mentre in questo appuntamento potrai consultare, con file scaricabili a fine pagina, come scrivere il codice della tua prima pagina ASP.

Come funzionano i metodi dell’oggetto Request in ASP

di Emanuele Calì

Dopo aver visto all’opera i metodi dell’oggetto Response, vediamo quelli dell’oggetto Request:

• Form;
• QueryString;
• ServerVariables.

Con i metodi Form e QueryString possiamo recuperare i dati inviati da un form in modalità post o da querystring. Per recuperare dati da un form in modalità post:

<% var miaVar = new String(Request.Form("username")); if (miaVar!="" && miaVar!="undefined") { %> Ecco il tuo username: <% Response.Write(miaVar); %> <% } %>

In modalità querystring avremmo recuperato il contenuto della variabile in questo modo:

<% var miaVar = Request.QueryString("username"); %>

Con il metodo ServerVariables possiamo recuperare informazioni sul server e sullo script o anche sul client, ecco degli esempi:

IP del server

<% var ip = Request.ServerVariables("LOCAL_ADDR"); %>

Nome dello script

<% var script = Request.ServerVariables("SCRIPT_NAME"); %>

IP del client

<% var ip_client = Request.ServerVariables("REMOTE_ADDR"); %>

Nome del client

<% var name_client = Request.ServerVariables("REMOTE_HOST"); %>

L’oggetto Session consente la gestione delle sessioni utente.
Ecco un esempio di variabile di sessione:

Session(”mia_sessione”) = “utente”;

E’ possibile impostare il ciclo di vita di una sessione nel seguente modo:

Session.Timeout = 10;  // 10 minuti

Per eliminare le variabili e liberare le risorse utilizzeremo il metodo Abandon:

Session.Abandon();

Al prossimo post di questa mini rubrica dedicata ad ASP.

Se non vuoi perderti la mini serie di articoli dedicati a questo linguaggio di programmazione, ti consiglio di abbonarti alla newsletter gratuita di questo blog (avrai anche un corposo omaggio come benvenuto ) oppure puoi iscriverti al feed rss di blographik ;).

Articolo pubblicato per blographik da Emanuele Calì di EmaWebDesign.com

Articoli pubblicati su blographik dallo stesso autore:

• Ecco come progettare e realizzare un carrello virtuale per un e-shop in PHP (parte 1);
• Realizza un carrello virtuale per un e-shop in PHP e scarica i file originali (parte 2);
• Come realizzare pagine in ASP (parte 1);
• Guida ASP: Come scrivere la tua prima pagina (parte 2).

Sei uno sviluppatore, un grafico, un web designer, un esperto SEO o un blogger?
Vuoi partecipare anche tu come guest poster su blographik per accrescere la tua visibilità in rete?

Scrivimi dal modulo contatti per ricevere tutte le informazioni al riguardo.

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Ti sei mai chiesto se in rete fosse presente una guida esaustiva su tutti i passi da considerare per creare un progetto on line di qualsiasi entità (blog, magazine, sito web etc.) utilizzando wordpress come piattaforma?

In questo articolo Enrico Corinti, programmatore php e collaboratore di Blographik, presenta una lista davvero esaustiva di tutto ciò che bisogna tenere in considerazione fin dall’inizio, per creare una qualsiasi applicazione gestita con wordpress, soprattutto se a lavorare allo stesso progetto è un team e non una sola persona.

Se stai cercando un documento che ti aiuti nel realizzare un preventivo per un lavoro del genere, hai trovato ciò che ti occorre ;), un vero e proprio vademecum da stampare e conservare.

Come sempre, sei libero di contribuire a rendere questa guida il più esaustiva possibile.

Passi essenziali per realizzare un’applicazione web in stile blog/magazine/sito-web utilizzando Wordpress

di Enrico Corinti

1. Specifiche

Acquisizione delle specifiche tecniche del committente sulle funzionalità, richieste, azioni, personaggi che prenderanno parte al meccanismo funzionale dell’applicazione.

2. Architettura/Design

Realizzazione di un’architettura grafica che rappresenti lo stile comunicativo del committente da punto di vista grafico/estetico, con un occhio di riguardo all’usabilità, all’accessibilità e all’efficiente espressione dell’informazione. Tecnologie/conoscenze da usare:

• Photoshop;
• Illustrator;
• Elementi di Design, stile, formazione e cultura grafica;
• Teoria dell’informazione, Information Architecture, usabilità, user centered design, accessibilità;
• Tecniche e regole editoriali per la pubblicazione dei contenuti on line.

3. Design xhtml/css

L’immagine realizzata nel punto precedente viene ritagliata nelle parti che saranno poi montate sulla struttura xhtml.
Passare dal concept grafico come immagine alla sua composizione su una struttura xhtml/css, mantenendo saldi i principi di accessibilità (codice scritto bene), tagging essenziale, dimensioni dei files essenziali, ritaglio/esportazione delle immagini corretta, strutturazione in cartelle dell’applicazione.

Tecnologie/conoscenze da usare:

• Photoshop;
• Elementi di Design, stile, formazione e cultura grafica;
• Xhtml;
• Css;
• Internet Explorer Hacks (per correggere gli errori di visualizzazione su ie6);
• Esempi di tutorial in CSS da sapere: come si realizza un menù, come si realizza una galleria, come si realizza un box con angoli arrotondati, etc..

4. Templating

Realizzazione dei Template/Temi necessari per wordpress, ovvero definizione delle parti dinamiche dell’applicazione e delle loro funzioni.
Scrittura del codice necessario per le funzionalità richieste al punto 1 (ad esempio…”se clicco qui voglio che visualizzo questo…se richiamo qesta pagina voglio vedere queste informazioni…etc…“).

Temi possibili per una semplice applicazione:

• Tema Home Page;
• Tema Categorie/Archivi;
• Tema di presentazione aziendale;
• Tema di presentazione contenuti particolari (ad esempio una serie di contenuti scelti ad hoc).

Tecnologie/conoscenze da usare:

• Xhtml;
• Css;
• PHP;
• Teoria sulla Gestione dei Contenuti in un CMS: tassonomia, gestione categorie, filtri categorie, manipolazione contenuti, campi personalizzati;
• Wordpress API/CODEX;
• Wordpress Plugins;
• Javascript/Ajax/JQuery;
• Elementi di programmazione;
• Elementi di programmazione ad Oggetti;
• Tutorial in Ajax (come si fa una galleria dinamica, come si animano le immagini ed il testo, come interagire col browser, etc…).

5. Messa in Opera

Acquisizione del dominio web, installazione e messa in funzione del prodotto e predisposizione dei plugin non ancora attivi nella fase precedente. Predisposizione delle politiche di sicurezza sul motore, predisposizione degli utenti, impostazione delle autorizzazioni necessarie per ogni utente. Test delle funzionalità eventuali correzioni.

Tecnologie/conoscenze da usare:

• Installazione di Wordpress su Web Server Apache;
• Configurazione di Wordpress;
• Gestione utenti in Wordpress;
• xhtml;
• Css;
• PHP;
• Teoria sulla Gestione dei Contenuti in un CMS: tassonomia, gestione categorie, filtri categorie, manipolazione contenuti, campi personalizzati;
• Wordpress API/CODEX;
• Wordpress Plugins;
• Javascript/Ajax/JQuery;
• Elementi di programmazione;
• Elementi di programmazione ad Oggetti;
• Internet Explorer Hacks (per correggere gli errori di visualizzazione su ie6);
• Eventuali altre informazioni correttive dai punti precedenti…

6. Indicizzazione e posizionamento

Impostazione dei parametri necessari alla corretta ed efficiente indicizzazione dell’applicazione sui motori di ricerca.
Iscrizione alle principali directory di contenuti.

Revisione dei contenuti e della loro presentazione in base a specifiche tecniche editoriali di marketing, inserimento di script (per la web analytics) per la gestione delle visite e acquisizione dati di accesso.

Tecnologie/conoscenze da usare:

• Xhtml;
• Css;
• Strumenti di web marketing di google (Analytics, AdSense, AdWords, etc…);
• Strumenti di web marketing web2.0 (Technorati, OkNotizie, BlogSearch, BlogItalia, Criteo, MyBlogLog, Stumbleupon etc…);
• Tecniche e regole editoriali per la pubblicazione di contenuti on line;
• Tecniche e regole di scrittura su web;
• Strumenti di Marketing on line.

7. Servizi Web 2.0 in rete

Apertura di vari account sui principali servizi on line web 2.0 che creino strumenti multimediali per l’applicazione e siano anche da strumenti di marketing on line.

Tecnologie/conoscenze da usare:

• Teoria e gestione dei Feed/RSS;
• Metodi di aggregazione informazioni;
• Xhtml;
• Css;
• Plugin di Wordpress per la comunicazione e pubblicazione automatica di contenuti;
• Interazione con Wordpress di questi strumenti;
• Gestione degli account principali su: Flickr, Delicious, Mogulus, OkNotizie, Digg, YouTube, Google, Twitter, Wikio, etc…

8. Scrittura dei contenuti/Monitoraggio

Fase di uso e monitoraggio del prodotto per portarlo al suo regime di uso.
Controllo degli accessi.
Controllo della rispondenza dell’applicazione alle richieste del committente e all’attenzione degli utenti.

A questa lunga lista di specifiche così dettagliate, vuoi aggiungere qualcosa?

Quale sarebbero secondo te, i punti 9 e 10 per ottenere una lista esaustiva per per realizzare un’applicazione web in stile blog, magazine o semplice sito web utilizzando Wordpress? Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Se non vuoi utilizzare wordpress come CMS o piattaforma per il tuo blog, ecco una mini guida che ti mostrerà un valido sostituto: BlogEngine.net.

Questo articolo presenta in forma esaustiva, tutte le caratteristiche fondamentali di questo CMS alternativo a wordpress (o Blogger); software che utilizza la tecnologia .NET.
Grazie al contributo ed alla partecipazione dei lettori sullo sviluppo futuro di questo progetto, Blographik focalizzerà in parte la sua attenzione anche nella realizzazione di articoli dedicati ad esperti e professionisti, e non solo a chi è alle prime armi.

Il seguente post è rivolto sia ad esperti che appassionati newbie che stanno cercando valide alternative a Wordpress ;).

Se stai utilizzando BlogEngine.net o hai intenzione di farlo, sei libero di condividere la tua esperienza nei commenti di questo articolo.

Che cos’è BlogEngine.NET

di Francesco Mori

BlogEngine.NET nasce da un’intuizione di Mads Kristensen, un giovane programmatore danese il quale, analogamente a quanto accade a molti programmatori che prendono la decisione di iniziare un’esperienza nel mondo dei blog, si trovò a cercare un software CMS su tecnologia .NET che potesse in qualche modo soddisfare le sue esigenze: la ricerca non produsse niente di buono e quindi fu conseguente la decisione di rimboccarsi le maniche ed iniziare a svilupparne uno tutto suo.

L’inizio dello sviluppo di questo CMS

Il primo grosso impulso alla diffusione di BlogEngine.NET derivò dal fatto di essere inserito fra i pacchetti di installazione dei così detti “Starter Kit” ufficiali rilasciati da Microsoft a scopo didattico sul portale dedicato ad ASP.NET.
Ovviamente questo fu anche di grande stimolo per l’autore.
Oltre alla sua diffusione, questo tipo di distribuzione, garantiva anche che molte persone iniziassero da subito a “studiare” il codice, si veniva così a formare una community non ancora però consapevole di essere tale.

Il passo successivo fu intrapreso nel momento dell’inaugurazione di “CodePlex“, il sito-contenitore di progetti open gestito direttamente da Microsoft, infatti possiamo trovarci questo CMS nella sua forma sorgente ed anche un interessantissimo e attivissimo forum.

Tutto questo accadeva nella tarda primavera del 2007. Il grosso della community che già esisteva trovò in questo momento la consapevolezza di essere tale, CodePLex ha rappresentato il punto di incontro di tutte quelle persone che già si erano formate sul progetto attraverso il suo studio per scopi didattici.

Come funziona questo CMS

BlogEngine.NET è sviluppato utilizzando il linguaggio C# su framework 2.0 (oppure Mono, rendendolo disponibile anche su sistemi Linux based) ed attualmente è disponibile la versione 1.4.5 (che poi non è altro che la 1.4 più le patch successive) ed ha trovato larghissimo consenso fra gli sviluppatori in tutte le parti del mondo (l’adozione di C# non deve spaventare i programmatori VB.NET in quanto ASP.NET e quindi anche BE permette di far coesistere pagine scritte in entrambi i linguaggi con opportuni accorgimenti).

Al momento questo CMS è in grado di lavorare con la maggior parte dei DB commerciali e free disponibili sul mercato: MySQL, SQL Server, VistaDB e molti altri.
In alternativa, per chi non avesse la possibilità di utilizzare un DataBase, è sempre disponibile la possibilità di utilizzare files XML.

BE.NET permette con estrema facilità la personalizzazione di temi, plug-in, widget ed estensioni e, anche se al momento la disponibilità di materiale già pronto non è paragonabile a quella relativa a WP, stiamo comunque assistendo ad una rapida espansione delle risorse disponibili in rete.
E’ necessario dire che in rete si trovano tutorial per il porting, ad esempio, di temi WordPress direttamente su BlogEngine.NET.

Oltre a questo tipo si “Tips” esistono anche dei validi tutorial che spiegano passo-passo le varie procedure per trasferire il proprio blog su questa piattaforma qualora già avessimo iniziato, ad esempio, su Blogger oppure su WordPress.

Le caratteristiche fondamentali di BE.net

BlogEngine.NET è completamente plug’n play nella sua versione standard con uso di XML, upload dei files nel proprio spazio web e siamo subito operativi.
BE offre tutte le più avanzate caratteristiche che un moderno CMS deve avere, vengono supportati nativamente la maggior parte dei social bookmarks, supporto a OpenSearch, XFN tags, AJAX, FOAF, SIOC, APML, Gravatars, coComments, tag cloud, Google sitemap e molte altre funzionalità del Web 2.0.

Oltre alle caratteristiche sopra elencate vi si trova una sezione statistica basata sui referref, un sistema avanzato di gestione dei commenti, RSS disponibili per post, commenti, autori e categorie con pieno supporto per gli standard rss 2.0 e atom 1.0. Ed ancora, sistema automatico di trackbacks e pingbacks, ad ogni nuovo post BE.NET effettua un ping verso tutti i sistemi elencati nell’apposita sezione di configurazione (Technorati, Feedburner, Ping-o-Matic etc.) facilmente integrabile con nuovi servizi qual’ora ve ne fosse la necessità.

Un sistema di ricerca avanzato, possibilità di creare pagine stand alone e per finire troviamo la possibilità di definire più autori per il nostro blog.
Altra caratteristica da non sottovalutare è data dalla piena compatibilità con lo standard “MetaWeblog“, un set di API utilizzate dai più diffusi client di blogging off-line, Windows Live Writer, ne è un esempio.

Queste in sintesi le caratteristiche principali alle quali vanno aggiunte tutte le novità relative all’ultima versione disponibile, fra le quali la possibilità di organizzare i widgets tramite drag’n drop, solo per citarne una.

BlogEngine.NET come alternativa a Wordpress

In sostanza, BlogEngine.NET è una validissima alternativa a WordPress, ne ricalca la semplicità d’uso, la configurabilità e la facilità di espansione.
Il punto di forza è dato sicuramente dalla tecnologia adottata, il framework .NET (oppure Mono) è potenzialmente superiore a PHP.
BlogEngine è debole dove WordPress invece ha uno dei suoi punti di maggior forza: il numero di plug-in, temi e quanto altro.

Ciò è intuibile e giustificabile dalla giovane età del progetto e comunque la comunità di sviluppatori, italiani compresi, sta aumentando sempre più e ciò si trasformerà in sempre maggiori risorse.

Riferimenti

• Sito ufficiale: http://www.dotnetblogengine.net/
• BE su CodePlex: http://www.codeplex.com/blogengine
• Raccolta extension: http://www.codeplex.com/BlogEngineExtensions
• Starter Kit: http://www.asp.net/downloads/starter-kits/blog-engine/
• Community Italiana: http://forum.italianbloggers.it/viewforum.php?f=19&sid=6faa6947649b4ff550a0c941980065fc
• blog ideatore: http://blog.madskristensen.dk/

Note al post

Nel momento in cui viene redatto questo articolo è disponibile per il download la versione 1.4.5

Articolo scritto da Francesco Mori come guest poster per Blographik.it.

Autore
Francesco Mori (aka Sanghino) inizia a lavorare in ambito informatico nell’ormai lontano 1992, dopo aver frequentato la scuola per Ragionieri e Programmatori.
Da sempre sviluppa software, all’inizio quasi esclusivamente in ambito ERP, passando dalle allora classiche architetture client-server fino a giungere oggi a progettare e sviluppare applicazioni internet, intranet e desktop prevalentemente utilizzando tecnologia .NET.
Nel poco tempo libero a disposizione riesce ad appuntare alcuni pensieri sui proprio blog:
uno dedicato alla tecnologia, computerinformatica.blogspot.com, e l’altro alla sua Fiorentina, www.fiorentina.inf

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Ho bisogno del tuo aiuto. Sì, mi sto rivolgendo proprio a te che stai leggendo queste parole dal tuo aggregatore rss o dalla recente nuova newsletter.
Esprimi il tuo parere su blographik, accetto consigli per migliorare questo progetto che ormai ha raggiunto la veneranda età (virtualmente parlando) di quasi 3 anni (le candeline del terzo compleanno ad inizio del 2009 ).

La crescita costante di questo blog

Scopro con stupore e piacere, che nonostante negli ultimi tempi non sia riuscito a pubblicare articoli con costanza (male molto male!!!, parlo bene e razzolo male  ), blographik ha raggiunto e superato il ragguardevole risultato di 1000 abbonati al feed rss.

A questo punto del progetto, ho pensato di aprire una discussione cercando di capire cosa preferiresti leggere su questo blog.

Se sei un lettore di lunga data, avrai scoperto che con oltre 500 articoli pubblicati (per la precisione siamo a 515), qualcosa di utile l’avrò pur scritta , e saprai quali sono gli argomenti che maggiormente vengono trattati su questo blog.

Quale futuro per Blographik?

Cerco il tuo aiuto perchè sono arrivato ad un punto in cui vorrei che il progetto venga condiviso anche da  da te ;), e poichè sei tu che leggi i miei articoli, voglio sapere cosa pensi di blographik e a quale futuro questo blog dovrebbe aspirare.

Non puoi tirarti indietro

Visto il basso numero di commenti in proporzione al traffico ed agli abbonati via feed, invito anche te che leggi gli articoli, ma non hai mai partecipato alle discussioni, a dare il tuo contributo.

A te la parola, un tuo giudizio per me è fondamentale per capire l’evoluzione di questo progetto.
Se apprezzi i contenuti pubblicati non puoi tirarti indietro, esprimi la tua opinione. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Omar Cafini, organizzatore del 24hrsCamp mi segnala l’inizio del suo interessante progetto (con tanto di modulo di iscrizione) a cui io purtroppo non posso partecipare per motivi di tempo ;).

Di seguito la sua segnalazione dell’evento, la cui pubblicazione spero sia di aiuto ad Omar ed agli altri organizzatori per incrementare la visibilità online e gli iscritti al progetto.

In bocca al lupo .

Manca poco all’inizio del il 24hrsCamp

di Omar Cafini

Il conto alla rovescia per il primo 24hrsCamp è iniziato, vuoi essere dei nostri? Allora registrati al seguente link:

http://cli.gs/ABbQQR

Il 15 e 16 Novembre daremo vita ad un evento unico nel suo genere con un fine nobile:

realizzare una piattaforma di sensibilizzazione sul tema della mortalità materno-infantile.

Ci aiuteranno le associazioni Pangea Onlus e Terre des Hommes.

Se però non te la senti di partecipare per 24 ore ma sei comunque curioso dell’iniziativa allora vieni a trovarci nel mini-barcamp introduttivo:

http://barcamp.org/24hrsCamp

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Il secondo articolo della mini serie di 6 post dedicati ad ASP.
Nella prima parte di questa guida su ASP, è stato ha introdotto il linguaggio che seppur obsoleto, è comunque utile per chiunque voglia iniziare ad affrontare un percorso di programmazione.

In dettaglio, nella prima puntata è stato descritto come comunicare all’interprete il linguaggio di scripting, in questo articolo potrai consultare, con file scaricabili a fine pagina, come scrivere il codice della tua prima pagina ASP.

Come scrivere la tua prima pagina in ASP

di Emanuele Calì

Vediamo adesso il codice della nostra prima pagina ASP dove includeremo un semplice messaggio testuale:

<%@ LANGUAGE = JScript %> <html> <head> <title>ASP Page</title> </head> <body> <% Response.Write(“<h1>Questa è la mia prima pagina ASP</h1>”) ; %> </body> </html>

Adesso vediamo come stampare il messaggio 5 volte avvalendoci di un ciclo FOR:

<%@ LANGUAGE = JScript %> <html> <head> <title>ASP Page</title> </head> <body> <% for (i=0;i<5;i++) { Response.Write(“<h1>Questa è la mia prima pagina ASP</h1>”); } %> </body> </html>

Per stampare il messaggio a video abbiamo utilizzato il metodo “Write” dell’oggetto Response.
Per effettuare un redirect, invece, possiamo utilizzare il metodo “Redirect”:

<% Response.Redirect(“altra_pagina.asp”); %>

Vediamo quali sono, oltre a Response, gli altri oggetti che il server mette a disposizione:

• Application, per la gestione delle variabili di applicazione;
• Request, permette agli script di ricevere un input dall’esterno;
• Response, permette agli script di stampare output;
• Server, permette l’interazione col web server;
• Session, permette la creazione e gestione di variabili di sessione.

Non perdere la prossima puntata in cui scoprirai come utilizzare l’oggetto Request in ASP.

Puoi scaricarti gratuitamente tutti i file funzionanti, riguardanti questa parte della guida.

Se non vuoi perderti la mini serie di articoli dedicati a questo linguaggio di programmazione, ti consiglio di abbonarti alla newsletter gratuita di questo blog (avrai anche un corposo omaggio come benvenuto ) oppure puoi iscriverti al feed rss di blographik ;).

Articolo pubblicato per blographik da Emanuele Calì di EmaWebDesign.com

Articoli pubblicati su blographik dallo stesso autore:

• Ecco come progettare e realizzare un carrello virtuale per un e-shop in PHP (parte 1);
• Realizza un carrello virtuale per un e-shop in PHP e scarica i file originali (parte 2);
• Come realizzare pagine in ASP (parte 1).

Sei uno sviluppatore, un grafico, un web designer, un esperto SEO o un blogger?
Vuoi partecipare anche tu come guest poster su blographik per accrescere la tua visibilità in rete?

Scrivimi dal modulo contatti per ricevere tutte le informazioni al riguardo.

blographik.it