Dopo aver passato molti anni a lavorare come libero professionista nel settore web e multimediale in cui ho collaborato con numerosissime realtà in Italia, ho deciso di accettare una nuova sfida professionale entrando a far parte di Cantiere Creativo, una piccola web agency fiorentina molto ambiziosa e in ricerca di qualità.

Ho quindi valutato e accettato l’offerta di diventare parte integrante del team occupandomi nello specifico dello sviluppo di user interface, user experience e sviluppo front end mettendo a disposizione le mie conoscenze di Ruby on Rails/Django, Html, QML ecc.

E’ di conseguenza che, dove possibile, le mie collaborazioni attive da libero professionista, passeranno ad un rapporto con Cantiere Creativo: vedi Bookrepublic, Zazie, i lavori per Develer, Social Design, Visiva… ecc.

In Cantiere Creativo, in questi anni, insieme a Silvio Relli, ho contribuito allo sviluppo di Railsyard, un CMS per Ruby on Rails rilasciato sotto licenza MIT su github. Cantiere ha inoltre sviluppato numerose applicazioni e siti web e si occupa di sviluppo di applicativi per aziende, per mobile (Android/iOS) e della comunicazione per social marketing.

Piano piano abbandonerò anche questo blog che mi ha accompagnato per tanti anni chiudendo definitivamente la mia storia personale di Basic Trading. Aprirò un mio blog personale, oppure scriverò le mie scoperte sul blog di Cantiere, ancora non so.

Parto subito col dire che in Cantiere siamo in cerca di sviluppatori Rails, quindi se pensi di riconsocerti in queste caratteristiche, segui le istruzioni :)

A presto e buona fortuna a me!

1. make easyer the way to design web templates for regular desktop screens, iphone and ipad, tablets, smartphone ecc.
2. using 960grid system I need a simple way to redefine the gutter between columns
3. sometimes I would need fluid templates still using a grid system
4. I love SCSS and want to have all my css with this system.

There are several tools, libraries and techniques and I wanted to try my own one to go deeper in the the understanding. So, in these days is born the Spleen Scss Library, a simple way to have an scss with some usefull mixin, a dynamic grid system, a reset css and a basic html5 template.

It is an alpha version, just to begin something!

Features

• Sass/Scss Grid System inspired to 960grid
• Design just one html markup
• Choose if you want fixed or fluid template, it mantains the same proportions on large screens
• If fixed you can choose your favourite size (not only 960px)
• If fixed you can choose the margins between columns
• Adapt content on tablets (ex iPad ecc), landscape or portrait
• Adapat contento on smartphones (ex iPhone, Android ecc)
• Some mixin as shortcuts for shadows, round corners, webfonts ecc.
• Some tricks for compatibility with old browsers
• Some usefull and modern js library I do use in my projects as Jquery, Jquery-ui ecc

Download

This little projects is available on Git Hub and it would be really appreciated if you fork it to make it better.

Anyway it’s really interesting to better understand how the grid and mobile worlds works! :)

Per realizzare la base css di questo sito ho utilizzato la libreria SPLEEN_SCSS, (fork it on github!) ed è stato il primo grosso lavoro in cui ho applicato el nuove linee guida HTML5.

Certo riuscire a rendere la compatibiltà sulle versioni 8 e 7 di Internet Explorer non è stato uno scherzo; notti insonni e preoccupazioni crescenti ma alla fine, tra  colpi di javascript e mille tricks recuperati in rete, il sito è diventato compatibile (anche se sempre si possono trovare piccoli bug che via via verranno risolti!)

Sono stati usati vari plugin JQuery e non è potuto mancare il mio fido JQuery tools che ormai mi accompagna nei progetti web!

Ho usato per la prima volta Mercurial; essendo un amante di GIT devo dire che ho trovato i due progetti veramente simili, quasi indentici, ma rimango dell’idea che GIT sia più intuitivo o semplicemente, lo preferisco!

Devo dire che django è effettivamente un gran bel pezzo di software e che l’applicazione per l’ecommerce Satchmo è impressionante. Mi è risultato un po’ ostico riuscire ad entrare nel filesystem per effettuare l’overide del codice e poter capire come personalizzare l’interfaccia, ma grazie al prezioso aiuto di @dvd, mio mentore e programmatore del sito in questione, siamo riusciti a fare tutto!

Ne aprofitto per ringraziare proprio @dvd e @matteoscurati con i queli abbiamo passato romantiche serate in chat e Book Republic per il post di riferimento con tanto di citazione!

Strumenti/tecnologie usate:

• Html5 / Css3 / Scss
• Django / satchmo
• Jquery
• Mercurial

