Video Screencasts 2025, April

# 24: Avrundede hjørner - CSS-triks

# 24: Avrundede hjørner - CSS-triks

Her er fem forskjellige teknikker du kan bruke til å lage avrundede hjørner for bokser på et nettsted. Det er alltid forskjellige måter å gjøre ting med CSS og "

# 23: Betingede stilark - CSS-triks

# 23: Betingede stilark - CSS-triks

Internet Explorer gir en måte å målrette CSS-stylingsinformasjon spesielt for de forskjellige versjonene. Disse "betingede stilarkene" er de beste "

# 22: Skjæring av klippestier - CSS-triks

# 22: Skjæring av klippestier - CSS-triks

Vi er tilbake i Photoshop denne uken fordi jeg ønsket å snakke litt om en veldig spesifikk ferdighet som jeg synes er viktig for alle designere. Det er"

# 20: Introduksjon til jQuery - CSS-triks

# 20: Introduksjon til jQuery - CSS-triks

Det populære JavaScript-biblioteket jQuery er en fantastisk måte å utvide designmulighetene til nettstedet ditt utover det CSS kan gjøre. Men heldigvis, hvis du er "

# 21: Gjennomgang av kontaktskjema - CSS-triks

# 21: Gjennomgang av kontaktskjema - CSS-triks

På noen måter er kontaktskjemaet "Hello, World!" anvendelse av webdesignere og webutviklere. Det er ingenting som ikke har blitt gjort før en "

# 199: Knusing med JSX - CSS-triks

# 199: Knusing med JSX - CSS-triks

Jeg burde sannsynligvis ha lært dette for lenge siden, men akk, her er vi. Det viser seg at du kan fortelle hvilken funksjon du vil at JSX skal bruke. Jep, JSX har egentlig bare "

# 194: Jetpack's Social Integration - CSS-triks

# 194: Jetpack's Social Integration - CSS-triks

Jetpack kan hjelpe deg med å automatisere nettstedets sosiale medier. Det er en ganske liten funksjon sammenlignet med alle de store tingene Jetpack kan gjøre, som å forbedre nettstedets "

# 1: Konvertere en Photoshop Mockup (del 1 av 3) - CSS-triks

# 1: Konvertere en Photoshop Mockup (del 1 av 3) - CSS-triks

I denne aller første videopodcasten starter jeg konverteringsprosessen av en Adobe Photoshop-mockup av et nettsted, til et ekte live CSS-basert nettsted. Dette er"

# 180: Knusing med video på mobil - CSS-triks

# 180: Knusing med video på mobil - CSS-triks

Rettferdig advarsel: Jeg er ingen ekspert på disse tingene, jeg leker bare med video på nettet og tar opp noen problemer jeg har når jeg viser frem videoklipp i "

# 196: Learning Grid & Flexbox med Kyle Simpson - CSS-triks

# 196: Learning Grid & Flexbox med Kyle Simpson - CSS-triks

Kyle er en JavaScript-fyr. Han vet mye om nettet, og mye om CSS også, men er ikke like oppdatert på moderne CSS-layoutverktøy som flexbox og "

# 197: En titt på Stackbit og Stackbit Studio - CSS-triks

# 197: En titt på Stackbit og Stackbit Studio - CSS-triks

Stackbit-appen hjelper deg med å sparke ut et nytt Jamstack-nettsted veldig raskt. Velg et tema, en statisk stedgenerator og et CMS, så får du en repo for deg "

# 198: Om posisjonseiendommen - CSS-triks

# 198: Om posisjonseiendommen - CSS-triks

Statisk: standard slektning: lar deg dytte rundt med topp / høyre / bunn / venstre, slik at z-indeks fungerer, gir deg en posisjoneringskontekst: "

# 19: Designe en unik side for Twitter-oppdateringer CSS-triks

# 19: Designe en unik side for Twitter-oppdateringer CSS-triks

Denne uken tar jeg deg gjennom opprettelsen av en enkel webside for å vise dine nylige 'Tweets' fra Twitter fra start til slutt. Dette dekker designet i "

# 178: Percy fanger visuelle endringer i en hvilken som helst arbeidsflyt CSS-triks

# 178: Percy fanger visuelle endringer i en hvilken som helst arbeidsflyt CSS-triks

Jeg ønsket å forsikre deg om at du forstår nøyaktig hva Percy kan gjøre for deg, derav tittelen. Når du forandrer nettsteder, Git repo, som i en "

# 195: Hvordan tegne en linje med CSS - CSS-triks

# 195: Hvordan tegne en linje med CSS - CSS-triks

