Screencast video 2025, Luglio

# 018 - Piè di pagina - Trucchi CSS

# 018 - Piè di pagina - Trucchi CSS

Questo sarà il piè di pagina più semplice mai visto su un sito. Sarà un simbolo di copyright con il nome di Jeff (è sempre bello, penso, avere il nome del "

# 016 - Navigazione domestica, parte 2 - Trucchi CSS

# 016 - Navigazione domestica, parte 2 - Trucchi CSS

Abbiamo iniziato bene la navigazione nella home page, ma ci sono alcune cose di stile che devono ancora essere fatte. Iniziamo completando il contenuto stesso "

# 017 - Navigazione domestica, parte 3 - Trucchi CSS

# 017 - Navigazione domestica, parte 3 - Trucchi CSS

Abbiamo quasi finito con la navigazione nella home page, ma c'è uno spazio strano sotto il nostro cursore e sopra la navigazione stessa. Scaviamo per scoprirlo "

# 015 - Navigazione nella home page, parte 1 - Trucchi CSS

# 015 - Navigazione nella home page, parte 1 - Trucchi CSS

Abbiamo un piano per la navigazione nella home page, dobbiamo solo farlo in codice. Navigazione nella home page, dico specificamente, perché probabilmente è solo "

# 014 - Posizionamento dello slider - Trucchi CSS

# 014 - Posizionamento dello slider - Trucchi CSS

Lo slider funziona! Ma non è posizionato esattamente come abbiamo progettato nel nostro file Photoshop. Abbiamo bisogno di più spazio al di sotto per esporre più elementi principali "

# 013 - Modificare lo Slider - Trucchi CSS

# 013 - Modificare lo Slider - Trucchi CSS

Lo slider è implementato e funziona, semplicemente non sembra come l'abbiamo progettato. Seguiamo il processo di rimozione di HTML e CSS che "

# 012 - Fondamenti Slider - Trucchi CSS

# 012 - Fondamenti Slider - Trucchi CSS

Decidiamo di andare con il RoyalSlider per lo slider sulla homepage. Sono stato a lungo un fan di AnythingSlider, perché facevo parte della sua creazione e io "

# 010 - CodeKit per un grande successo - Trucchi CSS

# 010 - CodeKit per un grande successo - Trucchi CSS

In questo screencast abbiamo CodeKit che inizia a guardare il nostro progetto. Ciò semplifica notevolmente le attività degli sviluppatori. La prima cosa che facciamo è di farlo "

# 008 - Dare a noi stessi un nuovo inizio con un tema pulito, parte 1 - Trucchi CSS

# 008 - Dare a noi stessi un nuovo inizio con un tema pulito, parte 1 - Trucchi CSS

Presto smetteremo di guardare il vecchio sito qui. Questa è l'ultima volta! Il nostro piano ora che abbiamo un ambiente di sviluppo locale appropriato è quello di dare "

# 011 - Intestazione e caratteri personalizzati tramite TypeKit - Trucchi CSS

# 011 - Intestazione e caratteri personalizzati tramite TypeKit - Trucchi CSS

Abbiamo scelto Proxima Nova come carattere principale da utilizzare per il sito di Jeff. È dannatamente popolare in questi giorni, ma sta benissimo con il lavoro di Jeff. Semplice,"

# 009 - Dare a noi stessi un nuovo inizio con un tema pulito, parte 2 - Trucchi CSS

# 009 - Dare a noi stessi un nuovo inizio con un tema pulito, parte 2 - Trucchi CSS

Siamo nel bel mezzo della riduzione del nostro tema WordPress fino a renderlo il più semplice possibile. Non siamo preoccupati per il design che stiamo cercando di ottenere ",

# 007 - Creazione dell'ambiente di sviluppo locale - Trucchi CSS

# 007 - Creazione dell'ambiente di sviluppo locale - Trucchi CSS

Vogliamo lavorare a livello locale mentre lavoriamo a questo progetto. Solo alcuni motivi: è veloce. Possiamo lavorare offline da qualsiasi luogo. Stiamo lavorando a un completo "

# 006 - Photoshopping mobile, parte 2 - Trucchi CSS

# 006 - Photoshopping mobile, parte 2 - Trucchi CSS

Abbiamo l '"intestazione" del disegno in atto, dobbiamo solo capire il resto della pagina. Abbiamo un elenco degli obiettivi più importanti che stiamo cercando di raggiungere "

# 005 - Photoshopping mobile, parte 1 - Trucchi CSS

# 005 - Photoshopping mobile, parte 1 - Trucchi CSS

Iniziamo con il nostro file Photoshop aperto. Lo screenshot dell'iPhone "allungato" dall'aspetto piuttosto sciocco, che semplicemente ci offre prima una tela sul cellulare "

# 004 - Una tela di Photoshop - Trucchi CSS

# 004 - Una tela di Photoshop - Trucchi CSS

Dall'ultimo video, sappiamo di avere cinque punti principali da considerare quando si inizia a progettare questo sito. Li terremo in cima alla nostra mente come "

# 003 - Comunicazione iniziale con il cliente - Trucchi CSS

# 003 - Comunicazione iniziale con il cliente - Trucchi CSS

In questo screencast parlo di com'era la comunicazione tra me e Jeff quando mi ha scritto per la prima volta dicendo che volevo riprogettare il sito. Il"

# 001 - Introduzione alla serie - Trucchi CSS

# 001 - Introduzione alla serie - Trucchi CSS

Ciao a tutti! Benvenuti alla serie completa sulla creazione di un primo sito web per artisti mobili con WordPress. Questo è leggermente diverso dall'ultima serie "