Video Screencasts 2025, April

Mange nettsteder bruker ikke noe fancy Content Management System (CMS) til å generere sidene sine, de er bare bra statisk HTML-innhold. Et nettsted for din "

Som vi har sagt her mange ganger: ikonfonter er kjempebra. De er effektive på samme måte som CSS-sprites er effektive: mange bilder som kan brukes til "

I denne screencasten lever vi svar på flere foruminnlegg uten planlegging overhodet. Jeg tror ikke vi treffer en homerun på noen av trådene vi ser på, men "

Jeg har aldri i mitt liv sendt inn en "Pull Request" på GitHub. Jeg ønsket å gi den en sjanse, så denne videoen fanger øyeblikket da jeg prøver å finne ut "

I denne screencasten hopper vi over til The Forums for å svare på så mange spørsmål vi kan. Poenget er bare å ha det litt gøy og vise deg hvor enkelt det er å "

Jeg presenterer fire veldig enkle ting du kan gjøre for å gjøre nettstedene dine raskere. Ingenting som er så komplisert som å lage bildesprites (som ikke er det "

Selv om utformingen av et nettsted er enkelt som et hovedinnholdsområde til venstre og et sidefelt til høyre, er det et rutenett. Det er nye layoutmetoder i CSS "

CodePen PRO tilbyr en rekke nye funksjoner. Du kan lese om dem, men mye bedre å vise dem, ikke sant? : og dette er bare begynnelsen. "

CodePen er en app for deling og leking med frontend-kode. Jeg gjorde det med noen av mine venner: Alex Vazquez og Tim Sabat. I denne typiske "

Dette er en rask oversikt på nybegynnernivå av de forskjellige CSS-posisjonsverdiene. I et nøtteskall: slektning lar deg "knuse" og forlater elementets "

I denne skjermsendingen flytter jeg mitt eget personlige nettsted fra mine gamle live FTP-redigeringsmåter til et riktig versjonskontrollert system inkludert distribusjon. Jeg har ikke "

Det er ingenting å være redd for i denne modige nye verdenen av forbehandling. Innfødte apper gjør det så enkelt at det skal være en viktig del av enhver moderne "

Det er tre forskjellige typer oppsett for nettsteder: Fast bredde, væskebredde og elastisk bredde. I denne skjermsendingen ser vi på alle disse tre "

Chartwell er en font spesielt for å lage enkle og vakre kakediagrammer, stolpediagrammer og linjediagrammer. Det er så enkelt som å skrive ut enkle ligninger "

LiveReload er en menybar-app bare for Mac som er ganske nyttig for webutviklere. Bare si at den skal se på en bestemt mappe, og når en fil er lagret, "

Standard WordPress-tema på tidspunktet for denne screencast er TwentyEleven, en fantastisk enkel og responsiv design. Det vil si til vi legger ut en fantastisk "

Det er mange verktøy for å vise skjermbilder av nettsteder i forskjellige nettlesere for å hjelpe deg med testing. Men et skjermbilde mangler på så mange måter: nei "

Der jeg tar et reelt eksempel på et sted jeg visste at bruk av sprites ville være en god ide, lag sprite for hånd i Photoshop (min foretrukne metode), og "

Bare lagre nettstedet fra nettleseren (i Firefox får du en .html-fil og alle ressursene), slipp den i den offentlige mappen og bruk høyreklikk "

I det jeg viser og forklarer det grunnleggende om hva "responsiv webdesign" har kommet til å bety. Så går jeg overalt og viser eksempler, relaterte "

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

Du er sannsynligvis ganske klar over hvorfor bruk av versjonskontroll er en god ting. Hvis du ikke er det, går jeg raskt gjennom det i denne videoen. Så kommer vi inn i "

Dette er en ekstra spesiell EMPIRE STRIKES BACK-tema episode av v10 redesign serien! Alt starter helt fint. Vi begynner å flytte noen ting "

Dette er en ekstra spesiell RETURN OF THE JEDI-tema-episode av v10 redesign-serien! Vi forlot den siste screencasten fullstendig beseiret. Vi prøvde å bruke "

Almanakken var en ting som ble lansert i v9 og ble aldri helt ferdig. Det kommer nærmere skjønt og nærmere hver dag. Så i v10 designer vi rundt "

Søk fungerer! Det er bare malen du lander på, er ikke helt riktig. Vi må tilpasse malen slik at den ser riktig ut og samsvarer med stilen til "

Vi har litt Photoshop-mockup å jobbe herfra mens vi fortsetter å bygge malen for den enkelte gallerisiden. Først stilte vi opp Neste "

Søkeområdet i overskriften "fungerer" ved at det er designet, og du kan klikke det åpent og lukket og alt det der. Men det gjør faktisk ikke noe søk "

Vi brukte all denne tiden i vår statiske mockup på å lage litt smart JavaScript som ville "jevnt laste" bildene i Galleriet. Nå som vi har den virkelige "

Alle våre tilpassede søkemotorer fra Google er konfigurert (vi setter opp en annen for hver del av nettstedet). Brukergrensesnittet vårt for søk er klar til bruk. Vi har"