Imparare Susy

L'unico framework per griglie di layout veramente flessibile

Diventa bravo con Susy, velocemente

L'unica cosa negativa di Susy? Può essere troppo flessibile.

Ci sono diversi aspetti da considerare e questo può diventare confuso e frustrante per chi è alle prime armi. Il moodo più veloce per padroneggiare Susy è imparare da qualcuno che già lo conosce bene.

Sfortunatamente tutorial approfonditi o risorse su Susy sono decisamente rari. Un anno fa, quando ho cominciato, era ancora più difficile. Ho speso un' infinità di ore a spulciare la documentazione, testare i mixin e le funzioni, e a provare gli esempi per avere una comprensione approfondita di come tutto funzionava.

Tu non hai bisogno di farlo. Ho raccolto tutto quello che so in "Imparare Susy". E so come questo ti aiuterà a ridurre la tua curva di apprendimento.

Queste sono alcunde delle cose che imparerai:

  • Come creare layout responsive con Susy
  • Come configurare le impostazioni di Susy per ottenere quello che vuoi
  • Come utilizzare funzioni e mixin per rendere il tuo codice molto più pulito
  • Come integrare Susy ad altri framework, mantenendo griglie e flessibilità
  • Come combinare Susy e la tua conoscenza dei CSS per risolvere i tipici problemi di layout
  • e molto di più

Questo libro di insegnerà tutto quello che devi sapere per creare i tuoi layout con Susy

Dopo aver letto il libro e guardato i video, non dovrai mai più cercare nella documentazione o spendere ore a spulciare Stackoverflow per cercare di capire come creare un layout con Susy.

Scarica 7 Capitoli Gratis

Questi 7 capitoli ti guideranno nell'impostare un progetto basato su Susy e ti insegneranno come creare i layout che potrai usare per i tuoi progetti.

É completamente gratuito, ed è un'ottima introduzione a Susy.

Cosa Dicono gli Esperti

"Imparare Susy" è la miglior risorsa per imparare il framework per griglie Susy. Vale decisamente l'acquisto!

É incredibile quello che Zell ha creato sul Framework Susy

"Imparare Susy" mi ha dato una visione di come implementare ed usare Susy 2. Mi ha dato informazioni più approfondite di quelle che potevo trovare sparse per la rete, perché tutte le informazioni importanti sono raccolte insieme in un unico posto.

"Imparare Susy" mi ha dato una comprensione approfondita di Susy e contiene un sacco di trucchi, segreti e lezioni su come creare siti responsive. Lo raccomando caldamente.

Sommario

  • Introduzione
  • Creare il Tuo Primo Progetto
  • La Sintassi SCSS
  • Usare le Map di Susy
  • Il tuo Primo Layout
  • Il Concetto di Contesto in Susy
  • Un Esempio di Layout più Complesso
  • Un Esempio di Layout più Complesso (Parte 2)
  • Media Queries
  • I Breakpoint con Susy
  • Griglie di Sfondo
  • Costruire un Layour Responsive
  • Capire il Posizionamento con Gutter
  • La Tecnica Isolate
  • Griglie Asimmetriche con Susy
  • Griglie Asimmetriche con Susy (Part 2)
  • Griglie Statiche con Susy
  • I Settaggi di Susy
  • Griglie Multiple (Bonus)
  • Gli Shorthand per Susy (Bonus)
  • Gestire Contesti Complessi (Bonus)
  • L'Architettura di Sass (Bonus)
  • Integrare Susy e i Kit UI (Bonus)
Zell Liew

Sull’ Autore

Sono Zell, uno sviluppatore web freelance e ho usato Susy 2 per più di un anno. Credo nell'importanza del buon design, della qualità del codice, nel creare cose interessanti e soprattutto nell' insegnare quello che ho imparato.

Il Pacchetto Completo

Tutto quello che ti serve sapere per diventare un maestro di Susy. (Nota: video, interviste e cheatsheet sono in fase di ultimazione. Saranno pronti in circa due settimane)

Compra per €199

Materiale Base

  • Il Libro

    Più di 250 pagine con istruzioni passo passo per imparare Susy nei minimi dettagli (Ebook).

  • Formati Mobi e ePub

    Imparare Susy è disponibile in formato Mobi e ePub per poterlo leggere nel vostro dispositivo preferito (PDF non disponibile per limiti di formattazione)

  • Codici Sorgenti

    A chi non piace avere i sorgenti? Così puoi confrontare il tuo lavoro ed assicurarti di essere sulla strada giusta.

Extra

  • 5 Capitoli Bonus

    Impara i concetti avanzati di Susy che porteranno le tue abilità ad un altro livello. Codici sorgenti inclusi.

  • 11 Template in codice

    Questi template ti aiuteranno a risolvere i problemi comuni e a sviluppare più velocemente.

  • Cheatsheet

    Tutte le informazioni essenziali raccolte in un singolo foglio. Perfetto per quando hai bisogno di un riferimento veloce.

  • Starter Kit

    Il mio starter kit personale. Ottimo per cominciare velocemente un nuovo progetto.

  • Starter Kit per Foundation

    Starter Kit per Susy e Foundation, per chi preferisce lavorare con Susy e i componenti di Foundation

  • Starter Kit per Bootstrap

    Starter Kit per Susy e Bootstrap, per chi preferisce lavorare con Susy e i componenti di Bootstrap

