Un tempo la realizzazione di un sito web era affidato alla capacità di lavorare in modo ottimale con le tabelle per costruire un layout il più efficace possibile. Ricordo, quando iniziai a fare siti web, che salvai la pagina iniziale di Virgilio (quando in Italia era ancora il motore di ricerca leader) e di averne analizzato a fondo il codice HTML per carpire i segreti di quelli che erano all'epoca i grandi webdesigner.
Tuttavia, con l'avvento dei CSS, e soprattutto con il sopraggiungere di necessità quali "usabilità" di una pagina web, i web designer hanno iniziato a creare le strutture dei propri siti affidandosi esclusivamente ai fogli di stile.
Ma quanti di voi sono realmente in grado di strutturare un sito in questo modo? Può sembrare semplice ma non lo è.
Nel realizzare un layout in CSS bisogna avere una cognizione di insieme degli elementi e conoscere i reali comportamenti dei tag css .
Questi ultimi hanno apportato senza dubbio vantaggio in fase di realizzazione di un sito, accorciando i tempi di realizzazione delle pagine e successiva modifica e stilizzazione dei Tag.
E' vero anche che hanno portato gente come me a passare ore ad imprecare perchè i due principali browser non interpretavano allo stesso modo i nostri files CSS.
Bene oggi voglio suggerirvi 2 soluzioni a queste questioni di carattere stilistico.

1. Se volete che le gli elementi dei vostri Css funzioniono allo stesso modo è necessario che questi siano "resettati" in fase iniziale per poi essere ridefiniti all'interno dei nostri ID.
   Ad esempio Firefox e IE applicano un differente valore di padding agli elementi UL e OL (liste in html), il che crea problemi di layout una volta pubblicata la pagina sul web. Resettando questi valori e ridefinendoli in seguito questo problema viene risolto.
   Questi tag non sono comunque gli unici che devono essere resettati. Potete trovarne una lista completa a questo indirizzo.
