upCreative » open source

Ghost: nuova piattaforma per blog, open source

upcreative — Mon, 14 Oct 2013 20:57:00 +0000

Tutti gli sviluppatori e web designer conoscono WordPress, uno dei software open source più usati al mondo, con il quale è possibile creare blog e siti web di ogni tipo e complessità. L’utilizzo di questa piattaforma è cresciuto in modo esponenziale negli ultimi anni, insieme alle sue funzionalità e all’incredibile numero di plugin e temi sviluppati appositamente. Tuttavia insieme a tutto ciò è aumentata inevitabilmente anche la complessità della gestione di contenuti e componenti, a tal punto da poter dire che WordPress si è tramutato da un semplice software per blogging in un CMS a tutti gli effetti.

E’ proprio dal fatto che WordPress sia diventato uno strumento troppo avanzato per poter essere utilizzato dai più (vuoi per il numero elevato delle opzioni, vuoi per la struttura dei template, o per il disordine che caratterizza l’area admin) che nasce l’idea di JOHN O’NOLAN:

GHOST – Una piattaforma per blog, open source.

Ho avuto modo di seguire il progetto sin dai suoi albori, quando è stato pubblicato su Kickstarter ricevendo in poco tempo circa 300,000 dollari dalla community; come nel caso degli utenti di kickstarter Ghost ha suscitato anche il mio interesse, ed essendomi subito registrato alla newsletter del sito web sono stato finalmente informato via mail del fatto che è possibile utilizzare la prima versione del software (dopo una prima fase di Beta testing a cui avevano accesso solo i contribuenti).

A chi è destinato

L’obiettivo di O’NOLAN è quello di creare una piattaforma che si focalizzi solo su un’ azione primaria, scrivere, e che sia utilizzabile dalle masse, non solo dai più esperti. Con il suo layout flat e minimalista infatti, l’admin di Ghost è pensata appositamente per incentrare l’azione dell’utente solamente nell’arte del content writing. Da ciò deriva una grande semplicità anche per quanto concerne la scrittura dei temi da parte degli sviluppatori, che sarà molto più semplice, in quanto saranno esclusi dalla codifica tutti quegli elementi che non hanno nulla che vedere con un blog o i suoi contenuti.

La semplicità delle impostazioni

L’utente di Ghost ha a disposizione un’area impostazioni composta da un piccolo numero di campi molto semplici e lineari; dovrà infatti preoccuparsi solo di stabilire:

Impostazioni generali:

Il titolo del Blog
La Descrizione del Blog
Il logo del Blog
La copertina del Blog

Impostazioni del utente:

Copertina (simile a quella di Google+, per intenderci)
Immagine del profilo
Nome
Email
Residenza
Sito web
Biografia

Copywriting: il Markdown

Una delle principali caratteristiche su cui fa leva la piattaforma è l’introduzione della modalità di scrittura dei contenuti tramite Markdown, un tipo di formattazione che rende possibile al blogger di scegliere velocemente quale tipo di elementi utilizzare:

Testo semplice
Titoli di pagina (da H1 ad H6)
Link ed ancore
Codice HTML
Blockquote
Immagini
Liste
Elementi orizzontali

Le tecnologie utilizzate

Ghost è un progetto orientato al futuro, e come tale è stato creato utilizzando alcune delle tecnologie più recenti e performanti, che lo rendono molto più veloce di WP e delle altre piattaforme di blogging: Node.js - per l’intepretazione del linguaggio lato server, con cui è possibile eseguire codice javascript back-end, in tempi molto inferiori al PHP – ed Handlebars.js, uno dei sistemi di templating javascript più utilizzati.

Per creare temi Ghost quindi, sarà sufficiente saper utilizzare Handlebars.js, con cui generare codice HTML da poter poi sistemare graficamente con i propri CSS, in modo da agire sugli stili della tipografia, del layout, sullo schema dei colori e sull’aspetto responsive del blog.

Restando nell’ambito dello sviluppo inoltre, Ghost è un progetto supportato da Themeforest, che sta incentivando a scrivere temi per la piattaforma riservando ad essa un’apposita categoria nel proprio marketstore.

Conclusioni

Sicuramente ancora è troppo presto per decidere se abbracciare o lasciar perdere questo progetto, ma le sue potenzialità promettono molto bene, sia dal punto di vista dei blogger che di chi si vuole cimentare nello sviluppo di temi appositi. E tu? come ti comporterai? Anche tu sei attirato quanto me da questo nuovo ed interessante progetto? Prenderai in considerazione l’idea di cominciare a sviluppare temi Ghost?

The post Ghost: nuova piattaforma per blog, open source appeared first on upCreative.

Web design: i 10 migliori CSS framework responsive

upcreative — Sat, 05 Oct 2013 14:39:43 +0000

Come si sà il tempo è denaro, e usare un framework CSS Responsive per velocizzare ed automatizzare i tempi di avvio ed i settings iniziali dei propri lavori è diventata ormai una caratteristica fondamentale per qualsiasi web designer.

Ma cos’è un framework?

