Video Screencasts 2025, September

Vi är fortfarande långt nere i forumområdet. I denna screencast tittar vi på registreringssidan. En annan ganska viktig sida eftersom vi vill ha upplevelsen av "

Vi hoppar direkt in i utformningen av huvudinnehållsområdet på The Forums hemsida. Förmodligen den viktigaste delen av forumen, eftersom det är det första "

Du kan hävda att forumens hemsida är den viktigaste sidan, men det finns lika bra argument för att enskilda trådvisningar är "

Det har varit lite av en lång vägbrottningskontroll över alla delar vi behöver, med ett par kämpar och överraskningar längs vägen. Vi kan äntligen få "

I denna screencast fortsätter vi att gräva i koden för Vanilla Forums och få vårt tema igång. Vi fattar beslutet omedelbart att göra det vild-n-galna drag "

Vi fortsätter att gräva i temat Forum-området på webbplatsen. Vi har gjort bra hittills, men ju djupare vi gräver desto svårare kommer det att bli. "

Vi slutade försöka avgöra om vi kan vinna striden om ett statiskt inloggningsformulär eller inte. Vi kunde antagligen, men när vi spelar mer med forumet, "

I denna screencast gräver vi faktiskt in i koden för forumområdet. Den "huvudsakliga" filen i forumen, om det finns något sådant, är default.master.php. "

I denna skärmdump dyker vi in ​​i ett helt nytt avsnitt på webbplatsen: Forums! Detta är ett enormt område på webbplatsen. Kanske inte så mycket i trafiken (jag har alltid "

I den här screencasten började vi bygga ut några fler av de moduler vi planerar att ha på hemsidan. Bara en liten tweak och vi visar tre heta "

Artikelarkivsidan på CSS-Tricks är ganska viktig. I stället för att ha paginerade blogginlägg som de flesta bloggar har, länkar jag helt enkelt till arkiven. "

I denna screencast gräver vi för att lägga till några fler moduler till webbplatsens hemsida. Ganska viktiga saker! För tillfället har vi bara en handfull av dem "

I den här screencast gräver vi in ​​i avsnittet Deals. Avsnittet Erbjudanden är i grunden en "annonsvägg". Det är ett område på webbplatsen som människor måste "

I screencast gräver vi in ​​i HTML- och CSS- och WordPress-mallen som är den enda videosidan. Vi har redan utformat hur vi vill att detta ska se ut "

I denna screencast kommer vi att avsluta kod-wranglin 'mallen för enstaka videor. Vi börjar med att ordna lite i vår CSS. Några av videos.scss "

I denna skärmdump gräver vi för att utforma en annan mycket viktig sida. Det här är en av de sidor jag har varit glada över att designa sedan början, "

Sidan för videorarkiv är den del av webbplatsen där människor kan bläddra bland alla gratis videor som är tillgängliga att titta på. Det är för att surfa, måste gilla hemsidan "

Vi har precis avslutat en spännande del av den här redesignen där vi fick slänga en massa bruttomarkeringar på videots arkivsida och ersätta den med ny

I den här screencasten kommer vi att arbeta med "Demos" -området i CSS-Tricks. Det är ett ganska populärt område på webbplatsen, trots att jag inte lägger till som "

Vi tittar på kontaktsidan och bestämmer att det är den typ av sida på CSS-Tricks som är väldigt generisk och inte behöver någon speciell styling på "

I den här screencasten börjar vi prata om hur vi ska bygga medlemsområdet för CSS-Tricks. En del av Kickstarter som gjorde hela det här "

Jag tror att jag sa i en tidigare video att vi hade avslutat alla rubriker. Skojar bara! Det finns en kvar! Den här är för området Videos och var klar "

I denna screencast lägger vi till ett nytt plugin på webbplatsen som ger oss möjlighet att byta teman på live-webbplatsen, men bara så att vi (som administratörer) kan "

Efter den konstiga förvirringen i den senaste videon om vilken rubrik vi faktiskt gjorde, den här gången kommer vi verkligen att implementera den anpassade rubriken "

De sista kvarvarande rubrikerna har kommit in! Vi kan nu avsluta dem och få alla våra anpassade rubriker gjort. I denna screencast kommer vi att arbeta med den anpassade "

Vi kommer att lägga till i en ny reklamzon på webbplatsen som drivs av Google AdSense. Vi tog bort en BuySellAds-zon för lite sedan, så det är inte som "

I denna screencast kommer vi att bygga kommentarformuläret i HTML / CSS. Markeringen för kommentarformuläret finns i comments.php-filen i vår "

Jag är väldigt glad att arbeta med kommentarsektionen för den här webbplatsen. CSS-Tricks är hem för några utmärkta diskussioner, tack till alla ni bra folk. Design"

I denna skärmdump hoppar vi tillbaka till Photoshop och utformar själva kommentarformuläret. Som i måste ingångarna och textareanvändarna fylla i för att lämna en "

Precis i slutet av den senaste screencasten kom vi på att vår Photoshop-design, så enkel som den är, har ett problem som kommer att bli för svårt att "