Video

  • Costruire 99u

    Guarda come ho ricostruito il sito di 99u con griglie asimmetriche multiple e la tecnica Flexbox.

  • Costruire il blog di Mixpanel

    Questo video mostra come usare griglie statiche combinate con selettori nth-child per gallerie come quelle di Mixpanel

  • Costruire Twitch TV

    Questo video mostra come costruire una interfaccia di backend con Twitch TV, usando navigazione off canvas e element queries.

  • Intervista a Eric Suzanne

    Guarda come il creatore di Susy lo usa, con un approccio decisamente particolare.

  • Intervista a James Steinbach

    James è un fan della sezione aurea e ci mostra il suo modo di usare Susy, integrandolo con Wordpress.

  • Intervista a Micah Godbolt

    Micah ci fa vedere come usare Susy insieme ai Flexbox. Senti il suo punto di vista sulla visual regression e su Bootstrap.

Vuoi condividere con il tuo team? Compra una licenza team per €799 e condividi l'intero pacchetto con un massimo di 20 persone.

Il Pacchetto Premium

Questo è il pacchetto premium, se vuoi fare a meno dei video e degli starter kit. (Nota: i cheatsheet saranno disponibili tra due settimane )

Compra per €99

Materiale Base

  • Il Libro

    Più di 250 pagine con istruzioni passo passo per imparare Susy nei minimi dettagli (Ebook).

  • Formati Mobi e ePub

    Imparare Susy è disponibile in formato Mobi e ePub per poterlo leggere nel vostro dispositivo preferito (PDF non disponibile per limiti di formattazione)

  • Codici Sorgente

    A chi non piace avere i sorgenti? Così puoi confrontare il tuo lavoro ed assicurarti di essere sulla strada giusta.

Extra

  • 5 Capitoli Bonus

    Impara i concetti avanzati di Susy che porteranno le tue abilità ad un altro livello. Codici sorgenti inclusi.

  • 11 Template in codice

    Questi template ti aiuteranno a risolvere i problemi comuni e a sviluppare più velocemente.

  • Cheatsheet

    Tutte le informazioni essenziali raccolte in un singolo foglio. Perfetto per quando hai bisogno di un riferimento veloce.

Il Libro

L'opzione migliore se hai un budget limitato ma vuoi comunque imparare Susy in modo approfondito. Questo è l'elemento nel quale ho investito più tempo ed energie. Il contenuto del libro ti aiuterà a costruire delle solidissime basi su Susy, in modo che capire il resto da soli diventi molto più semplice.

Compra per €49

Materiale Base

  • Il Libro

    Più di 250 pagine con istruzioni passo passo per imparare Susy nei minimi dettagli (Ebook).

  • Formati Mobi e ePub

    Imparare Susy è disponibile in formato Mobi e ePub per poterlo leggere nel vostro dispositivo preferito (PDF non disponibile per limiti di formattazione)

  • Source Codes

    A chi non piace avere i sorgenti? Così puoi confrontare il tuo lavoro ed assicurarti di essere sulla strada giusta.

Domande?

Quale pacchetto dovrei comprare?
Dipende dal tuo budget. Il Pacchetto Completo è decisamente l'opzione migliore, ma anche solo il libro ha più di 250 pagine di contenuti che ti aiuteranno a costruire solidissime basi per l'utilizzo di Susy.
E se non conosco Sass?
Non c'è problema se non hai esperienza con lo sviluppo web con Sass. Ho creato questo libro anche per chi non conosce Sass. Se sai scrivere codice HTML e CSS sai tutto il necessario per ricavare il massimo da questo eBook.
Posso aumentare il livello del pacchetto in un secondo momento?
Certo, puoi fare un upgrade quando vuoi pagando la differenza di prezzo dal pacchetto di tua scelta. Troverai le istruzioni nel pacchetto che hai comprato.
E se non mi piace?
Se non ti piace il libro, fammelo sapere entro 30 giorni, e avrai un rimborso completo.
Dove posso avere più informazioni su di te?
Scrivo sul mio blog (in inglese). Puoi leggere i miei post se sei curioso di sapere di più su come lavoro e insengo.
Non hai ancora risposto alla mia domanda
Se hai una domanda che qui non è presente, manda una email e riceverai una risposta il prima possibile.

Scegli il tuo pacchetto

Il Libro
Il Pacchetto Completo
Il Pacchetto Premium
Il Libro
  • Il libro
  • Formati Mobi e ePub
  • Codici Sorgenti
Pacchetto Completo
  • Il libro
  • Formati Mobi e ePub
  • Codici Sorgenti
  • 11 template
  • 5 capitoli bonus
  • Cheatsheet per Susy
  • Starter Kit
  • Starter Kit per Foundation
  • Starter Kit per Bootstrap
  • 3 video screencast
  • 3 interviste
Pacchetto Premium
  • Il libro
  • Formati Mobi e ePub
  • Codici Sorgenti
  • 11 template
  • 5 capitoli bonus
  • Cheatsheet per Susy