A quasi 2 anni dalla sua nascita, Marask.com cambia finalmente volto! Abbandonato lo stile ‘dark’, ho deciso di passare ad un layout più moderno, pratico ed accattivante, che potesse sfruttare a pieno le potenzialità di WordPress 3.0.
Cambia la grafica, ma gli argomenti rimangono gli stessi, con la promessa di aggiornarlo più spesso!

Buona lettura!

Fonte: 9GAG

Svolta epocale nel mondo del web italiano: finalmente anche il nostro paese si adatta agli standard internazionali ed abolisce l’odiosissima LAR, o Lettera di Assunzione di Responsabilità, nella procedura di acquisto di un dominio punto it.

Cos’era questa LAR? Era un documento nel quale ci si assumeva la responsabilità di quanto sarebbe stato in seguito pubblicato sul dominio in fase di acquisto. La procedura è sempre stata inutile, visto che al momento dell’acquisto ogni società di hosting già chiede all’acquirente di assumersi le proprie responsabilità, azione senza la quale non è possibile acquistare. Il problema della LAR era che andava stampata, firmata ed inviata via FAX al CNR di Pisa, il che costituiva sicuramente una grossa perdita di tempo ed un pesante deterrente per tutti i webmaster italiani, che spesso optavano per domini .com o .net, acquistabili in pochi minuti presso i provider esteri.

FInalmente sarà possibile fare la stessa cosa anche con i domini di casa nostra, ed è già partita la gara per accaparrarsi quanti più .it possibili in questi primi giorni di libertà.

Chi ha detto che per pubblicizzare un marchio sul web occorra necessariamente un sito?
Perchè dover creare da zero un’interfaccia di navigazione, un layout grafico e una montagna di script per gallerie di immagini, video, community, forum, newsletter.. ecc quando, in realtà, tutto questo già esiste sul web?

Skittles.com, il sito della nota marca di caramelle, ci mostra che in realtà tutto quello che occorre fare è munirsi di un tubetto di colla e attaccare tra loro i nostri profili nei vari social networks, per ottenere un perfetto sito commerciale senza, in effetti, realizzarne veramente uno. Skittles.com è un interessantissimo patchwork che unisce i profili aziendali su Facebook, Flickr, YouTube, Wikipedia e Twitter, raggruppati in un unico dominio, navigabili attraverso un semplicissimo box in sovraimpressione che costituisce l’unica vera interfaccia del sito e che permette, in un click, di spostarsi tra i vari network in un attimo.

Un’idea brillante, sebbene non unica nel suo genere, che sfrutta davvero a pieno i concetti di flessibilità e di integrazione tanto cari ai guru del web 2.0, anche se rimane un tipo di comunicazione un po’ difficile da far accettare a molte aziende, di certo più legate ad una comunicazione tradizionale.

Se vi ho incursiosito, date un’occhiata al sito Skittles.com

Fonte: Impronte digitali

E’ opinione comune che i siti in puro XHTML e CSS siano solitamente più scarni e minimalisti di quelli che invece fanno largo uso di Flash. Moltissimi credono che il giusto compromesso tra qualità grafica e leggerezza sia impossibile da trovare e che gli standard di usability obblighino i web designer a sacrificare un po’ della loro creatività per facilitare la user experience.

Non è così, per lo meno non se il web designer sa fare davvero buon uso delle notevoli possibilità che il CSS offre. A riprova di questo, ecco un’interessantissima galleria di 30 menu in puro HTML-CSS che implementano funzioni di navigazione avanzate e di grande impatto visivo, senza appesantire di un solo kb il vostro sito, garantendo anzi la massima navigabilità e compatibilità cross-browser.

Per alcuni di essi è presente anche una sezione tutorial, in cui potrete fare man bassa direttamente del codice, oppure imparare come adattarli alle esigenze del vostro sito web. Buon divertimento!

Galleria dei CSS su sixrevisions.com

Che Photoshop sia il programma definitivo per il fotoritocco lo sanno anche i bambini, ma ci non toglie che a volte sia incredibile quello che alcuni artisti riescono a fare con questo software, trasformando le immagini in modo così radicale da far dubitare persino che siano partiti da una semplice fotografia, magari una stock photo insignificante.

E’ il caso di MichaelO (alias Michael Oswald), che nel suo sito presenta una galleria di immagini semplicemente meravigliose, creative e di livello grafico eccelso, ottenute a partire da normalissime fotografie ed avvalendosi principalmente proprio di Photoshop (con qualche aggiunta in 3DStudio o Maya). Il risultato (come potete vedere nelle 2 foto qui sopra) è sorprendente.

Il suo sito offre una stupenda galleria di immagini, qualche wallpaper e un’interessantissima sezione “process” in cui si possono vedere i vari step della realizzazione di alcune delle sue opere.

Semplicemente fantastico.

Era nell’aria già da un po’, anche se molti ritenevano difficile che un Open Source potesse battere il prodotto di un grande brand, da sempre presente sul mercato e (soprattutto) pre-installato su quasi ogni pc di questo mondo. Così però è stato: in base ai dati di StatCounter, pare che Firefox 3 sia il browser più utilizzato in Europa, scalzando dal trono il ben più blasonato Internet Explorer 7.