Compatibilità Browsers:

• Firefox 3 / 4
• Internet Explorer 7 / 8 / 9
• Chrome 9 / 10
• Opera
• Safari
• Lynx (browser testuale)

Il lavoro nel mio protfolio per vedere gli screenshot del progetto.

L’unico vantaggio che finora vedo nell’usare flash è l’embed dei video in stile youtube. Cosa anch’essa che sta per tramontare!

Bene, oggi mi trovo a sperimentare un nuovo prodotto che tanto mi ricorda i tempi di flash 3, in cui imparavo a fare i primi keyframe nelle animazioni manuali per poi arrivare a fare interi siti super schizzatissimi in un solo frame con tutte le animazioni realizzate in AS!

Ecco che oggi si presenta questa nuova possibilità che sfrutta le potenti novità di CSS3 e HTML5

Sancha Animator permette di animare, fare presentazioni, piccoli filmatini ecc e tutto ciò che esce è html e css… ecco la vera lucuna di falsh in questi anni! niente plugin, niente software di terze parti ecc.

Certo ancora ci sono le grandi controindicazioni. Non tutti i browser supportano le stesse caratteristiche del CSS3. Infatti molte animazioni, con Firefox 3.6 ancora non si vedono. Dobbiamo ricorrere a Chrome o Safari i quali hanno implementato queste caratteristiche.

• Vedi le demo
• CSS3 info
• HTML5 info
• HTML5 alcune demo

Comunque, finisco la prova e commenterò, con un bel po’ di pregiudizi in partenza, lo ammetto!

Read the tutorial @tutorialzine.com

As the say in their conclusion: “As the Flash / HTML5 debate heated up recently, people started looking for ways to achieve the same level of functionality that flash provides, without depending on an external plugin. This is possible for simple interactions, but we still have to make sure that the solution is cross-browser compatible, which is sometimes rather impossible (think of IE here).”

What can we do?

As any web developer will tell you, working with IE 6 is one of the most difficult and frustrating things they have to deal with on a daily basis, taking up a disproportionate amount of their time. Beyond that, IE 6′s support for modern web standards is very lacking, restricting what developers can create and holding the web back.

What?

How?

Go to http://www.ie6nomore.com/ and get the code.

Thanks IE6-NOMORE!

Personalmente, avendo sviluppato dal 2000 parecchie applicazioni flash, ritengo ormai con l’avvento delle fantastiche librerie JS e dell’HTML5, ritengo “inutile” l’utilizzo che finora è stato fatto di questa tecnologia per lo sviluppo di siti web. Credo invece che sia ancora una buona piattaforma per sviluppare alcuni tipi di applicazioni specifiche e abbastanza rare che richiedono sia interfaccia grafica che di un buon codice.

Ancora, fintanto che lo sviluppo e la diffusione dei formati open per i video non sarà tale da poterne godere, l’utilizzo di flash per i video sembra essere una gran cosa… ma coma la mettiamo con la storia dei vari iPhone, iPad ecc? Adobe e Apple si stanno organizzando ma ancora di strada ne manca.

Sto anche valutando per un cliente la possibilità di usare Flex per la realizzazione di un CMS, cosa che ho già dovuto valutare un apio di anni fa con una certa frustrazione! Perchè utilizzare flash et simili per la gestione dei dati? Continerò questo argomento quando avrò più dati!

Intanto invito alla lettura dell’articolo citato.
http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/

Che ancora, nel 2009, nell’era in cui il web 2.0 sta diventando vecchio, che ancora i webdesigners debbano trovarsi a fare i conti per Internet Explorer 6 (quando siamo ormai alla versione 8, quando esistono browser molto più veloci, affidabili), questo è lo trovo quantomeno assurdo. Stessimo poi parlando di software “costosi” potrei forse capire la questione “prezzo”, ma i browser si sa, sono gratuiti. Allora perchè le pubbliche amministrazioni, moltissimi clienti, e la stragande maggioranza del mondo continua ostinatamente ad utilizzare IE6? Perchè??!!

Ogni volta che pronuncio le magiche parole “me ne frego di IE6, se uno ce l’ha, si arrangia e vede male i siti” ecco che arriva un lavoro che richiede massima compatibilità con quel browser… la bestia!

SIX REVISION offre in questi giorni un ottimo articolo che descrive alcune vie per “hackare” i milioni di bug che la bestia ci propina da anni facendo lievitare enormente il numero delle ore spese per il codeing dei nostri siti.

Definitive Guide to Taming the IE6 Beast

I will add an RSS feed to their site…

http://sixrevisions.com/