Video Screencasts 2025, September

# 91: Fotoshopping af individuelle gallerisider - CSS-tricks

# 91: Fotoshopping af individuelle gallerisider - CSS-tricks

I denne screencast bruger vi lidt tid på at tænke over, hvordan en individuel Galleri-skærmbillede vil se ud. Der er en smule data, som vi allerede "

# 87: Galleri Grid-izing - CSS-tricks

# 87: Galleri Grid-izing - CSS-tricks

Vi har galleriområdet oprettet i WordPress, det spytter ud, hvad vi har brug for, for at spytte ud, men der er næsten slet ingen styling på siden endnu. Vi"

# 90: Opsætning af individuelle sider i galleriet - CSS-tricks

# 90: Opsætning af individuelle sider i galleriet - CSS-tricks

Hvert skærmbillede (eller video) i galleriet har sin egen individuelle side. Du kommer let til dem bare ved at klikke på selve billedet. Vi ønsker at gøre dette "

# 89: Tilpasning af Galleri Bar - CSS-tricks

# 89: Tilpasning af Galleri Bar - CSS-tricks

I denne video laver vi en masse tweaks til den bar, vi har oprettet med det meste af galleriets funktionalitet. Design handler kun om at finjustere, er det ikke? "

# 86: Fotoshopping af galleriet - CSS-tricks

# 86: Fotoshopping af galleriet - CSS-tricks

Jeg var begejstret for at komme i gang med Galleri-området på webstedet. Det er et af de områder, der var særlig dårligt i v9. Det får ikke masser af trafik, men "

# 88: Opbygning af Galleri Bar - CSS-tricks

# 88: Opbygning af Galleri Bar - CSS-tricks