2. Se voltete creare un layout in Css senza necessariamente saperlo fare, allora potete affidarvi a questo strumento offerto dal sito csscreator.com che vi permette di realizzare la vostra pagina in modo visuale e veloce (dovete comunque sapere in anticipo qual'è il risultato che volete ottenere).
   In alternartiva se utilizzate il Dreamweaver (in particolare il Cs3) potete utilizzare uno dei templates messi a disposizione dall'applicazione per creare in modo rapidissimo pagine "usabili"

ENJOY IT!

Molto spesso ci capita di vedere immagini contenenti del testo scritto con un font molto carino e particolare, come in giornali e riviste. Nella maggior parte dei casi, siamo comunque costretti a rinunciare ad avere tale font (a mano che non riusciamo a contattare il grafico che ha realizzato l'immagine), perchè sarebbe impossibile, in termini di tempo e fatica persa, riuscire a rintracciarlo nella enorme mole di font disponibili.
Ma come ben sappiamo, il web sta diventando sempre più evoluto e utile alla community, e ci sorprende ogni giorno con applicazioni sempre nuove.
E' il caso di quella offerta dal sito www.myfonts.com e che porta il nome di "What the font?". E' semplice intuire che il suo utilizzo sia proprio quello di risalire (o almeno provare) al nome di un font analizzandone le lettere dell'immagine che noi carichiamo per l'analisi.
Andando sul sito, possiamo provare subito inserendo l'url dell'immagine del nome dell'applicazione (che ho anche utilizzato come immagine iniziale per il post) e vi lascierà molto soddisfatti.
Attenzione però a non inviare immagini che contengano troppi elementi grafici di disturbo, e fate in modo che il vostro testo sia colorato con un buon contrasto rispetto al resto della pagina e che non sia ruotato in nessun modo.
Per il resto...ENJOY IT!

http://www.myfonts.com/WhatTheFont/

La scintilla è nata da una segnalazione di una lettrice che mi diceva di essere capitata sul blog non attraverso i soliti metodi, quali ricerche sui motori di ricerca o link da altri siti, bensì da una segnalazione da parte della rivista Jack di febbraio.
Come molti sanno Jack è un magazine mensile che si occupa di innovazioni, web trends e tutto quello che riguarda l'hi tech nel 21esimo secolo.
In particolare, l'articolo sul quale sono stato segnalato, tratta di tecnologie attuali legati al ritocco delle immagini; si inizia parlando del famoso algoritmo per la riduzione intelligente delle immagini (ne ho parlato in questo e in questo post) per poi giungere a parlare della famosa tecnica di fotomosaico utilizzata da David Hockney per creare le sue composizioni.



Non molto tempo fa un utente di graficare mi aveva chiesto di realizzare un tutorial per ottenere lo stesso effetto "hockney" utilizzando il Photoshop (se volete potete consultarlo a questo indirizzo).
A quanto pare, forse la professionalità (o meglio l'unicità in italiano) di questo tutorial è stata apprezzata dagli autori della rivista che nella didascalia in basso (cliccate sull'immagine per ingrandirla) suggeriscono di sfruttare le "dritte di uno specialista" per ottenere il massimo dai vostri lavori. :)

Che dire questa volta sono io che "ENJOY IT!!"

Cercando strumenti per il ritocco di fotografie su internet, mi sono imbattuto in una applicazione online che ci permette di creare in modo rapido, semplice e gratuito un portfolio personale dove mettere in mostra i nostri lavori, siano essi di grafica, fotografia o video e animazioni flash.

Carbonmade è molto semplice da utilizzare, e si presenta con un'interfaccia molto accattivante, l'ideale quando vogliamo richiamare l'attenzione sui nostri lavori. Una volta creata la nostra pagina personale possiamo aggiungere i nostri progetti, che popoleranno le pagine del portfolio.
Queste pagine conterranno le informazioni grafiche del progetto così come i dati del cliente, se specificati. Possiamo inoltre creare progetti privati, che non siano visibili a tutti.


Infine, se desideriamo monitorare le visite ai nostri lavori, Carbonmade ci permette di inserire il nostro codice di Google Analytics.

Tutto questo è gratuito? Diciamo di si. Come per molti altri servizi, disponiamo di un piano gratuito e di uno a pagamento.
Il piano gratuito ci permette di gestire 5 progetti con 35 immagini.
Pagando invece 12 dollari al mese possiamo salire ad un massimo di 50 progetti con 500 immagini ad alta risoluzione e 10 video.
Allora siete pronti per farvi conoscere?

www.carbonmade.com

"Ciao,
Vi sottopongo il CONTEST INTERNAZIONALE appena indetto da OVO, per una eventuale segnalazione all’interno del vostro blog."

OVO, la nuova rivoluzionaria web tv, il laboratorio creativo che produce e distribuisce su differenti piattaforme documentari brevi sul sapere universale, indice un CONCORSO INTERNAZIONALE per videomaker, motion designer, animators, registi e chiunque si occupi di visual art.

I partecipanti dovranno ideare un trattamento video di 30 secondi sulla base di un testo dato; potranno scegliere tra 5 diversi testi di 5 categorie dell’enciclopedia di OVO. Saranno selezionati 5 vincitori, uno per categoria, che realizzeranno l’intero video in concorso e gli sarà inoltre garantita la produzione di altri 5 video per OVO. Ogni video sarà pagato da OVO in base al trattamento utilizzato, da 1500 a 2300 euro.
La partecipazione è gratuita, iscrivendosi al sito: www.ovopeople.com/talent si potrà scaricare il regolamento del contest.

DEAD LINE per presentazione video: 7 aprile 2008!

Bene, oggi 11 febbraio compio 29 anni, e quale modo migliore per festeggiare se non scrivendo un bel post per i miei cari e fedeli lettori?
Spulciando tra i video di Youtube, sono incappato in uno straordinario video che mette in mostra le potenzialità di un software a dir poco rivoluzionario.
Questa applicazione si basa su di un procedimento studiato da Volker Blanz e Thomas Vetter e riguarda il morphing facciale in 3d.
Nello specifico, questo algoritmo permette di adattare un modello di volto umano , realizzato in 3d tramite la fusione di vari modelli con caratteristiche somatiche differenti, ad una foto (un 'immagine 2d quindi) permettendo a quest'ultima di essere ruotata a 360 gradi, rivelando particolari che altrimenti sarebbero affidati alla nostra fantasia.
Ecco quindi che possiamo ricostruire (in modo straordinariamente realistico) il volto di Tom Hanks partendo dalla foto di un suo profilo. Lo stesso vale per la Gioconda e altri quadri i cui modelli ispiratori non sono direttamente noti.
Ma non è tutto. Una volta eseguito questo adattamento, in modo totalmente automatico, possiamo dare al nostro volto delle diverse espressioni, come felicità o stupore oltre alla possibilità di ingrassarlo o dimagrirlo "all'osso".
Il video che vi propongo qui esplica in qualche modo le funzionalità di questo software.

Viene spontaneo capire le potenzialità di questo software che in una estensione del suo utilizzo, permette di creare dei veri e propri personaggi parlanti, partendo sempre da una immagini statica. Ecco il video che ho trovato sul sito www.desmm.com

Dipinto parlante
by desmm

In un recente post, ho parlato di uno speciale algoritmo che permetteva di ridimensionare le immagini in modo intelligente riuscendo, in particolare, ad eliminare aree dell'immagine senza creare un'interruzione visiva della figura stessa.
Stamattina, leggendo uno dei blog che piu preferisco e seguo - www.scattodesign.com, ho appreso che questo algoritmo è stato implementato in una'applicazione online che porta il nome di Rsizer.
L'interfaccia, basata su Adobe Flash, è semplice ed intuitiva, ma permette di effettuare operazioni abbastanza complesse come la conservazione di aree e l'eliminazione di altre a scelta.
Ad ogni modo se volete avere dei ragguagli ed approfondimenti e leggere un piccolo tutorial sull'argomento, visitate questo post su scattodesign.com
ENJOY IT!

Se siete capitati su questo blog è probabile che sia successo ricercando parole chiave come "tutorial e Photoshop CS3".
Di sicuro da questo punto di vista cerco di dare il mio apporto, anche se scrivere un tutorial a volte richeide anche ore se non giorni, dipendentemente dalla sua complessità.
E' vero che io preferisco fare questo sforzo piuttosto che segnalare e rimandare ad altri siti (come il 90% dei blogger fa), ma oggi voglio fare una grande eccezione, dal momento che non si tratta di uno sforzo personale.
Ho trovato sul sito www.geekissimo.com una fantastica lista con ben 100 siti sui quali trovare utili guide per graficare con Photoshop. Unico requisito: una conoscenza di base della lingua inglese.

1. Adobe Studio
2. Absolute Cross
3. Adobe Evangelist’s Photoshop Tutorials
4. Anders Qvicker Photoshop Tips & Tutorials
5. Jay Arraich’s Photoshop Tips
   
6. B-Man Artworks Photoshop Tutorials
7. Blue Sfear
8. CBT Cafe
9. Computer Arts 2D Photoshop
10. Chipp
11. Cyber Ink Designs
12. Davro Digital
13. Deep Space Web
14. Designer Today
15. Digital Mastery
16. Digital Tropic
17. Distortion
18. GhostBone’s tutorials
19. DreamFinity
20. Dubtastic Design
21. The Photoshop Web Reference
22. Digital Tutors
23. Effect Lab
24. The Elated Web Photoshop Toolbox
25. Espresso Graphics
26. Extropia
27. Eyeball Design
28. Eyeland Studio
29. Eyes on Design
30. Al’s Photoshop Tutorial
31. Graphics Factory
32. Good Tutorials
33. Graphic-Design
34. Graphics World
35. Photoshop CS Tutorials from About.com
36. Go2Graphics
37. GrafX-Design
38. Guild Inn - Gaming GFX Site
39. Graphics.com Photoshop Tips
40. Gurus Network
41. Hands On training
42. Ice House Designs
43. iDigitalMotion
44. Impact Design
45. Lethal Media
46. Lombergar Surreal Art
47. Luna Core Photoshop Tutorials
48. Lynda
49. Magic Pixels
50. Janee’s PS Tutorials
51. Laurie McCanna Photoshop Tutorials
52. Nebulus Designs
53. Noir Photoshop Tutorials
54. Noxcel Photoshop Tutorials
55. Perfect Pexels
56. Phong Tutorials
57. Photocillin
58. Photoshop 101 Tutorials & Resources
59. Photoshop Space Domain
60. Photoshop Brushes Tutorials
61. Photoshop Cafe
62. Photoshop Junkie
63. The Photoshop Guru’s Handbook
64. Photoshop Roadmap
65. Photoshop Stuff
66. Photoshop Top Secret
67. Photoshop Tutorials
68. Photoshop Lab
69. National Association of Photoshop Professionals
70. Pixel2Life
71. Planet Photoshop
72. Passion for Design
73. PolyKarbon
74. PS6
75. PS Lover
76. Rasterized Tutorials
77. RetouchPRO Tutorials
78. Photoshop Ticks
79. Russell Brown Photoshop Tips & Tricks
80. Sreaming Arts Designs
81. Digital Makeover
82. SiteBuilder
83. SketchPad Photoshop Tips
84. Spoono Photoshop Tutorials
85. Spyroteknik
86. Steel Dolphin Creative Photoshop Tutorials
87. Stewartstudio
88. Team Photoshop
89. Photoshop Tutorials
90. The Unofficial Photoshop Weblog
91. Tutorial Forums
92. Tutorialized Photoshop Tutorials
93. Tutorial Outpost
94. Adobe Photoshop Tutorials Select
95. TutorialWiz
96. Tutorial Zone
97. Web Machine v6.0
98. VecPix Photoshop Tutorials
99. Web Class
100. Web Graphics Center
101. Wetzel & Company Photoshop Tutorials
102. Worth 1000
103. Xanthic Photoshop 5 Tutorials
104. Bio Rust
105. Zonnet Photoshop List of Tutorials
106. PS Workshop
107. User Fundy Photoshop Tutorials
108. 13 dots
109. 80Four Photoshop Tips