Certo, si tratta di un primato tutt’altro che solido, soprattutto in concomitanza con l’uscita di Internet Explorer 8, ma la notizia fa comunque cantar vittoria a coloro che pensano che l’open source sia destinato, nei prossimi anni, ad imporsi sui prodotti branded.

Personalmente, ritengo che le basi per questa evoluzione ci siano tutte e sebbene la pignoleria di Firefox in fatto di HTML e CSS continui a darmi un po’ i nervi, non posso che commentare positivamente questo nuovo trend del web.

Diamo un senso a questo design blog pubblicando ogni tanto anche qualcosa di utile, oltre alle allegre minchiate che trovo in internet. Spero che oggi siate in vena megalomane perchè in questo tutorial vedremo come creare un pianeta, usando solo il nostro fido Photoshop.

Iniziamo!

Step 1

Per prima cosa ci serve una texture qualsiasi, che diventerà il suolo del nostro pianeta. Se non volete perdere troppo tempo vi consiglio di scaricare una delle moltissime texture planetarie disponibili sul web, solitamente ricavate dalle foto delle sonde della NASA e quindi accuratissime. Per questo tutorial useremo la texture di Europa, una delle lune di Giove.

Step 2

Ora che abbiamo la texture prepariamoci ad incollarla nel nostro file di photoshop. Prima però prepariamo un livello completamente nero e successivamente incolliamo la texture, creando un nuovo livello.

Step 3

Andiamo a selezionare un’area circolare all’interno della nostra texture:

 
Step 4

Clicchiamo col destro sulla selezione e selezioniamo “Seleziona inverso”, dopodichè premiamo CANC ed eliminiamo tutto ciò che sta al di fuori della selezione. Fatto questo facciamo di nuovo “seleziona inverso”, in modo da controllare di nuovo la parte rimasta.

Step 5
Sempre mantenendo la selezione, clicchiamo sul top-menu la voce Filtro/Distorsione/Effetto Sfera e diamo un valore del 100% (se l’immagine risulta troppo distorta diminuiamo un po’ il valore). Con questo effetto la texture si deforma assumendo forma sferica, perfetta per il nostro pianeta.

Step 6
Procediamo aggiungendo una fonte di illuminazione. In questo modo il pianeta assumerà una faccia buia, il che aggiungerà notevole realismo. Apriamo, sempre nel top-menu, il pannello Filtro/Rendering/Effetti di Luce ed assegnamo i seguenti parametri:

Una volta dato l’ok, dovremmo avere un’immagine simile:

A questo punto il grosso è fatto. Tutto quello che vi rimane da fare è dare qualche effetto di sovrapposizione (ad esempio un bagliore esterno per simulare l’atmosfera) e un bello sfondo stellato per ottenere immagini come questa:

Come sempre, spero di esservi stato utile. Alla prossima!

Ecco, non faccio in tempo a mettere un tutorial su come si fa il riflesso 2.0 al testo con Photoshop e subito mi imbatto in un bel javascript comodo comodo che permette di fare la stessa cosa senza il minimo sforzo. Basta scaricare il file .js, piazzarlo da qualche parte sul sito, richiamarlo nella sezione <head> ed ecco fatto! A questo punto prendete qualsiasi immagine, attribuitele la classe “reflect” e avrete un ottimo effetto “specchio”, che fa molto web 2.0!

Trovate tutto quello che vi serve qui: http://cow.neondragon.net/stuff/reflection/

Basta navigare un po’ in internet per accorgersi che nell’ultimo periodo il web sembra essersi sempre più uniformato, adattandosi a standard sempre più precisi. Ora, che la cosa sia o meno un bene non mi riguarda, quindi mi limiterò a mostrarvi come ottenere quel tipo di effetti tanto popolari di questi tempi.

Iniziamo con il testo, la parte più semplice.

In questo tutorial apprenderemo come realizzare un effetto di testo di questo tipo:

Iniziamo. Creiamo una nuova immagine, di una dimensione qualsiasi, con sfondo nero e testo bianco. Come font suggerisco il Trebuchet MS, particolarmente adatto a questo tipo di effetti. Dovrebbe essere presente di default anche sul vostro pc.

Ora iniziamo applicando questi effetti al nostro testo:

 Nel dettaglio, la sfumatura deve avere all’incirca queste impostazioni (il grigio è un #999999):

Bene, a questo punto dovreste aver ottenuto questo risultato:

Ci siamo quasi. Come prossimo passo, duplichiamo il livello (ctrl+J), andiamo nel menu Modifica, poi Trasforma>Rifletti verticale. Fatto questo, posizioniamo il nuovo livello sotto al precedente e spostiamolo in basso, in modo da creare una simmetria.

A questo punto apriamo il pannello effetti del livello appena creato e lasciamo tutto uguale, tranne un particolare: invertiamo la sfumatura, in modo da avere la parte grigia adiacente alla parte grigia del livello sottostante.

Il risultato è questo:

Creiamo un nuovo lvello (ctrl – shift – n) e posizioniamolo tra i due. In questo livello stenderemo una sfumatura che va da nero a trasparente, così:

In modo da ottenere questo:

Così facendo abbiamo ottenuto il nostro testo 2.0
Nel prossimo articolo vedremo come come abbellirlo ulteriormente con uno sfondo sfumato ed alcuni effetti 3d. Per ora è tutto, spero che questo tutorial sia stato utile. alla prossima!