Material Design con Materialize

material design

material-designProvate a creare il caso in un ottica di material design. I maligni insinueranno che magari te riesce bene. Ma che intendi per material design? Tutti qui buoni principi di usabilità e innovazione che dominano le logiche moderne del responsive design per esempio. Saltando senza costrutto di pane in frasca, ma solo apparentemente, ricordiamo che per uno scacchista che di nero arrocca corto non c’è niente di peggio che assistere a una situazione di difesa dove l’avversario mette i pezzi pericolosamente attivi sulla diagonale b1-h7, una batteria letale quando la donna sta davanti all’ alfiere per esempio. Qui i principi di material design non hanno minimamente aiutato Hubner ad esempio che nel 1978 contro Kavalek dovette assistere passivamente a una situazione esplosiva sul suo arrocco sguarnito tramite un sacrificio di demolizione che inizia con 26 Ag7. Se il nero prende l’alfiere segue un e5 che apre la batteria e tutti a casa senza grandi discussioni innovative sul material design. E’ un miracolo constatare come il nero riuscì a prolungare questa partita fino a dieci mosse dopo. Ma tornando alla nostra produzione di landing page ricordiamo che per fare una ciambella perfetta servono un sacco di fattori tipo un buon editor di testo ad esempio che può essere notepad, sublime text, atom, piuttosto che brackets per esempio che adesso é molto diffuso grazie alla sua leggerezza e implementazione in divenire. Poi devi avere un dominio con il nome strategico. Poi poi seguire librerie dove il material design diffuso come verbo da Google tramite la libreria MATERIALIZECSS.COM TI CONSENTE DI FRUIRE PER LE TUE PAGINE DI UN GRAN NUMERO DI TEMPLATE E COMPONENTI, che puoi scaricare in una doppia versione free come STARTER o PARALLAX che presenta quell’ effetto carino delle immagini che scorrono in sottofondo. Il vantaggio nell’ usare questi framework é che hai già di base una ottimizzazione responsive design grazie alla logica del frazionamento delle colonne o all’ utilizzo nei css delle media query. Quando scarichi MODERNIZE ti ritroverai sicuramente una cartella JS , una CSS, una con i FONTS oltre alle immagini base con la nota index.html che conoscono tutti i web designer appassionati al material design. CHROME graie poi ai suoi strumenti integrati é perfettamente allineato alle nostre esigenze di avere il controllo sul codice grazie a funzionalità come ispeziona elemento che ci consentono di operare modifiche in tempo reale sul DOM che potranno poi essere riversate anche sui nostri css in locale volendo. Inoltre i browser moderni come Chrome hanno il vantaggio di offrire servizi come quello della visualizzazione su diversi dispositivi oltre che disporre di una console.log che aiuta quando usiamo java script. Per quanto riguarda i sistemi operativi ci basta scaricare la versione che fa al caso nostro indipendentemente dal tipo di sistema utilizzato se microsoft o mela. Un altro vantaggio nell’ uso di MATERIALIZE é la curata documentazione a corredo sul sito di riferimento dove abbiamo una spiegazione esaustiva del codice di riferimento. Dal punto di vista pratico quindi non ci resta che scaricare l’editor, scaricare la libreria multifunzione e il template di riferimento per velocizzare le operazioni di creazione della nostra landing page. In uno dei prossimi articoli di approfondimento nel network formativo Umbriaway Consulting ci spingeremo oltre e inizieremo a fare molta pratica per sfornare il nostro prodotto finale che deve essere in grado di convertire un visitatore in utilizzatore dei nostri prodotti/servizi.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...