Costruendo cittá invisibili

Copertina delle cittá invisibili di Italo Calvino

Nelle Città invisibili non si trovano città riconoscibili. Sono tutte città inventate; le ho chiamate ognuna con un nome di donna; il libro è fatto di brevi capitoli, ognuno dei quali dovrebbe offrire uno spunto di riflessione che vale per ogni città o per la città in generale.

Il libro è nato un pezzetto per volta, a intervalli anche lunghi, come poesie che mettevo sulla carta, seguendo le più varie ispirazioni. Io nello scrivere vado a serie: tengo tante cartelle dove metto le pagine che mi capita di scrivere, secondo le idee che mi girano per la testa, oppure soltanto appunti di cose che vorrei scrivere. Ho una cartella per gli oggetti, una cartella per gli animali, una per le persone, una cartella per i personaggi storici e un’altra per gli eroi della mitologia; ho una cartella sulle quattro stagioni e una sui cinque sensi; in una raccolgo pagine sulle città e i paesaggi della mia vita e in un’altra città immaginarie, fuori dallo spazio e dal tempo. Quando una cartella comincia a riempirsi di fogli, comincio a pensare al libro che ne posso tirar fuori.

Cosi mi sono portato dietro questo libro delle città negli ultimi anni, scrivendo saltuariamente, un pezzetto per volta, passando attraverso fasi diverse. Per qualche tempo mi veniva da immaginare solo città tristi e per qualche tempo solo città contente; c’è stato un periodo in cui paragonavo le città al cielo stellato, e in un altro periodo invece mi veniva sempre da parlare della spazzatura che dilaga fuori dalle città ogni giorno. Era diventato un po’ come un diario che seguiva i miei umori e le mie riflessioni; tutto finiva per trasformarsi in immagini di città: i libri che leggevo, le esposizioni d’arte che visitavo, le discussioni con gli amici.

Ma tutte queste pagine insieme non facevano ancora un libro: un libro (io credo) è qualcosa con un principio e una fine (anche se non è un romanzo in senso stretto), è uno spazio in cui il lettore deve entrare, girare, magari perdersi, ma a un certo punto trovare un’uscita, o magari parecchie uscite, la possibilità di aprirsi una strada per venirne fuori. Qualcuno di voi mi può dire che questa definizione può valere per un romanzo a intreccio, e non per un libro come questo, che si deve leggere come si leggono i libri di poesie, o di saggi, o tutt’al più di racconti. Ebbene, voglio appunto dire che anche un libro così, per essere un libro, deve avere una costruzione, cioè vi si deve poter scoprire un intreccio, un itinerario, una soluzione. Italo Calvino

Parole inspiratrici che voglio ricordare di Italo Calvino tratte da una conferenza a la Columbia University di New York sulla creazione del suo libro Le cittá invisibili.

Twenty Thousand Leagues Under the CSS

A cartoon drawings: An old submarine and some people fighting underwater against a giant squid

OK, there were only a bit more than 2000 lines of CSS in the basic style of Twelve Eleven theme of WordPress, and today I revised half of it, shrinking the code as much as possible. I do not know (yet) how to minify programmatically a file CSS, so I am checking line after line everything.
Diving in the code helped me in finding interesting piece of web design code, that I was unaware of like the measurement ex that value the x-height of a font, the text-overflow:ellipsis and a wonderful piece of animation that it is the input search of this theme.

I am still quite unhappy about the redundancy of the code (too many nested tags dependency), the reset of Eric Mayer (which I do not find positive at all) or finding pieces of empty CSS classes and that we load all the CSS in one big files while I know that is possible to load various CSS in one only HTTP request. So a little by little I am cleaning up, and trying to remove all the silly nesting (a “return” and a “tab indentation” occupy 2 bites). I already reduced the code to 1500 lines. And even some silly part of html too I commented through PHP.

Anyway, what I am most proud of, it is not the cleaning of the code, but the implementation of WebKit and have the possibility to insert my logo using proper typography. For the moment I am working with 3 fonts mainly: Adobe Pro Garamond, Helvetica Neue and obviously Ltc Bodoni 175. It is a pleasure to work finally on the web with typography, I am about to cry by the sheer joy of it.

It is a pity that I do not have enough time to fix more my blog web page and I am obliged to go to bed because it is 2 AM in the morning. Anyway I changed a bit the style and the blog start to have the shape that I want. Still many details to take care, but at least I am reaching there.

Of my objective list I can move forward of a 20% the first objective (a lot of work need to be done there)

  • Get the most similar WordPress theme to my objective: Write HTML5 & Responsive Design (Twenty Eleven by WordPress), than strip the whole CSS, loading only the essential. Rewrite CSS and HTML on the style that I need to communicate. [30% done]

But I have to go backward on this, because the plug-in of Facebook that I found it is not working like I was thinking, so I have to take a look about plug-ins. I can share on Facebook, but I want to post automagically my post from here to there.

  • Implement social sharing to improve visibility (Twitter, Google PlusOne and Facebook). [90% done]

OK time to a proper rest 😀

Previous post related

James Victore at AIGA

Typography & Color don’t fucking matter.

Real human beings do not care about the space between the letter.

Fuck perfection. Perfection ruins things. Perfection stops you guys to start projects. Perfection stops you guys from finishing projects.

(Talking about a story on Hitchcock) How do you get such high performance of your actors? Hitchcock says: I remove the directorial process by Casting. – (Victor explaining the lesson that he learned) Oh, I get it! You ask the right person to do the job, and you let fucking do it.
James Victore

Note: This is a video shot by Hillman Curtis.
For who doesn’t know Hillman Curtis he was a big point of reference during the early time of Flash when it was big. It was one of my favourite flash designer, because he was able to get the right entertainment & communication that other flash designer weren’t able to comprehend.
AIGA: American Institute of Graphic Arts

Life is simple, strikes back.

Finally after many years, I decided to refresh my website, and give it a proper voice. Naturally the only things that I could choose were the best services availables on the web to make it happen: MediaTemple Hosting service, WordPress blogging capability, latest web standards in comunication and my personal imagination and vision on how the web should be used to talk.

The task at hand it is not a simple one, and I will break down in simple steps, to help me (and everyone else) in the future to follow the same approach in my everyday routine of web design.

  1. Get the most similar wordpress theme to my objective: Write HTML5 & Responsive Design (Twenty Eleven by WordPress), than strip the whole CSS, loading only the essential. Rewrite CSS and HTML on the style that I need to communicate. [10% done]
  2. Look at the content already available on the web that I am writing or considering relevant and connecting it to my communication platform (Twitter, Flickr, Delicious, Google Reader). [75% done]
  3. Implement social sharing to improve visibility (Twitter, Google PlusOne and Facebook). [100% done]
  4. Implement Google Analytics and Sitemap Xml. [100% done]
  5. Create a Taxonomy hierarchy of Categories and Tags to help me to keep a proper organization of content, helping the users in finding what they need. [100% done]
  6. Write every single time that I want to communicate something across, about design and comunication a blog post and do not wait for it. [ongoing]
  7. Choose a proper selections of fonts for each article like if was a magazine. An example: Dustin Curtis, Jason Santa Maria, Trent Walton. [0% done]
  8. Design and Code my new website page. [10% done]
  9. Rewrite Curriculum Vitae in a more designer way. [0% done]
  10. Insert a redirect page from my old hosting to the new one. [0% done]

I’ll keep updated this post, to keep track of my progression, until I’ll reach 100% in everything.

Next post related