Screencast video 2025, Luglio

# 156: Parliamo di Webpack - Trucchi CSS

# 156: Parliamo di Webpack - Trucchi CSS

Sean Larkin si unisce a me per parlare di Webpack! Dubito di essere l'unico a essere un po 'confuso su cosa sia e cosa faccia Webpack. Anche se sei attivamente "

# 134: Un tour di un sito in corso realizzato con Jekyll, Grunt, Sass, un sistema SVG e altro - Trucchi CSS

# 134: Un tour di un sito in corso realizzato con Jekyll, Grunt, Sass, un sistema SVG e altro - Trucchi CSS

Attenzione: questo è uno screencast tortuoso di livello intermedio in cui guardiamo il codice che alimenta un processo di compilazione per un sito. Non scriviamo alcun codice. "

# 99: Panoramica dei tipi, degli attributi e degli elementi dei moduli HTML5 - Trucchi CSS

# 99: Panoramica dei tipi, degli attributi e degli elementi dei moduli HTML5 - Trucchi CSS

HTML5 ha un sacco di funzionalità specifiche per i moduli che migliorano i moduli sul Web. Il supporto del browser per le funzionalità è presente in tutta la mappa, ma molti dei "

# 9: Notte stellata: sfondo 3D con effetto parallasse - Trucchi CSS

# 9: Notte stellata: sfondo 3D con effetto parallasse - Trucchi CSS

Utilizzando tre strati di file PNG trasparenti alfa, possiamo creare uno sfondo pseudo tridimensionale per una pagina web. Questo screencast spiega come "

# 98: Giocare con i bordi del corpo - Trucchi CSS

# 98: Giocare con i bordi del corpo - Trucchi CSS

Mettere un bordo all'interno della finestra del browser è un'idea così semplice e può essere un bell'effetto di design. Ma come facciamo in modo che "

# 96: localStorage for Forms - Trucchi CSS

# 96: localStorage for Forms - Trucchi CSS

HTML5 ha un metodo incredibilmente semplice per memorizzare i dati persistenti chiamato localStorage. In modo nativo, devi solo chiamare un metodo con coppia chiave / valore e questo è "

# 97: Introduzione alle animazioni CSS - Trucchi CSS

# 97: Introduzione alle animazioni CSS - Trucchi CSS

Le animazioni, come le transizioni, possono alterare gli elementi della pagina nel tempo. Le animazioni sono più potenti e più complesse in molti modi. Devi dichiarare un "

# 95: A Tale of Border Gradients - Trucchi CSS

# 95: A Tale of Border Gradients - Trucchi CSS

Si scopre che esiste un modo semplice per ottenere sfumature sui bordi. Tuttavia, ho impiegato più tempo del dovuto per arrivare, questo screencast copre "

# 94: Introduzione agli pseudo elementi - Trucchi CSS

# 94: Introduzione agli pseudo elementi - Trucchi CSS

Gli pseudo elementi sono elementi visibili su una pagina web che non sono "nel DOM" o creati da HTML, ma vengono invece inseriti direttamente da CSS. Questo permette"

# 93: Scatole a scorrimento CSS3 - Trucchi CSS

# 93: Scatole a scorrimento CSS3 - Trucchi CSS

Segui come usiamo alcune transizioni CSS3 molto semplici per creare un effetto box "slideup". Scorri la scatola con il mouse e il titolo della scatola "

# 92: Procedura dettagliata del codice di Drawing Table - Trucchi CSS

# 92: Procedura dettagliata del codice di Drawing Table - Trucchi CSS

La Drawing Table è essenzialmente una mini applicazione jQuery di una pagina. Ha una funzione primaria, creare un disegno colorato cambiando i colori delle celle "

# 91: Il ciclo di WordPress - Trucchi CSS

# 91: Il ciclo di WordPress - Trucchi CSS

Non c'è carenza di documentazione sulla famosa struttura di pubblicazione di contenuti di WordPress, ma sento ancora che ci sia più confusione e mistero "

# 86: Primi momenti con MAMP - Trucchi CSS

# 86: Primi momenti con MAMP - Trucchi CSS

Sono molto indietro rispetto ai tempi su questo, ma fino a poco tempo fa non mi sono mai sviluppato a livello locale. Tutto quello che ho fatto è stato "andare in commando" e lavorare "

# 90: semplici suggerimenti per TextMate - Trucchi CSS

# 90: semplici suggerimenti per TextMate - Trucchi CSS

TextMate è un editor di codice solo per Mac. Spiacente a tutti gli utenti di PC questa volta. Se guardi questi screencast da molto tempo, sai che ho usato "

# 89: Organizzazione di un documento Photoshop - Trucchi CSS

# 89: Organizzazione di un documento Photoshop - Trucchi CSS

Se siete come me, siete entrambi colpevoli di documenti Photoshop seriamente non organizzati e apprezzate quelli ben organizzati. La disorganizzazione non è "

