Video Screencasts 2025, September

Mange sider bruger ikke noget fancy Content Management System (CMS) til at generere deres sider, de er bare godt godt statisk HTML-indhold. Et sted til din "

Som vi har sagt her omkring mange gange: ikonskrifttyper er fantastiske. De er effektive på samme måde som CSS-sprites er effektive: masser af billeder, der kan bruges til "

I denne screencast lever vi besvare flere foraindlæg uden nogen som helst planlægning. Jeg tror ikke, vi rammer en homerun på nogen af ​​de tråde, vi ser på, men "

Jeg har aldrig i mit liv indsendt en "Pull Request" på GitHub. Jeg ville give det et skud, så denne video fanger øjeblikket, hvor jeg prøver at finde ud af "

I denne screencast springer vi over til The Forums for at besvare så mange spørgsmål som muligt. Pointen er bare at have det lidt sjovt og vise dig, hvor let det er at "

Jeg præsenterer fire virkelig enkle ting, du kan gøre for at gøre dine websteder hurtigere. Intet så kompliceret som at lave billedsprites (som ikke er det "

Selvom layoutet på et websted er simpelt som et hovedindholdsområde til venstre og et sidebjælke til højre, er det et gitter. Der er nye layoutmetoder i CSS "

CodePen PRO tilbyder en række nye funktioner. Du kan læse om dem, men meget bedre at vise dem, ikke? : og dette er kun begyndelsen. "

CodePen er en app til deling og leg med frontend-kode. Jeg klarede det med nogle af mine venner: Alex Vazquez og Tim Sabat. I denne typiske "

Dette er en hurtig oversigt på begynderniveau af de forskellige CSS-positionsværdier. I en nøddeskal: relativ giver dig mulighed for at "skubbe" og forlader elementets "

I denne screencast flytter jeg min egen personlige hjemmeside fra mine gamle live FTP-redigeringsveje til et korrekt versionskontrolleret system inklusive implementering. Jeg har ikke "

Der er ikke noget at være bange for i denne modige nye verden af ​​forbehandling. Native apps gør det så let, at det skal være en vital del af enhver moderne "

Der er tre forskellige typer layout til websteder: Fast bredde, væskebredde og elastisk bredde. I denne screencast ser vi på alle disse tre "

Chartwell er en skrifttype specielt til at lave enkle og smukke cirkeldiagrammer, søjlediagrammer og stregdiagrammer. Det er så simpelt som at skrive enkle ligninger ud "

LiveReload er en menubjælke-app kun til Mac, der er meget nyttigt for webudviklere. Bed det bare om at se en bestemt mappe, og når en fil er gemt, "

Standard WordPress-temaet på tidspunktet for denne screencast er TwentyEleven, et vidunderligt simpelt og responsivt design. Det vil sige, indtil vi sender en fantastisk "

Der er mange værktøjer til at vise dig skærmbilleder af websteder i forskellige browsere for at hjælpe med testning. Men et screenshot mangler på så mange måder: nej "

Hvor jeg tager et reelt eksempel på et sted, hvor jeg vidste, at det var en god ide at bruge sprites, lav sprite manuelt i Photoshop (min foretrukne metode) og "

Gem bare hjemmesiden fra browseren (i Firefox får du en .html-fil og alle ressourcerne), slip den i din offentlige mappe, og brug højreklik "

Hvor jeg viser og forklarer det grundlæggende i, hvad "responsivt webdesign" er kommet til at betyde. Så går jeg overalt og viser eksempler, relaterede "

Vi bruger en hel time på at kigge på et Photoshop-design og skrive HTML5-markering, der beskriver det, vi ser. Vi prøver at være så semantiske som vi kan og diskutere "

Du er sandsynligvis ret opmærksom på, hvorfor brug af versionskontrol er en god ting. Hvis du ikke er det, går jeg hurtigt igennem det i denne video. Så kommer vi ind i "

Dette er en ekstra speciel EMPIRE STRIKES BACK-tema-episode af v10 redesign-serien! Alt starter fint. Vi begynder at flytte nogle ting "

Dette er en ekstra speciel RETURN OF THE JEDI-tema episode af v10 redesign serien! Vi forlod den sidste screencast fuldstændig besejret. Vi forsøgte at bruge "

Almanakken var en ting, der blev lanceret i v9 og blev aldrig helt færdig. Det kommer dog tættere på og tættere hver dag. Så i v10 designer vi omkring "

Søg fungerer! Det er bare den skabelon, du lander på, ikke er helt rigtig. Vi er nødt til at tilpasse skabelonen, så den ser rigtig ud og matcher stilen med "

Vi har lidt af en Photoshop-mockup til at arbejde herfra, da vi fortsætter med at opbygge skabelonen til den enkelte galleriside. Først op stylede vi Next "

Søgeområdet i overskriften "fungerer", da det er designet, og du kan klikke på det åbent og lukket og alt det der. Men det gør faktisk ikke nogen søgning "

Vi brugte al denne tid i vores statiske mockup på at lave noget smart JavaScript, der ville "jævne indlæse" billederne i galleriet. Nu hvor vi har den rigtige "

Alle vores tilpassede Google-søgemaskiner er konfigureret (vi opretter en anden til hver sektion på webstedet). Vores brugergrænseflade til søgning er klar til brug. Vi har"