Video Screencasts 2025, September

Många webbplatser använder inte något fancy Content Management System (CMS) för att generera sina sidor, de är bara bra bra statiskt HTML-innehåll. En webbplats för din "

Som vi har sagt här många gånger: ikonfonter är fantastiska. De är effektiva på samma sätt som CSS-sprites är effektiva: massor av bilder som kan användas för "

I denna screencast lever vi svara på fler foruminlägg utan någon planering alls. Jag tror inte att vi träffar en homerun på någon av trådarna vi tittar på, men "

Jag har aldrig i mitt liv skickat in en "Pull Request" på GitHub. Jag ville ge det ett skott, så den här videon fångar ögonblicket när jag försöker räkna ut "

I den här screencasten hoppar vi över till The Forums för att svara på så många frågor vi kan. Poängen är bara att ha lite kul och visa dig hur lätt det är att "

Jag presenterar fyra riktigt enkla saker du kan göra för att göra dina webbplatser snabbare. Inget ens så komplicerat som att skapa sprites (som inte är det "

Även om layouten på en webbplats är enkel som ett huvudinnehållsområde till vänster och ett sidofält till höger är det ett rutnät. Det finns nya layoutmetoder i CSS "

CodePen PRO erbjuder en massa nya funktioner. Du kan läsa om dem, men mycket bättre att visa dem rätt? : och detta är bara början. "

CodePen är en app för att dela och spela med frontend-kod. Jag gjorde det med några av mina vänner: Alex Vazquez och Tim Sabat. I denna typiska "

Detta är en snabb översikt på nybörjarnivå av de olika CSS-positionsvärdena. I ett nötskal: släkting låter dig "knuffa" och lämnar elementets "

I denna screencast flyttar jag min egen personliga webbplats från mina gamla live FTP-redigeringsvägar till ett korrekt versionskontrollerat system inklusive distribution. Jag har inte "

Det finns inget att vara rädd för i denna modiga nya värld av förbehandling. Inbyggda appar gör det så enkelt att det borde vara en viktig del av alla moderna "

Det finns tre olika typer av layouter för webbplatser: Fast bredd, vätskebredd och elastisk bredd. I den här screencast tittar vi på alla dessa tre "

Chartwell är ett typsnitt speciellt för att göra enkla och vackra cirkeldiagram, stapeldiagram och linjediagram. Det är så enkelt som att skriva ut enkla ekvationer "

LiveReload är en Mac-menyfältapp som är till stor hjälp för webbutvecklare. Berätta bara för den att titta på en viss mapp, och när en fil sparas, "

Standardtema för WordPress vid denna skärmdump är TwentyEleven, en underbart enkel och lyhörd design. Det vill säga tills vi publicerar en fantastisk "

Det finns många verktyg för att visa skärmdumpar av webbplatser i olika webbläsare för att hjälpa till med testning. Men en skärmdump saknas på så många sätt: nej "

I vilket jag tar ett riktigt exempel på någonstans som jag visste att det skulle vara en bra idé att använda sprites, skapa sprite för hand i Photoshop (min föredragna metod) och "

Spara bara webbplatsen från webbläsaren (i Firefox får du en .html-fil och alla resurser), släpp den i din offentliga mapp och använd högerklick "

Där jag visar och förklarar grunderna i vad "responsiv webbdesign" har kommit att betyda. Sedan går jag överallt och visar exempel, relaterade "

Vi spenderar en hel timme på en Photoshop-design och skriver HTML5-markering som beskriver vad vi ser. Vi försöker vara så semantiska vi kan och diskutera "

Du är nog ganska medveten om varför det är bra att använda versionskontroll. Om du inte gör det går jag snabbt igenom det i den här videon. Sedan kommer vi in ​​i "

Detta är en extra speciell EMPIRE STRIKES BACK-tema avsnitt av v10 redesign serien! Allt börjar bara bra. Vi börjar flytta några saker "

Detta är ett extra speciellt RETURN OF THE JEDI-tema avsnitt av v10 redesign-serien! Vi lämnade den sista screencast helt besegrad. Vi försökte använda "

Almanaken var en sak som lanserades i v9 och blev inte helt klar. Det närmar sig dock och närmare varje dag. Så i v10 designar vi runt "

Sök fungerar! Det är bara mallen som du landar på är inte helt rätt. Vi måste justera mallen så att den ser rätt ut och matchar stilen på "

Vi har lite av en Photoshop-mockup att arbeta härifrån när vi fortsätter att bygga mallen för den enskilda gallerisidan. Först och främst stylade vi nästa "

Sökområdet i rubriken "fungerar" genom att det är utformat och du kan klicka på det öppet och stängt och allt detta. Men det gör faktiskt ingen sökning "

Vi tillbringade hela tiden i vår statiska mockup med att göra lite smart JavaScript som skulle "jämna in" bilderna i galleriet. Nu när vi har den riktiga "

Alla våra Google-anpassade sökmotorer är inställda (vi ställer in en annan för varje sektion på webbplatsen). Vårt användargränssnitt för sökning är klart. Vi har"