Video Screencasts 2025, September

# 018 - Sidfot - CSS-tricks

# 018 - Sidfot - CSS-tricks

Det här handlar om den enklaste sidfoten någonsin på en webbplats. Det kommer att bli en upphovsrättssymbol med Jeffs namn (det är alltid trevligt, tror jag, att ha namnet på "

# 016 - Hemnavigering, del 2 - CSS-tricks

# 016 - Hemnavigering, del 2 - CSS-tricks

Vi har en bra start på startsidan, men det finns några styling grejer som fortfarande behöver göras. Vi börjar med att slutföra själva innehållet, "

# 017 - Hemnavigering, del 3 - CSS-tricks

# 017 - Hemnavigering, del 3 - CSS-tricks

Vi är nästan färdiga med startsidan, men det finns något konstigt utrymme under vår skjutreglage och ovanför själva navigeringen. Vi gräver i att ta reda på "

# 015 - Startsidanavigering, del 1 - CSS-tricks

# 015 - Startsidanavigering, del 1 - CSS-tricks

Vi har en plan för startsidan, vi behöver bara göra det i kod. Startsida navigering, säger jag specifikt, för detta är sannolikt bara "

# 014 - Placera skjutreglaget - CSS-tricks

# 014 - Placera skjutreglaget - CSS-tricks

Skjutreglaget fungerar! Men det placeras inte helt exakt som vi har designat i vår Photoshop-fil. Vi behöver mer utrymme under det för att avslöja mer av de viktigaste "

# 013 - Tweaking the Slider - CSS-tricks

# 013 - Tweaking the Slider - CSS-tricks

Skjutreglaget är implementerat och fungerar, det ser bara inte ut som vi har utformat det. Vi går igenom processen att ta bort HTML och CSS som vi "

# 012 - Slider Foundations - CSS-tricks

# 012 - Slider Foundations - CSS-tricks

Vi bestämmer oss för att gå med RoyalSlider för att skjuta reglaget på hemsidan. Jag har länge varit ett fan av AnythingSlider, för jag var en del av skapandet och jag "

# 010 - CodeKit för stor framgång - CSS-tricks

# 010 - CodeKit för stor framgång - CSS-tricks

I denna screencast har vi CodeKit börjat titta på vårt projekt. Detta gör många utvecklaruppgifter mycket enklare. Det första vi gör är att vi "

# 008 - Ge oss en ny start med ett rent tema, del 1 - CSS-tricks

# 008 - Ge oss en ny start med ett rent tema, del 1 - CSS-tricks

Vi kommer snart att sluta titta på den gamla webbplatsen här. Det här är sista gången! Vår plan nu när vi har en ordentlig lokal utvecklingsmiljö är att ge "

# 011 - Rubriken och anpassade teckensnitt via TypeKit - CSS-tricks

# 011 - Rubriken och anpassade teckensnitt via TypeKit - CSS-tricks

Vi har valt ut Proxima Nova som huvudteckensnitt som ska användas för Jeffs webbplats. Det är jätte populärt nuförtiden, men det ser bra ut med Jeffs arbete. Enkel,"

# 009 - Ge oss själva en ny start med ett rent tema, del 2 - CSS-tricks

# 009 - Ge oss själva en ny start med ett rent tema, del 2 - CSS-tricks

Vi mitt i att ta bort vårt WordPress-tema till ungefär så bara ben som vi kan få det. Vi är inte oroliga för den design vi försöker komma till, "

# 007 - Ställa in den lokala utvecklingsmiljön - CSS-tricks

# 007 - Ställa in den lokala utvecklingsmiljön - CSS-tricks

Vi vill arbeta lokalt medan vi arbetar med detta projekt. Bara några anledningar: det går snabbt. Vi kan arbeta offline var som helst. Vi arbetar på en komplett "

# 006 - Photoshopping Mobile, del 2 - CSS-tricks

# 006 - Photoshopping Mobile, del 2 - CSS-tricks

Vi har designens "rubrik" på plats, vi behöver bara ta reda på resten av sidan. Vi har en lista över de viktigaste målen vi försöker "

# 005 - Photoshopping Mobile, del 1 - CSS-tricks

# 005 - Photoshopping Mobile, del 1 - CSS-tricks

Vi börjar med vår Photoshop-fil öppen. Den ganska fåniga "långsträckta" iPhone-skärmdumpen, som helt enkelt bara ger oss en duk i mobilen först "

# 004 - En Photoshop-duk - CSS-tricks

# 004 - En Photoshop-duk - CSS-tricks

Från den senaste videon vet vi att vi har fem viktiga punkter att tänka på när vi börjar med utformningen av denna webbplats. Vi kommer att hålla dem högst upp i sinnet som "

# 003 - Inledande kundkommunikation - CSS-tricks

# 003 - Inledande kundkommunikation - CSS-tricks

I den här skärmutsändningen talar jag om hur kommunikationen var mellan mig och Jeff när han först mailade mig om att jag vill omdesigna webbplatsen. De"

# 001 - Introduktion till serien - CSS-tricks

# 001 - Introduktion till serien - CSS-tricks

Hej alla! Välkommen till hela serien om att bygga en mobil första artistwebbplats med WordPress. Detta är något annorlunda än den senaste serien "