Share
Se vuoi essere un web designer di successo, una solida conoscenza dei CSS è un must. Fortunatamente, abbiamo alcune risorse per aiutarti, se vuoi imparare le basi del CSS o espanderlo in aree più avanzate.
Ecco 14 corsi completi che ti aiuteranno a sviluppare le tue abilità CSS, dai fondamenti del posizionamento e della tipografia CSS fino all'uso di pseudo-elementi e al controllo di Sass.
Se sei un web designer in erba e sei pronto per imparare CSS, allora inizia da qui!
Se c'è un tipo di stile che è probabilmente più importante di qualsiasi altro nel web design, è tipografia. Idealmente, i tuoi siti dovrebbero iniziare con una solida tipografia, e il resto del design dovrebbe essere costruito attorno a questo. Per questo motivo, è importante capire prima la parte tipografica del processo di progettazione, e in questo corso, l'istruttore Envato Tuts + Kezz Bracey ti porterà a pieno regime..
Ora che hai imparato gli elementi essenziali della tipografia nel precedente corso "Inizia qui", sei pronto per passare al prossimo elemento fondamentale del web design: layout.
In questo corso, imparerai tutto ciò che devi sapere per creare i tipi più comuni di layout nel web design.
In questa installazione della nostra serie "Inizia qui", respirerai un po 'di vita nel sito che hai creato utilizzando colori e sfondi CSS.
In questo corso imparerai tutto sulle tecniche visive che fanno risaltare i siti gli uni dagli altri e portano il "design" nel web design.
Il ritaglio e la mascheratura delle immagini sono concetti che potreste avere familiarità con l'utilizzo di applicazioni grafiche come Photoshop. In questo corso Coffee Break, tuttavia, Adi Purdila ti insegnerà come usare il ritaglio e il mascheramento nei CSS.
Il posizionamento CSS è un'abilità fondamentale nel web design; alimenta i layout e quindi costituisce il fondamento di ogni cosa all'interno di questi layout. Detto questo, può essere piuttosto complicato avvolgere la tua mente quando stai iniziando.
Quando avrai finito questo corso, avrai una solida conoscenza dei principi essenziali di cui hai bisogno per guidare i tuoi layout. Kezz Bracey ti mostrerà ciascuno dei quattro tipi di posizionamento usati nei CSS, oltre a come aggirare alcune delle stranezze che possono apparire quando li usi.
Il layout griglia CSS è una bozza di lavoro W3C che definisce un potente sistema a griglia per rendere più semplice la disposizione delle pagine Web tramite CSS.
In questo corso, costruirai tre progetti per aiutarti a capire cosa sarà possibile con "Grid". Il primo è il livello principianti e ti introdurrà ai concetti Grid. Il secondo prende le cose su un livello, esaminando cose come allineamento e nidificazione. Il progetto finale è ancora più avanzato, utilizzando Flexbox in combinazione con Grid. Seguire questi tre progetti fino al completamento con Craig Campbell ti porterà costantemente dal neofita del Grid ad un utente fidato di Grid.
In questo corso, Adi Purdila ti insegnerà come utilizzare dieci librerie CSS essenziali per i web designer. Imparerai a conoscere reimpostazioni, animazioni, transizioni e librerie relative alla tipografia. Utilizzerai Bower per gestire i tuoi progetti, assicurandoti che tutto sia aggiornato e facilmente gestibile.
I CSS sono in continua evoluzione. In questo corso, Craig Campbell ti guiderà attraverso alcune delle funzionalità all'avanguardia del CSS per aiutarti a rimanere aggiornato e in anticipo sul campo.
Alcune delle funzionalità trattate potrebbero diventare mainstream nel prossimo futuro, mentre altre probabilmente svaniranno nell'oscurità. In entrambi i casi, la comprensione di quali selettori CSS, moduli di layout e filtri vengono considerati per il futuro ti renderà uno sviluppatore front-end più forte.
In questo corso imparerai come usare uno dei sistemi di griglia più potenti, ma puliti e privi di sbagli attualmente disponibili: postcss-ant. È stato creato da Cory Simmons, noto per i suoi popolari sistemi di grid Jeet e Lost.
Funzionando con il fantastico sistema PostCSS, postcss-ant ti offre la possibilità di gestire in modo semplice ed efficiente i layout, dal più semplice al più complesso, utilizzando sia il CSS vanilla che il tuo preprocessore preferito. Kezz Bracey ti porterà a pieno ritmo in questo corso.
In apparenza, gli pseudo-elementi sembrano nient'altro che un sottoinsieme utilitaristico di CSS. In questo breve corso con Craig Campbell, tuttavia, scoprirai che padroneggiare gli pseudo-elementi può davvero aiutarti a portare i tuoi progetti al livello successivo.
I giorni dei siti web di animazione pesante stanno svanendo, ma c'è ancora qualcosa da dire per un sito con piccole quantità di movimento sottile e accattivante per aiutare gli utenti a interpretare le interfacce. In questo corso, Craig Campbell ti mostrerà modi pratici per creare animazioni per pulsanti, tabelle dei prezzi e altri elementi web, utilizzando concise CSS e jQuery per farlo.
Stylus è uno dei tre principali preprocessori CSS che rendono i CSS più facili e potenti che mai, condividendo il campionato con Sass e LESS. In Diventa uno Stylus CSS Superhero, imparerai a scrivere codice più velocemente di un proiettile accelerato, a creare funzionalità di layout più potenti di una locomotiva e ad aggiornare intere combinazioni di colori in un unico limite. Unisciti a Kezz Bracey e inizia il tuo allenamento da supereroe!
Il modello CSS Flexbox sta iniziando a vedere un uso più diffuso e ora è supportato in tutti i principali browser. In questo corso, Craig Campbell svilupperà il suo corso CSS: Flexbox Essentials mentre delinea sei progetti pratici di CSS per l'uso quotidiano.
In questo corso con Adi Purdila, imparerai le basi di Sass in 14 giorni. Ogni giorno imparerai qualcosa di nuovo e otterrai un piccolo esercizio che ti aiuterà a consolidare le tue conoscenze.
Questo corso è per principianti quindi non hai bisogno di alcuna esperienza precedente con Sass, ma hai bisogno di esperienza con CSS dato che Sass è un'estensione di esso.
Puoi prendere uno dei nostri corsi immediatamente con un abbonamento a Envato Elements. Con un unico canone mensile basso, puoi accedere non solo a questi corsi, ma anche alla nostra libreria in crescita di oltre 1.000 corsi video e agli eBook leader del settore su Envato Tuts+.
Inoltre ora ottieni download illimitati dall'enorme libreria Envato Elements di oltre 200.000 foto e oltre 26.000 asset e modelli di design. Crea con caratteri, foto, grafica e modelli univoci e realizza progetti migliori più velocemente.
Accentsconagua