Screencast video 2025, Luglio
In questo screencast tratterò la configurazione minima assoluta per l'utilizzo di jQuery su un sito Web "reale". Abbiamo un file index.html con HTML5 di base "
È emerso molto brevemente nell'ultimo video: come impedisci al browser di saltare giù quando fai clic su un link hash? Questo è il comportamento predefinito del browser "
JQuery può selezionare tutto ciò che CSS3 può selezionare. Ma non finisce qui! Esistono numerosi selettori aggiuntivi offerti da jQuery (tramite Sizzle "
Abbiamo parlato un bel po 'di selettori. Un selettore jQuery come $ ("h1") selezionerà tutti gli elementi sulla pagina. Ma che dire di ... quando non lo fa? Ecco un "
In CSS, puoi selezionare tutti gli elementi sulla pagina con questo: h1 (/ * style all elements * /) In jQuery, puoi usare esattamente lo stesso selettore. $ ("h1") // imposta "
Benvenuto! L'obiettivo di questo corso è di portare te, tu bellissimo sviluppatore front end, da qualcuno con poca o nessuna conoscenza di jQuery o JavaScript "
Un modo per pensare a jQuery è la libreria "Seleziona e fai". jQuery è particolarmente bravo a selezionare gli elementi nella pagina (cose nel DOM) e poi a fare "
WordPress alimenta l'area dei commenti del sito di Jeff. Sarà semplicissimo da ripulire con i nostri superpoteri CSS. Creiamo un file .scss solo per i commenti "
È ora di concludere questa serie. È stata una corsa divertente! Ci sono alcune differenze tra ciò che abbiamo trattato e ciò che è effettivamente in onda "
In questo screencast diamo uno sguardo al sito web esistente di Jeff. Questa serie non è così focalizzata sulla "riprogettazione" come la serie v10, ma esiste un "
Per la maggior parte finora, abbiamo utilizzato il simulatore iOS per testare la versione mobile del nostro sito. È abbastanza buono, molto meglio che testare uno stretto "
Mentre stavamo desktop-izzando il sito, abbiamo spostato la navigazione della home page sul lato destro della pagina per aprire un buco sul lato sinistro per ulteriori informazioni "
Ai tempi in cui stavamo cercando di dare le capacità CMS al cursore della home page, abbiamo assegnato un campo personalizzato a ciascuna diapositiva della home page un selettore di colori. Questo ci dà "
Solo perché questa è una serie mobile-first non significa che possiamo ignorare le interazioni dei computer desktop / laptop. Dedichiamo un po 'di tempo ad assicurarci "
Sugli schermi più grandi, abbiamo più spazio su tutte le nostre pagine. Abbiamo affrontato questo problema sulla homepage, ma possiamo fare di meglio anche sulle altre sottopagine. Una sola"
Finiamo con un test molto semplice che viene caricato in un articolo dal blog per visualizzare se c'è spazio: // Carica contenuti aggiuntivi se lo spazio è sufficiente "
Stiamo lavorando per sistemare il sito in modo che sugli schermi "desktop" (cioè più grandi) il sito abbia ancora un bell'aspetto. La navigazione nella home page è un'altra cosa che ottiene "
Quando la finestra del browser diventa più grande, il cursore nella parte superiore della home page diventa ridicolmente grande. Questa è una prima serie per dispositivi mobili, ma dal momento che i dispositivi mobili "
Una delle cinque aree principali del sito è la pagina dei contatti. Tuttavia, non richiede quasi alcuna copertura, perché l'abbiamo semplicemente costruito a Wufoo e "
Pensavo che avremmo potuto esplorare gli eventi di cui abbiamo parlato nell'ultimo video, ma mentre approfondivo l'area degli eventi è stato necessario scrivere un codice sufficiente "
Dopo aver installato i nostri due plug-in di estensione CMS da lavoro, passiamo un po 'di tempo a configurarli. "Eventi" sul sito di Jeff è un perfetto esempio. Un evento""
Abbiamo un altro tipo di post che richiede l'applicazione dei campi personalizzati appropriati: le diapositive della home page. Questo è il genere di cose che sarebbero facili e allettanti "
Nell'ultimo video abbiamo imparato come creare un ciclo personalizzato e produrre dati personalizzati dai nostri tipi di post personalizzati e campi personalizzati. Questa volta dobbiamo farlo "
Possiamo davvero estendere le capacità "CMS" di WordPress con solo un paio di plugin: Advanced Custom Fields e Custom Post Types UI. Con questi"
La navigazione nella home page soddisfa bene le nostre esigenze, ma avere quell'enorme porzione di navigazione su ogni pagina del sito non è pratico. Avremo bisogno di "
In quasi tutti i temi di WordPress c'è un file chiamato page.php. Questo è il modello che controlla le "Pagine", uno dei tipi di contenuto predefinito che "
C'è un solo modo per accedere all'area blog del sito dalla home page, ed è cliccando su "Lastest Writing". Ma questo ti porta al massimo "
La tipografia non è ancora corretta, quindi dedichiamo un po 'più di tempo ad apportare modifiche. Vale la pena farlo qui, perché intestazione e corpo "
Il blog sta producendo ciò che vogliamo, ma la tipografia e il layout non sono proprio lì. Aggiungiamo un po 'di markup qua e là secondo necessità per dare "
Iniziamo a lavorare nell'area blog del sito. Vogliamo avere l'area blog del sito in / blog /, quindi finiamo per creare un modello di pagina per quello chiamato "