Piccoli progetti CSS

Recensioni dei lettori

Il libro è molto apprezzato per la copertura completa dei CSS, gli esempi pratici e l'approccio strutturato che insegna efficacemente sia ai principianti che agli sviluppatori esperti. Tuttavia, la qualità di stampa è stata criticata per la scarsa leggibilità del testo e per la grafica sbiadita.

⬤ Trattazione completa e approfondita dei CSS
⬤ esempi pratici e interessanti
⬤ capitoli mirati e senza fronzoli
⬤ adatto ai principianti
⬤ tratta argomenti avanzati come SVG e i preprocessori CSS
⬤ aiuta a migliorare le competenze sui CSS e fornisce suggerimenti preziosi.

⬤ Scarsa qualità di stampa
⬤ testo di difficile lettura
⬤ grafica sbiadita.

(basato su 5 recensioni dei lettori)

Titolo originale:

Tiny CSS Projects

Contenuto del libro:

Il CSS è un linguaggio indispensabile per tutti gli sviluppatori web. In questo libro pratico, esplorerete numerose tecniche per migliorare il vostro modo di scrivere i CSS mentre costruite 12 piccoli progetti.

In Tiny CSS Projects realizzerete dodici progetti web utili ed entusiasmanti, tra cui:

⬤ Una schermata di caricamento creata con lo styling di grafica SVG.

⬤ Un layout di giornale reattivo con più colonne.

⬤ L'animazione dei pulsanti dei social media con pseudo-elementi.

⬤ Progettazione di layout con griglie CSS.

⬤ Schede di riepilogo che utilizzano le interazioni con il passaggio del mouse.

⬤ Styling dei moduli per renderli più attraenti per gli utenti.

I progetti possono essere piccoli, ma le competenze CSS che imparerete sono enormi! Tiny CSS Projects vi insegna a creare siti web e applicazioni bellissimi guidandovi attraverso una dozzina di divertenti sfide di codifica. Imparerete abilità importanti attraverso la pratica, mentre armeggiate con il vostro codice e prendete decisioni creative sui progetti che state costruendo. Imparerete rapidamente a padroneggiare le nozioni di base, per poi passare alle interessanti funzioni di layout dei CSS, tra cui griglia e flexbox, animazioni, transizioni e media queries.

L'acquisto del libro stampato include un eBook gratuito nei formati PDF, Kindle e ePub di Manning Publications.

Informazioni sulla tecnologia

Non accontentatevi di pagine web noiose! Con i fogli di stile a cascata potete controllare il colore, il layout e la tipografia per rendere i vostri siti funzionali e belli. I CSS sono un'abilità essenziale per gli sviluppatori e i designer web. Questo libro vi aiuterà a iniziare nel modo giusto.

Informazioni sul libro

Tiny CSS Projects sviluppa le vostre competenze CSS guidandovi attraverso 12 mini-progetti creativi. Ogni sfida interessante inizia con uno scheletro HTML scaricabile. Man mano che lo si completa con le proprie idee di design, si imparano concetti CSS come le transizioni, il layout e lo styling dei moduli, e si esplorano potenti funzionalità come Flexbox e Grid. Tutte le competenze apprese sono facilmente trasferibili alle applicazioni a grandezza naturale. Al termine, avrete un portafoglio di progetti entusiasmante, pronto per il vostro prossimo progetto.

Cosa c'è dentro

⬤ Transizioni e animazioni con i keyframe.

⬤ Tecniche di layout, tra cui Grid e Flexbox.

⬤ Styling degli elementi dei moduli, compresi i pulsanti di opzione.

⬤ Implementazione di font e stili tipografici.

⬤ Stile condizionale con pseudo-elementi e media queries.

Informazioni sul lettore

Per lettori che conoscono le basi dell'HTML e dello sviluppo frontend. Non è richiesta alcuna esperienza precedente con i CSS.

Informazioni sull'autore

Martine Dowden è autrice, relatrice e CTO pluripremiata. Michael Gearon è un designer di esperienza utente e sviluppatore frontend che ha lavorato con molti marchi famosi.

Indice dei contenuti

1 Introduzione ai CSS.

2 Progettazione di un layout con CSS Grid.

3 Creazione di una schermata di caricamento animata reattiva.

4 Creazione del layout di un giornale web reattivo.

5 Schede di riepilogo con interazioni hover.

6 Creazione di una scheda profilo.

7 Sfruttare tutta la potenza del float.

8 Progettazione di un carrello di pagamento.

9 Creazione di una carta di credito virtuale.

10 Stilizzazione dei moduli.

11 Link animati per la condivisione dei social media.

12 Utilizzo dei preprocessori.