Screencast video 2025, Luglio

04: Perché SVG? Piccolo. - Trucchi CSS

04: Perché SVG? Piccolo. - Trucchi CSS

La dimensione di un file SVG dipende da quanto è complesso, non da quanto è "grande". Ricorda che gli SVG non si preoccupano delle dimensioni con cui vengono renderizzati, sono "

08: Utilizzo di SVG: iframe / object / embed - Trucchi CSS

08: Utilizzo di SVG: iframe / object / embed - Trucchi CSS

Perdonami se sono un po 'giù con questi metodi. Non mi sono mai imbattuto in un caso d'uso in cui sono sicuramente la strada da percorrere. C'è stato un tempo in cui era il "

03: Perché SVG? Flessibile. - Trucchi CSS

03: Perché SVG? Flessibile. - Trucchi CSS

Abbiamo appena scoperto che gli SVG hanno un aspetto visivamente nitido. Anche gli SVG sono flessibili. Non è una caratteristica esclusiva degli elementi sul Web, ma ciò che è unico è che "

06: Usare SVG - SVG come immagine di sfondo - Trucchi CSS

06: Usare SVG - SVG come immagine di sfondo - Trucchi CSS

Le immagini SVG possono essere utilizzate anche come immagine di sfondo in CSS, proprio come PNG, JPG.webp o GIF. .element (background-image: url (/images/image.svg);) Lo stesso "

# 29: Preparare la produzione - Trucchi CSS

# 29: Preparare la produzione - Trucchi CSS

Lo riporteremo su un normale editor di testo in questo screencast, proprio come abbiamo iniziato. In una situazione di "mondo reale", queste cose sono vere: tu "

07: Utilizzo di SVG - Inline SVG - Trucchi CSS

07: Utilizzo di SVG - Inline SVG - Trucchi CSS

Forse il modo migliore per utilizzare SVG è "Inline SVG", ovvero inserire il codice SVG direttamente nel tuo HTML. Funziona benissimo! Guarda la penna gpcDi di Chris Coyier "

02: Perché SVG? Nitidezza. - Trucchi CSS

02: Perché SVG? Nitidezza. - Trucchi CSS

Vorrei sottolineare all'inizio di questo corso perché SVG è così interessante da usare. Forse il motivo più convincente per i designer: sembrano "

# 30: Conclusione della serie - Trucchi CSS

# 30: Conclusione della serie - Trucchi CSS

L'hai fatta! Grazie mille per aver seguito il corso. Spero che tu abbia imparato abbastanza su jQuery e JavaScript che il tuo livello di fiducia in esso sia aumentato e "

# 28: Creazione di un plugin più complesso - Trucchi CSS

# 28: Creazione di un plugin più complesso - Trucchi CSS

Ora che abbiamo compreso le basi dello sviluppo di plugin, possiamo scavare un po 'più a fondo. Poiché in definitiva un plugin è una funzione, ci fornisce l'ambito "

# 27: Creazione di un semplice plugin jQuery - Trucchi CSS

# 27: Creazione di un semplice plugin jQuery - Trucchi CSS

Ora che abbiamo esaminato l'utilizzo dei plugin jQuery, vale assolutamente la pena capire come crearli. Abbiamo già accennato brevemente al fatto che "

# 26: Utilizzo di un plug-in jQuery dal selvaggio - Trucchi CSS

# 26: Utilizzo di un plug-in jQuery dal selvaggio - Trucchi CSS

Tutti hanno visto un fantastico plug-in jQuery là fuori su Internet selvaggio e selvaggio, giusto? Forse ti sei interessato solo a imparare di più "

# 25: Organizzarsi! - Trucchi CSS

# 25: Organizzarsi! - Trucchi CSS

Finora abbiamo fatto un ottimo lavoro nell'organizzarci. La suddivisione del codice HTML in un modello è stato un grande passo. Stiamo più confondendo le acque così da "

# 24: Modelli con trattino basso - Trucchi CSS

# 24: Modelli con trattino basso - Trucchi CSS

Abbiamo coperto i modelli con Manubri nell'ultimo video. Ma il manubrio non è l'unica soluzione di template sul blocco. In questo video useremo il "

# 23: Creazione di modelli con manubri - Trucchi CSS

# 23: Creazione di modelli con manubri - Trucchi CSS

Abbiamo interrotto l'ultimo video con un po 'di confusione. In un unico blocco di JavaScript, stavamo mescolando il recupero dei dati, la visualizzazione e la logica aziendale e "