Dumt, ikke sant? Det er! Men det er morsomt å tenke på i noen minutter og telle en rekke forskjellige måter vi kan gjøre det på. Og hva mener jeg med en "

# 193: Scully: SSG for Angular - CSS-triks

# 193: Scully: SSG for Angular - CSS-triks

Tara Z. Manicsic ble med meg for denne videoen, og satte opp det grunnleggende om Scully, som er en statisk stedgenerator for Angular - nei, SSG for "

# 192: Git-triks for å komme deg ut av problemer - CSS-triks

# 192: Git-triks for å komme deg ut av problemer - CSS-triks

Så fantastisk som Git er for å håndtere kildekoden din, kan du bestemme git (lol) deg selv i problemer. Hva om du gjør en endring i en fil og vil "

# 169: Hvordan tenke som en front-end utvikler - CSS-triks

# 169: Hvordan tenke som en front-end utvikler - CSS-triks

Dette er en video fra foredraget mitt på WordCamp US. La oss ta en titt på hva front-end utvikling har blitt i disse dager. Starter fra hva rollen er, hvor "

# 188: Utforske det overlappende overskriftsmønsteret CSS-triks

# 188: Utforske det overlappende overskriftsmønsteret CSS-triks

Snook publiserte en artikkel med tittelen "Overlapping Header with CSS Grid" hvor han ser på et header design mønster som jeg føler overgår trender og har vært "

# 189: Begrep for personlig og offentlig bruk - CSS-triks

# 189: Begrep for personlig og offentlig bruk - CSS-triks

Dette er den siste videoen i vår lille serie om bruk av Notion. Vi har dekket hvordan Notion er flott for å jobbe med webutviklingsteam. Men en annen ting "

# 187: Begrep for teammøter og dokumentasjon - CSS-triks

# 187: Begrep for teammøter og dokumentasjon - CSS-triks

Dette er den andre videoen i 3-videoserien om bruk av Notion. I del 1 dekket vi mye grunn til hva Notion er hvordan det er bra for ethvert team og nett "

# 184: Inne og justerte lister - CSS-triks

# 184: Inne og justerte lister - CSS-triks

Det at lister gjengir markørene utenfor sin egen rute (som standard) er litt rart. Eventuelt skjult overløp eller overhenging utenfor kanten av "

# 18: Introduksjon til bandets nettstedmal - CSS-triks

# 18: Introduksjon til bandets nettstedmal - CSS-triks

Jeg har nylig gitt ut et sideprosjekt som heter Band Website Template. Dette er bare en rask omvisning, forklarer hvorfor den ble bygget og hvorfor jeg tror det "

# 185: Spiller med CSS-masker - CSS-triks

# 185: Spiller med CSS-masker - CSS-triks

Maskering i CSS er en måte å skjule deler av elementet og vise andre. En annen er klippesti, men la oss ikke fokusere på det i dag. "Masker er bilder; klipp"

# 183: Art Directing Images, Picture Element og Image CDNs - CSS-triks

# 183: Art Directing Images, Picture Element og Image CDNs - CSS-triks

Det er et bonafide fenomen! Jeg snakker om ideen om bildebehandlingstjenester som lar deg manipulere URL-en til bildet for å transformere "

# 186: Oppfatning for team for webutvikling - CSS-triks

# 186: Oppfatning for team for webutvikling - CSS-triks

Jeg er en stor fan av Notion, spesielt for å holde lag synkronisert. Jeg jobber med team av utviklere, og jeg synes det fungerer spesielt bra for det. Hvis jeg hadde"

# 182: Baby's First Vue SFC - CSS-triks

# 182: Baby's First Vue SFC - CSS-triks

SFC som i "Single File Component" som Vue tilbyr og Vue folk ser ut til å elske. Jeg har skrevet veldig lite Vue i mine dager, men jeg er en fan! "

# 181: Poking at HTML Lists - CSS-triks

# 181: Poking at HTML Lists - CSS-triks

Jeg hadde et dumt lite problem her om dagen hvor en nestet liste ikke hadde riktig avstand. Jeg la bare til marginbunn på listeelementene og "

# 179: Et rutenett - CSS-triks

# 179: Et rutenett - CSS-triks

Å bruke CSS-rutenett for å lage et rutenett, er vel, hele poenget. Men hva om du vil at alle disse rutenettene skal opprettholde et sideforhold, som et kvadrat på 1: 1? Det er"

# 176: Arbeide med Framer Motion - CSS-triks

# 176: Arbeide med Framer Motion - CSS-triks

Matt Perry fra Framer og jeg tar en titt på React animasjonsbiblioteket Framer Motion. Først ser vi på hvor enkelt API-en er. Du kontrollerer "