Vi gik i gang med at bygge bjælken under gallerihovedet. Denne bar har et stort stykke arbejde. Det fortæller folk, hvor de er, og hvad de ser på (brødkrummer, "

# 84: Flytning af sidefod til WordPress - CSS-tricks

# 84: Flytning af sidefod til WordPress - CSS-tricks

Vi starter med at rette nogle billedfilstier. Jeg skelner altid, når jeg bruger billeder i et WordPress-tema. Er dette billede en del af dette "

# 85: Visning af blogindlæg (single.php) i WordPress - CSS-tricks

# 85: Visning af blogindlæg (single.php) i WordPress - CSS-tricks

Hvis vi skulle vælge, er udsigten til et enkelt blogindlæg sandsynligvis den vigtigste skabelon på webstedet. Vi har en statisk mockup af en blogindlægsside, så vi "

# 158: En måned senere: Endelig afslutning - CSS-tricks

# 158: En måned senere: Endelig afslutning - CSS-tricks

Cirka en måned efter lanceringen taler vi om, hvordan v10-lanceringen er gået. Vi ser igennem det dokument, vi oprettede i begyndelsen af ​​denne proces "

# 80: Opdatering af lokalt indhold ved at køre SQL - CSS-tricks

# 80: Opdatering af lokalt indhold ved at køre SQL - CSS-tricks

Vi har en .sql-fil nu takket være at eksportere den og downloade den, som vi gjorde i den sidste video. Nu skal vi bare køre det og overskrive vores nuværende "

# 156: Start af webstedet, del 1 - CSS-tricks

# 156: Start af webstedet, del 1 - CSS-tricks

Dette er det store øjeblik! Vi har en liste over ting, vi ved, at vi skal gøre, og vi begynder bare at gøre dem og få dette websted live. Måske "

# 155: Gennemgang af tjeklisten før lancering - CSS-tricks

# 155: Gennemgang af tjeklisten før lancering - CSS-tricks

Vi er bare om at lancere denne ting! Det er tid til at se på de sidste par små problemer, der skal shored op, inden vi kan starte. Husk, at "

# 81: Flytning af overskriften til WordPress - CSS-tricks

# 81: Flytning af overskriften til WordPress - CSS-tricks

Det er tid til faktisk at flytte vores design til WordPress. Kan lige så godt starte top-down og starte med headeren. Bortset fra bare at være en logisk "

# 157: Opfølgning efter øjeblikkelig poststart - CSS-tricks

# 157: Opfølgning efter øjeblikkelig poststart - CSS-tricks

Jeg skød videoen måske måske 10 minutter efter lanceringen af ​​siden. Kommentarer begynder at rulle ind, og det er sådan, jeg reagerer på noget af det. Synes godt om"

# 83: Opbygning af WordPress-hjemmesiden, del 2 - CSS-tricks

# 83: Opbygning af WordPress-hjemmesiden, del 2 - CSS-tricks

Vi fortsætter med at overføre kode fra vores statiske mockup til vores WordPress index.php-side. Vi finjusterer "sløjfen" lidt for at levere netop det, vi ønsker. Vi kommer ned "

# 82: Opbygning af WordPress-hjemmesiden, del 1 - CSS-tricks

# 82: Opbygning af WordPress-hjemmesiden, del 1 - CSS-tricks

Det store træk til WordPress er i gang! Vi afslutter header.php-filen og flytter til index.php. index.php er ansvarlig for vores hjemmeside. Den første"

# 154: Styling af Lodge Archives og Single Lodge Videoside - CSS-tricks

# 154: Styling af Lodge Archives og Single Lodge Videoside - CSS-tricks

Hjemmesiden for The Lodge, når du er logget ind (dvs. / lodge /), er en slags "portal" -side. Denne serie, som vi kalder "The Big v10 Redsign"

# 152: Styling af WordPress (Lodge) login-siden - CSS-tricks

# 152: Styling af WordPress (Lodge) login-siden - CSS-tricks

Vores "widget" til The Lodge i sidebjælken på webstedet (vises på de fleste sider, inklusive hjemmesiden) har to stater. En til når en bruger er logget af og en "

# 153: Styling af Lodge-tilmeldingsformularen CSS-tricks

# 153: Styling af Lodge-tilmeldingsformularen CSS-tricks

Tilmeldingssiden til The Lodge er meget vigtig af åbenlyse grunde: dette er den side, der samler pengene og giver adgang til medlemskabet "

# 150: Beskyttelse af videoindhold med udløbne S3-links - CSS-tricks

# 150: Beskyttelse af videoindhold med udløbne S3-links - CSS-tricks

I denne screencast ser vi på, hvordan vi kan være vært for filer på Amazon S3 (Simple Storage Service) på en sådan måde, at vi kan linke til en brug af disse aktiver, men ikke "

# 151: Opbygning af lodgemodulet (og en rapport om hurtig hastighed) - CSS-tricks

# 151: Opbygning af lodgemodulet (og en rapport om hurtig hastighed) - CSS-tricks

Vi laver et modul til det generelle sidefelt på webstedet, der kun er til The Lodge. Hvis du er logget ind, vil det byde dig velkommen og give relevante links "

# 149: Opbygning af en loginformular til The Lodge - CSS-tricks

# 149: Opbygning af en loginformular til The Lodge - CSS-tricks

En af grundene til, at WordPress er fantastisk, er, at det kommer med sit eget fuldt fungerende brugergodkendelsessystem. At skrive det fra bunden i disse dage "

# 148: Styling af tilmeldingsknappen til The Lodge - CSS-tricks

# 148: Styling af tilmeldingsknappen til The Lodge - CSS-tricks

I den sidste video fandt vi ud af, hvordan vi kunne servere andet indhold i vores skabeloner baseret på brugernes login- og abonnementsstatus. Vi bruger det "

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

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

Vi forsøger at afslutte stylingen af ​​foraene her. En af de største navigationsmekanismer på foraerne er paginering. Nederst på siden "

# 145: Introduktion til hytten (privat adgangsområde) - CSS-tricks

# 145: Introduktion til hytten (privat adgangsområde) - CSS-tricks

Vi har lavet en lille forberedelse til dette nye "Private Access Area" på CSS-tricks. Vi har set på WordPress-plugins for at hjælpe os, vi har endda besluttet på en og sat "

# 146: Tilpasset header til The Lodge - CSS-tricks

# 146: Tilpasset header til The Lodge - CSS-tricks

I den sidste screencast fik vi det foto fra iStockPhoto af den snedækkede hytte og skoven. Vi faldt det i baggrunden bag hovedindholdsområdet "

# 143: Forums Ny tråd styling og funktionalitetsdiskussion - CSS-tricks

# 143: Forums Ny tråd styling og funktionalitetsdiskussion - CSS-tricks

Vær ikke sur, men jeg var nødt til at springe lidt fremad, fordi der var noget udmattende langt kedeligt arbejde med at tilsidesætte forskellige synspunkter ved at sætte den rette "

# 142: Styling af forummoduler - CSS-tricks

# 142: Styling af forummoduler - CSS-tricks

Langs højre side af foraene er der en række moduler. "Moduler" visuelt, "Moduler" bogstaveligt i kode og "Moduler" i det indhold, de "

# 141: Begræns installation og indstillinger for Content Pro - CSS-tricks

# 141: Begræns installation og indstillinger for Content Pro - CSS-tricks

I denne screencast tager vi en lille pause fra at kæmpe med Vanilla Forums styling for at arbejde på opsætning af Restrict Content Pro (RCP), vores WordPress-plugin til "