Video Screencasts 2025, September

I den här skärmutsändningen täcker jag den absolut minsta möjliga inställningen för att använda jQuery på en "riktig" webbplats. Vi har en index.html-fil med den grundläggande HTML5 "

Det kom upp mycket kort i den senaste videon: hur hindrar du webbläsaren från att hoppa ner när du klickar på en hashlänk? Det är standardwebbläsarens beteende, "

JQuery kan välja allt som CSS3 kan välja. Men det stannar inte där! Det finns ett antal ytterligare väljare som jQuery erbjuder (via Sizzle "

Vi har pratat mycket om väljare. En jQuery-väljare som $ ("h1") markerar alla element på sidan. Men hur är det ... när det inte gör det? Här är en "

I CSS kan du välja alla element på sidan med detta: h1 (/ * utforma alla element * /) I jQuery kan du använda exakt samma väljare. $ ("h1") // set "

Välkommen! Målet med den här kursen är att ta dig, din vackra frontend-utvecklare dig, från någon med mycket liten eller ingen kunskap om jQuery eller JavaScript "

Ett sätt att tänka på jQuery är biblioteket "Välj och gör". jQuery är särskilt bra på att välja element på sidan (saker i DOM) och sedan göra "

WordPress driver kommentarområdet på Jeffs webbplats. Detta kommer att bli super lätt att städa upp med våra CSS supermakter. Vi gör en .scss-fil bara för kommentarer "

Det är dags att avsluta den här serien. Det har varit en rolig åktur! Det finns en viss skillnad mellan vad vi täckte och vad som faktiskt finns på "

I den här screencast tittar vi på Jeffs befintliga webbplats. Denna serie är inte så mycket "redesign" fokuserad som v10-serien var, men det finns en befintlig "

För det mesta hittills har vi använt iOS-simulatorn för att testa mobilversionen av vår webbplats. Det är ganska bra, mycket bättre än att testa en smal "

När vi skrivbordsplacerade sajten flyttade vi startsidan till höger om sidan för att öppna ett hål på vänster sida för mer "

Tillbaka när vi rörde oss med att ge CMS-förmågor till startsidens skjutreglage gav vi ett anpassat fält till varje hemsidans bild en färgväljare. Det ger oss "

Bara för att det här är en mobil första serie betyder inte att vi kan ignorera interaktioner mellan stationära och bärbara datorer. Vi spenderar lite tid på att se till att "

På större skärmar har vi mer plats på alla våra sidor. Vi har hanterat detta på hemsidan, men vi kan göra bättre på de andra undersidorna också. En enda"

Vi slutar med ett riktigt enkelt test som laddas in i en artikel från bloggen för att visa om det finns plats: // Ladda ytterligare innehåll om tillräckligt med rum frågar "

Vi arbetar med att fixa webbplatsen så att webbplatsen på "desktop" (dvs. större) skärmar fortfarande ser bra ut. Startsidan navigering är en annan sak som får "

När webbläsarfönstret blir större blir skjutreglaget högst upp på hemsidan löjligt stort. Detta är en mobil första serie, men eftersom mobilen "

Ett av de fem huvudområdena på webbplatsen är kontaktsidan. Det kräver knappast någon täckning alls, för vi byggde det enkelt i Wufoo och "

Jag trodde att vi kunde scoota efter händelser som det vi pratade om i den senaste videon, men när jag utarbetade händelserna måste det skrivas tillräckligt med kod jag "

Med våra två arbetshäst CMS-förlängande plugins installerade spenderar vi lite tid på att installera dem. "Händelser" på Jeffs webbplats är ett perfekt exempel. En händelse""

Vi har en annan inläggstyp som behöver rätt anpassade fält tillämpas: hemsidans bilder. Det här är den typ av sak som skulle vara lätt och frestande att "

Vi lärde oss hur man gör en anpassad slinga och skickar ut anpassade data från våra anpassade inläggstyper och anpassade fält i den senaste videon. Den här gången måste vi göra det "

Vi kan verkligen utöka WordPress: s "CMS" -funktioner med bara ett par plugins: Advanced Custom Fields och Custom Post Typer UI. Med dessa"

Hemsidans navigering uppfyller våra behov väl, men det är inte praktiskt att ha den enorma biten av navigering på varje sida på webbplatsen. Vi behöver "

I stort sett alla WordPress-teman finns det en arkiverad som heter page.php. Det här är mallen som styr "Pages" - en av standardtypen för innehåll som "

Det finns bara ett sätt att komma till webbplatsens bloggområde från hemsidan, och det är genom att klicka på "Senaste skrivning". Men det tar dig till det mesta "

Typografin är fortfarande inte helt rätt, så vi lägger lite mer tid på att göra justeringar på den. Det är värt att göra här, eftersom rubrik och kropp "

Bloggen skriver ut vad vi vill ha den, men typografin och layouten för den är inte riktigt där. Vi lägger till lite markering här och där efter behov för att ge "

Vi börjar arbeta på bloggområdet på webbplatsen. Vi vill ha webbplatsens bloggområde på / blog / - så vi slutar skapa en sidmall för det som heter "