# 8: formattazione CSS - Trucchi CSS

# 8: formattazione CSS - Trucchi CSS

Essere organizzati e utilizzare una buona formattazione nei file CSS può farti risparmiare molto tempo e frustrazioni durante il processo di sviluppo e soprattutto "

# 88: Introduzione a Compass / Sass - Trucchi CSS

# 88: Introduzione a Compass / Sass - Trucchi CSS

Chiedete a un gruppo di designer cosa desiderano che i CSS possano fare che ora non possono fare e otterrete un grande elenco che si legge in modo molto simile all'elenco delle funzionalità per "

# 85: Best practice con contenuto dinamico - Trucchi CSS

# 85: Best practice con contenuto dinamico - Trucchi CSS

Uno degli articoli che ho aggiornato durante "Maggio è il mese di manutenzione" era un articolo sul contenuto dinamico. L'idea era un semplice sito web in cui fare clic su un link "

# 87: Salire con MAMP - Trucchi CSS

# 87: Salire con MAMP - Trucchi CSS

Lavorare localmente con MAMP è fantastico, ma che dire di quando hai bisogno di rendere attivo quel sito? L'ultima volta che abbiamo installato localmente una versione di WordPress, adesso "

# 83: Pensieri sulla SEO - Trucchi CSS

# 83: Pensieri sulla SEO - Trucchi CSS

Giusto avvertimento: più sconclusionato del solito. Ascolta i miei pensieri sulla SEO. Quello che penso di sapere è che la SEO è una serie di best practice abbastanza ovvie. UN"

# 84: Soluzione del sito di chris-mcgarry.com - Trucchi CSS

# 84: Soluzione del sito di chris-mcgarry.com - Trucchi CSS

Ho creato un sito per un mio amico musicista che sta pubblicando un nuovo album. Chiaramente avere tracce riproducibili è importante, ma il classico problema di avere "

# 81: AJAXing un tema WordPress - Trucchi CSS

# 81: AJAXing un tema WordPress - Trucchi CSS

Guardami mentre mi faccio strada aggiungendo funzionalità AJAX a un tema WordPress. L'idea è che qualsiasi link interno del sito verrà caricato nella directory principale "

# 82: commutatore di immagini CSS - Trucchi CSS

# 82: commutatore di immagini CSS - Trucchi CSS

Passa il mouse su un collegamento, guarda l'immagine sopra cambiare. Questo è ciò che creiamo in questo screencast, solo che non usiamo JavaScript per farlo. Il trucco è un po '

# 80: Per quanto riguarda l'invenzione della ruota - Trucchi CSS

# 80: Per quanto riguarda l'invenzione della ruota - Trucchi CSS

Una coppia ha bisogno di una galleria fotografica per il proprio matrimonio, dove ognuno può sfogliare e caricare le proprie foto dal matrimonio. Sviluppatore principiante: so di "

# 79: animazioni complete / non in coda con jQuery - Trucchi CSS

# 79: animazioni complete / non in coda con jQuery - Trucchi CSS

Quando usi la funzione .animate () di jQuery con qualcosa di simile a un evento hover, quelle animazioni si "accodano". Cioè, se passi il mouse più volte, "

# 7: Menu a tre stati - Trucchi CSS

# 7: Menu a tre stati - Trucchi CSS

Usando una variazione della tecnica CSS Sprites, possiamo creare un menu "a tre stati" utilizzando una sola immagine per voce di menu. Questo riduce il numero di richieste "

# 78: Sulla pubblicità web - Trucchi CSS

# 78: Sulla pubblicità web - Trucchi CSS

In questo screencast discuto della pubblicità online. Che cos'è, come funziona e perché non è malvagio (tranne quando lo è). Parlo delle mie esperienze, del "

# 72: Creazione di un sito Web (2 di 3): conversione HTML / CSS - Trucchi CSS

# 72: Creazione di un sito Web (2 di 3): conversione HTML / CSS - Trucchi CSS

Nella parte 2 di questa serie, iniziamo la conversione HTML / CSS del mockup di Photoshop che abbiamo creato nella prima parte. Iniziamo con un progetto molto scheletrico "

# 77: Stile di un singolo articolo - Trucchi CSS

# 77: Stile di un singolo articolo - Trucchi CSS

L'idea di post di "direzione artistica" è molto popolare ultimamente. È l'idea di applicare uno stile unico a un articolo sul Web nel modo in cui viene stampato "

# 76: Un tour di jQuery su un sito live - Trucchi CSS

# 76: Un tour di jQuery su un sito live - Trucchi CSS

Sono impegnato, tu sei occupato, siamo tutti impegnati a cercare di rispettare le scadenze e portare a termine le cose in questo pazzo mondo del web. Amo imparare nuove tecnologie quando posso ",