Video Screencasts 2025, September

# 91: Photoshopping enskilda gallerisidor - CSS-tricks

# 91: Photoshopping enskilda gallerisidor - CSS-tricks

I den här skärmutsändningen spenderar vi lite tid på att tänka på hur en enskild Galleri-skärmdump kommer att se ut. Det finns lite data som vi redan "

# 87: Galleri Grid-izing - CSS-tricks

# 87: Galleri Grid-izing - CSS-tricks

Vi har galleriområdet inrättat i WordPress, det spottar ut vad vi behöver för att spotta ut, men det finns nästan ingen styling alls på sidan än. Vi"

# 90: Ställa in enskilda sidor i galleriet - CSS-tricks

# 90: Ställa in enskilda sidor i galleriet - CSS-tricks

Varje skärmdump (eller video) i galleriet har sin egen individuella sida. Du kommer lätt till dem bara genom att klicka på själva bilden. Vi vill göra detta "

# 89: Tweaking the Gallery Bar - CSS-tricks

# 89: Tweaking the Gallery Bar - CSS-tricks

I den här videon gör vi en massa tweaks till baren som vi har ställt in med de flesta funktionerna i galleriet. Design handlar bara om att justera, eller hur? "

# 86: Fotografera galleriet - CSS-tricks

# 86: Fotografera galleriet - CSS-tricks

Jag var glad att komma igång med galleriområdet på webbplatsen. Det är ett av de områden som var särskilt dåligt i v9. Det får inte massor av trafik, men "

# 88: Bygg Galleribaren - CSS-tricks

# 88: Bygg Galleribaren - CSS-tricks