# 21: cambia solo classe! - Trucchi CSS

# 21: cambia solo classe! - Trucchi CSS

Se impari qualche pezzo importante della filosofia dell'architettura front-end da questa serie, impara questo. Basta cambiare classe. In questo screencast iniziamo ad andare "

# 22: La necessità di creare modelli - Trucchi CSS

# 22: La necessità di creare modelli - Trucchi CSS

La creazione di modelli è una parte importante del lavoro con le applicazioni JavaScript. È abbastanza comune che i dati siano disponibili per te, ma non in un formato che è "

# 19: è solo JavaScript - Trucchi CSS

# 19: è solo JavaScript - Trucchi CSS

Una cosa che voglio mettere in chiaro in questa serie è che nessuno di noi dovrebbe essere anti-vanilla JavaScript. "Vaniglia" che significa "crudo" o "nativo" "

# 17: POST con Ajax - Trucchi CSS

# 17: POST con Ajax - Trucchi CSS

Abbiamo parlato di GET nell'ultimo video ma non abbiamo prestato abbastanza attenzione a POST. Quindi ho pensato che l'avremmo fatto qui. La grande differenza con POST è che tu "

# 15: concatenamento - Trucchi CSS

# 15: concatenamento - Trucchi CSS

Abbiamo parlato diverse volte di piccoli tocchi nell'API jQuery che sono davvero molto carini. Tutto è curato e raffinato. Concatenamento "

# 18: Ajax e JSON - Trucchi CSS

# 18: Ajax e JSON - Trucchi CSS

Ci sono buone probabilità che nel "mondo reale", la prima cosa per cui usi Ajax sia l'invio e la ricezione di dati JSON. E per una buona ragione. JSON non "

# 16: Introduzione all'Ajax - Trucchi CSS

# 16: Introduzione all'Ajax - Trucchi CSS

Ajax si colloca piuttosto in alto sui principali motivi per utilizzare jQuery. JQuery non solo risolve i problemi cross-browser, ma semplifica molto la sintassi "

# 20: Dati! dati-*! .dati()! .attr (data- *)! - Trucchi CSS

# 20: Dati! dati-*! .dati()! .attr (data- *)! - Trucchi CSS

Dati. Nel mondo di jQuery, si tratta di bit di informazioni che sono attaccati direttamente agli elementi (piuttosto che, diciamo, una variabile con l'onere solo di "

# 14: Eventi personalizzati - Trucchi CSS

# 14: Eventi personalizzati - Trucchi CSS

Dato che abbiamo appena parlato di eventi, ora è un buon momento per menzionare gli eventi personalizzati. Tutti gli eventi di cui abbiamo parlato finora sono eventi "reali" quindi "

# 13: Introduzione agli eventi - Trucchi CSS

# 13: Introduzione agli eventi - Trucchi CSS

La gestione degli eventi è un altro di quei grandi motivi per utilizzare jQuery. Ci sono alcune differenze tra browser su come fare, che jQuery normalizza in uno "

# 11: Animazione con jQuery - Trucchi CSS

# 11: Animazione con jQuery - Trucchi CSS

Se ti sei dilettato per la prima volta con jQuery molti anni fa, potrebbe essere stata la sua capacità di fare animazione. Questo è stato forse uno dei primi grandi progetti di jQuery. Questi"

# 12: Funzioni di richiamata - Trucchi CSS

# 12: Funzioni di richiamata - Trucchi CSS

Il preferito di tutti: tempo di video di concetto! I callback sono un concetto importante in JavaScript. Sono funzioni che vengono chiamate quando un'azione ha "

# 09: Getters e Setter - Trucchi CSS

# 09: Getters e Setter - Trucchi CSS

Il concetto di getter e setter in JavaScript è solo una di quelle cose che dovresti capire. Sono simpatici in jQuery perché l'API è così "

# 10: iterazione esplicita e implicita - Trucchi CSS

# 10: iterazione esplicita e implicita - Trucchi CSS

Un altro video concettuale! Questa è "solo una di quelle cose" che devi capire in jQuery. In realtà è un po 'unico per jQuery, in quell'altro popolare "

# 07: Fallo! - Trucchi CSS

# 07: Fallo! - Trucchi CSS

Come abbiamo detto, jQuery può essere pensato come una libreria "seleziona e fai". Abbiamo parlato parecchio della selezione, quindi ora parliamo di alcuni "