Un framework è una struttura logica di supporto su cui un software può essere progettato e realizzato, spesso facilitandone lo sviluppo

Fonte wikipedia

Nel mondo del web design, per essere più specifici, un framework è l’insieme strutturato di file (perlopiù HTML, CSS e Javascript), cartelle e codice standardizzato secondo una logica, che viene utilizzato come fondamenta o supporto per la creazione di un nuovo sito o applicazione web.

Lo scopo di un framework è quindi quello di fornire una base di partenza comune in modo tale che il web designer non debba riscrivere da zero i propri progetti ogni volta, ma possa affidarsi ad una logica di codice solida e comune.

In questo articolo voglio aiutare gli web designer che sono alla ricerca di un framework, ma che ancora non conoscono molto bene le caratteristiche di quelli più utilizzati, proponendo 10 dei migliori framework responsive CSS e open source per la creazione di interfacce grafiche.

Siccome i termini Mobile First e Responsive, con l’avvento e la diffusione di dispositivi mobili sono diventati un must, di seguito ho elencato solo quei Framework che presentano queste funzionalità.

Prima di iniziare

Molte volte, per mancanza di budget o di tempo, ci dobbiamo affidare a dei template responsive premium; prima di mostrarti la lista dei migliori framework responsive ti voglio segnalare questi ottimi temi responsive di altissima qualità che ho avuto l’occasione di usare per alcuni dei miei progetti:

Metronic – Responsive Admin Dashboard Template

Porto – Responsive HTML5 Template

SmartStart – Responsive HTML5 Template

Synergy – Responsive & Interactive HTML Portfolio

Karma – Responsive Clean Website Template

Developr – Fully Responsive Admin Skin

Bootstrap

E’ sicuramente il più famoso, e quello che ha bisogno di meno presentazioni; elegante, intuitivo e veloce. Dispone di un’ottima libreria di componenti javascript, un’ottima documentazione e dalla versione 3.0 è diventato mobile-first. Sviluppato da Twitter, Bootstrap 3 utilizza LESS e, compilato tramite Node.js, offre nella sezione Customize la possibilità di personalizzare quasi ogni aspetto grafico tramite delle variabili prima del download.

Foundation

Si presenta come il più avanzato front-end framework responsive al mondo. Anch’esso mobile-first, fa della semanticità del codice uno dei suoi punti di forza, “per poter scrivere un markup pulito senza sacrificare l’utilità e la velocità del framework”. Come Bootstrap, presenta un’ottima libreria di componenti javascript.

Topcoat

Framework CSS per applicazioni web pulite e veloci. Disegnato per garantire le massime performance, Topcoat presenta una bella collezione di componenti UI, è facilmente personalizzabile e permette anche il donwload in PSD degli elementi dell’interfaccia.

Pure

Pure è si presenta come un set leggero di moduli CSS da utilizzare in ogni tipo di progetto web. Offre una buona documentazione ed effettivamente è molto leggero (il peso totale è di soli 6KB).

Skeleton

Skeleton è un framework semplice e pulito per siti web e applicazioni HTML5. Mette a disposizione solamente gli elementi di cui hai bisogno, niente di più. Come Topcoat permette il download di un template PSD per il mock up dei tuoi lavori.

YAML

Framework CSS modulare per siti web flessibili, accessibili e responsive. Anche questo molto leggero (5.9 KB) e costruito utilizzando SASS, è testato and supportato dalla maggior parte dei browser come Chrome, Firefox, Opera, Safari ed Internet Explorer.

Gumby

Framework CSS flessibile e responsive. Presenta una buona libreria di elementi UI e include diversi tipi di griglie con molte variazioni di colonne, che permettono di avere la massima flessibilità durante l’intero processo di realizzazione di qualsiasi progetto.

Kube

Dai creatori di Redactor.js, Kube si presenta come un framework CSS per sviluppatori professionali. Dispone di un sistema di griglie rivoluzionario e offre molta libertà sulla codifica degli stili.

Groundwork

Compilato anch’esso tramite SASS, Groundwork CSS è un buon toolkit HTML5 Responsive e Javascript.

Tuktuk

Framework Responsive per dare flessibilità ai propri progetti facilmente. Usa funzionalità CSS 3, è leggero e veloce

Bella lista, ma quale dei framework scegliere?

Scegliere il proprio framework non è sicuramente facile, e si può dire che per poter capire meglio quale fa al caso nostro bisogna all’inizio provarli direttamente; tuttavia altri aspetti possono essere considerati nella scelta:

La grandezza e il tipo di progetto che devi realizzare
La facilità e la velocità di scrittura del codice
La documentazione (più dettagliata è, e più veloce riuscirai a capire come utilizzare il framework)
Con quale frequenza il framework viene aggiornato ed il supporto a lungo termine
La velocità di installazione
Il numero di opzioni disponibili
L’integrazione con altri sistemi
La leggerezza dei file inclusi

E tu quale utilizzerai? Se hai altre ottime soluzioni da segnalare, non esitare a segnalarle nei commenti!