Vi började bygga baren under galleriets rubrik. Denna bar har ganska jobb. Det berättar för människor var de är och vad de tittar på (brödsmulor, "

# 84: Flytta sidfot till WordPress - CSS-tricks

# 84: Flytta sidfot till WordPress - CSS-tricks

Vi börjar med att fixa några bildfilvägar. Jag gör alltid en skillnad när jag använder bilder i ett WordPress-tema. Är den här bilden en del av detta "

# 85: Visa blogginlägg (single.php) i WordPress - CSS-tricks

# 85: Visa blogginlägg (single.php) i WordPress - CSS-tricks

Om vi ​​var tvungna att välja, är vyn för ett enda blogginlägg förmodligen den viktigaste mallen på webbplatsen. Vi har en statisk mockup av en blogginläggssida, så vi "

# 158: En månad senare: Final Wrapup - CSS-tricks

# 158: En månad senare: Final Wrapup - CSS-tricks

Ungefär en månad efter lanseringen pratar vi om hur v10-lanseringen har gått. Vi tittar igenom dokumentet vi skapade i början av denna process "

# 80: Uppdatera lokalt innehåll genom att köra SQL - CSS-tricks

# 80: Uppdatera lokalt innehåll genom att köra SQL - CSS-tricks

Vi har en .sql-fil nu tack vare att vi exporterar den och laddar ner den som vi gjorde i den senaste videon. Nu behöver vi bara köra den och skriva över vår nuvarande "

# 156: Starta webbplatsen, del 1 - CSS-tricks

# 156: Starta webbplatsen, del 1 - CSS-tricks

Det här är det stora ögonblicket! Vi har en lista över saker vi vet att vi behöver göra och vi ska bara börja göra dem och få den här webbplatsen live. Kanske "

# 155: Gå igenom checklistan före lansering - CSS-tricks

# 155: Gå igenom checklistan före lansering - CSS-tricks

Vi är BARA OM att lansera den här saken! Det är dags att titta över de senaste små frågorna som behöver stängas upp innan vi kan starta. Tänk på att "

# 81: Flytta rubriken till WordPress - CSS-tricks

# 81: Flytta rubriken till WordPress - CSS-tricks

Det är dags att faktiskt börja flytta vår design till WordPress. Det kan lika bra börja uppifrån och ner och börja med rubriken. Annat än att bara vara en logisk "

# 157: Uppföljning av omedelbar postlansering - CSS-tricks

# 157: Uppföljning av omedelbar postlansering - CSS-tricks

Jag spelade in videon bara tio minuter efter lanseringen av webbplatsen. Kommentarer börjar rulla in och det här är jag som reagerar på något av det. Tycka om"

# 83: Bygg WordPress-hemsidan, del 2 - CSS-tricks

# 83: Bygg WordPress-hemsidan, del 2 - CSS-tricks

Vi fortsätter att portera koden från vår statiska mockup till vår WordPress index.php-sida. Vi justerar "slingan" lite för att mata ut precis vad vi vill. Vi kommer ner "

# 82: Bygg WordPress-hemsidan, del 1 - CSS-tricks

# 82: Bygg WordPress-hemsidan, del 1 - CSS-tricks

Det stora steget till WordPress pågår! Vi avslutar header.php-filen och flyttar till index.php. index.php ansvarar för vår hemsida. Den första"

# 154: Styling the Lodge Archives och Single Lodge Videosida - CSS-tricks

# 154: Styling the Lodge Archives och Single Lodge Videosida - CSS-tricks

Hemsidan för The Lodge när du är inloggad (dvs. / lodge /) är en "portal" -sida. Denna serie, som vi kommer att kalla "The Big v10 Redsign"

# 152: Styling av WordPress (Lodge) inloggningssida - CSS-tricks

# 152: Styling av WordPress (Lodge) inloggningssida - CSS-tricks

Vår "widget" för The Lodge i sidofältet på webbplatsen (visas på de flesta sidor, inklusive hemsidan) har två stater. En för när en användare är utloggad och en "

# 153: Styling the Lodge Signup Form - CSS-tricks

# 153: Styling the Lodge Signup Form - CSS-tricks

Registreringssidan för The Lodge är mycket viktig av uppenbara skäl: det här är den sida som samlar in pengarna och ger tillgång till medlemskapet "

# 150: Skydda videoinnehåll med utgående S3-länkar - CSS-tricks

# 150: Skydda videoinnehåll med utgående S3-länkar - CSS-tricks

I denna screencast tittar vi på hur vi kan vara värd för filer på Amazon S3 (Simple Storage Service) på ett sådant sätt att vi kan länka till en användning av dessa tillgångar, men inte "

# 151: Bygga logimodulen (och en snabb hastighetsrapport) - CSS-tricks

# 151: Bygga logimodulen (och en snabb hastighetsrapport) - CSS-tricks

Vi skapar en modul för den allmänna sidofältet på webbplatsen som bara är för The Lodge. Om du är inloggad välkomnar den dig och ger relevanta länkar "

# 149: Skapa ett inloggningsformulär för The Lodge - CSS-tricks

# 149: Skapa ett inloggningsformulär för The Lodge - CSS-tricks

En av anledningarna till att WordPress är fantastisk är att det kommer med ett eget fullt fungerande användarverifieringssystem. Skriva det från grunden idag "

# 148: Styling av registreringsknappen för The Lodge - CSS-tricks

# 148: Styling av registreringsknappen för The Lodge - CSS-tricks

I den senaste videon fick vi reda på hur vi kan betjäna olika innehåll i våra mallar baserat på användarnas inloggnings- och prenumerationsstatus. Vi använder det "

# 144: Forums Pagination Styling och Wrapup - CSS-tricks

# 144: Forums Pagination Styling och Wrapup - CSS-tricks

Vi försöker avsluta forumets utformning här. En av de viktigaste navigeringsmekanismerna på forumet är paginering. På botten av sidan,"

# 145: Introduktion till stugan (privat åtkomstområde) - CSS-tricks

# 145: Introduktion till stugan (privat åtkomstområde) - CSS-tricks

Vi har gjort en liten förberedelse för det här nya "Privata åtkomstområdet" på CSS-tricks. Vi har tittat på WordPress-plugins för att hjälpa oss, vi har till och med bestämt oss för en och ställ in "

# 146: Anpassad rubrik för The Lodge - CSS-tricks

# 146: Anpassad rubrik för The Lodge - CSS-tricks

I den senaste screencasten hakade vi det fotot från iStockPhoto av den snöiga stugan och skogen. Vi tappade det i bakgrunden bakom huvudinnehållsområdet "

# 143: Forum Ny trådstyling och funktionalitetsdiskussion - CSS-tricks

# 143: Forum Ny trådstyling och funktionalitetsdiskussion - CSS-tricks

Var inte arg, men jag var tvungen att hoppa framåt lite för att det fanns ett ansträngande långtråkigt arbete med att åsidosätta olika åsikter genom att sätta rätt "

# 142: Forums modulstyling - CSS-tricks

# 142: Forums modulstyling - CSS-tricks

Längs högra sidan av forumen finns en rad moduler. "Moduler" visuellt, "Moduler" bokstavligen i kod och "Moduler" genom att innehållet de "

# 141: Begränsa inställningar och inställningar för Content Pro - CSS-tricks

# 141: Begränsa inställningar och inställningar för Content Pro - CSS-tricks

I denna screencast tar vi en liten paus från att kämpa med Vanilla Forums styling för att arbeta med att sätta upp Restrict Content Pro (RCP), vårt WordPress-plugin för "