Video Screencasts 2025, April

# 156: La oss snakke om Webpack - CSS-triks

# 156: La oss snakke om Webpack - CSS-triks

Sean Larkin blir med meg for å snakke om Webpack! Jeg tviler på at jeg er alene om å være litt forvirret om hva pokker Webpack er og gjør. Selv om du er aktivt "

# 134: En omvisning av et pågående nettsted bygget med Jekyll, Grunt, Sass, et SVG-system og mer - CSS-triks

# 134: En omvisning av et pågående nettsted bygget med Jekyll, Grunt, Sass, et SVG-system og mer - CSS-triks

Advarsel: dette er en slyngende, mellomnivå screencast der vi ser på koden som driver en byggeprosess for et nettsted. Vi skriver ingen kode. "

# 99: Oversikt over HTML5-skjemaer, attributter og elementer - CSS-triks

# 99: Oversikt over HTML5-skjemaer, attributter og elementer - CSS-triks

HTML5 har en rekke formspesifikke funksjoner som alle gjør skjemaer på nettet bedre. Nettleserstøtte for funksjonene er over hele kartet, men mange av "

# 9: Starry Night: 3D Background with the Parallax Effect - CSS-triks

# 9: Starry Night: 3D Background with the Parallax Effect - CSS-triks

Ved å bruke tre lag med alfa-gjennomsiktige PNG-filer kan vi lage en pseudo-tredimensjonal bakgrunn for en webside. Denne skjermsendingen dekker hvordan "

# 98: Leke med kroppsgrenser - CSS-triks

# 98: Leke med kroppsgrenser - CSS-triks

Å sette en kant rundt innsiden av nettleservinduet er en så enkel idé og kan være en fin designeffekt. Men hvordan gjør vi det slik at "

# 96: localStorage for Forms - CSS-triks

# 96: localStorage for Forms - CSS-triks

HTML5 har en utrolig enkel metode for lagring av vedvarende data kalt localStorage. Nativt, du bare kaller en metode med nøkkel / verdipar og det er "

# 97: Introduksjon til CSS-animasjoner - CSS-triks

# 97: Introduksjon til CSS-animasjoner - CSS-triks

Animasjoner, som overganger, kan endre sideelementer over tid. Animasjoner er kraftigere og mer komplekse på mange måter. Du må erklære en "

# 95: A Tale of Border Gradients - CSS-triks

# 95: A Tale of Border Gradients - CSS-triks

Det viser seg at det er en enkel måte å oppnå graderinger på grenser. Det tok meg lengre tid enn det skulle være nødt til å komme frem til, denne screencast-omslaget "

# 94: Introduksjon til Pseudo-elementer - CSS-triks

# 94: Introduksjon til Pseudo-elementer - CSS-triks

Pseudo-elementer er synlige elementer på en webside som ikke er "i DOM" eller opprettet fra HTML, men i stedet settes inn direkte fra CSS. Dette tillater"

# 93: CSS3 Slideup-bokser - CSS-triks

# 93: CSS3 Slideup-bokser - CSS-triks

Følg med når vi bruker noen få enkle CSS3-overganger for å skape en "slideup" -bokseffekt. Rull over boksen med musen, og tittel på boksen "

# 92: Kodegjennomgang av tegningstabell - CSS-triks

# 92: Kodegjennomgang av tegningstabell - CSS-triks

Tegningstabellen er i hovedsak et mini-jQuery-program på én side. Den har en primær funksjon, og skaper et farget design ved å endre fargene på celler "

# 91: WordPress-løkken - CSS-triks

# 91: WordPress-løkken - CSS-triks

Det mangler ikke på dokumentasjon på WordPress 'berømte innholdsspyttestruktur, men jeg føler fortsatt at det er mer forvirring og mysterium "

# 86: Første øyeblikk med MAMP - CSS-triks

# 86: Første øyeblikk med MAMP - CSS-triks

Jeg er langt bak tiden på denne, men inntil nylig har jeg aldri virkelig utviklet meg lokalt. Alt jeg gjorde var "å gå kommando" og jobbe "

# 90: Enkle TextMate-tips - CSS-triks

# 90: Enkle TextMate-tips - CSS-triks

TextMate er en kun-kodeditor for mac. Beklager alle PC-brukere denne gangen. Hvis du har sett på disse skjermbildene i lang tid, vet du at jeg brukte "

# 89: Organisere et Photoshop-dokument - CSS-triks

# 89: Organisere et Photoshop-dokument - CSS-triks

Hvis du er som meg, er du begge skyldig i alvorlig uorganiserte Photoshop-dokumenter og setter pris på godt organiserte. Uorganiseringen er ikke "

# 8: CSS-formatering - CSS-triks

# 8: CSS-formatering - CSS-triks

Å være organisert og bruke god formatering i CSS-filene dine, kan spare deg for mye tid og frustrasjon under utviklingsprosessen og spesielt "

# 88: Introduksjon til kompass / sass - CSS-triks

# 88: Introduksjon til kompass / sass - CSS-triks

Spør en haug med designere hva de ønsker at CSS kan gjøre som det ikke kan nå, og du får en stor liste som leser omtrent som listen over funksjoner for "

# 85: Beste fremgangsmåter med dynamisk innhold - CSS-triks

# 85: Beste fremgangsmåter med dynamisk innhold - CSS-triks

En av artiklene jeg oppdaterte i løpet av "Mai er vedlikeholdsmåned" var en artikkel om dynamisk innhold. Ideen var et enkelt nettsted hvor man klikker på en lenke "

# 87: Flytte opp med MAMP - CSS-triks

# 87: Flytte opp med MAMP - CSS-triks

Å jobbe lokalt med MAMP er kjempebra, men hva med når du trenger å ta det nettstedet live? Sist vi fikk en versjon av WordPress installert lokalt, nå "

# 83: Tanker om SEO - CSS-triks

# 83: Tanker om SEO - CSS-triks

Rettferdig advarsel: mer vandrende enn vanlig. Lytt til tankene mine om SEO. Det jeg tror jeg vet er at SEO er en serie ganske åpenbare beste praksis. EN"

# 84: Gjennomgang av nettstedet til chris-mcgarry.com - CSS-triks

# 84: Gjennomgang av nettstedet til chris-mcgarry.com - CSS-triks

Jeg bygde et nettsted for en musikervenn av meg som legger ut et nytt album. Å ha klart spillbare spor er viktig, men det klassiske problemet med å ha "

# 81: AJAXing et WordPress-tema - CSS-triks

# 81: AJAXing et WordPress-tema - CSS-triks

Se meg bulle meg gjennom å legge til AJAX-funksjonalitet til et WordPress-tema. Tanken er at enhver intern lenke på nettstedet vil lastes inn i hoved "

# 82: CSS Image Switcher - CSS-triks

# 82: CSS Image Switcher - CSS-triks

Rull over en lenke, se bildet over endres. Det er det vi bygger i denne skjermsendingen, bare vi bruker ikke JavaScript for å gjøre det. Trikset er noe "

# 80: Angående hjuloppfinnelse - CSS-triks

# 80: Angående hjuloppfinnelse - CSS-triks

Et par trenger et fotogalleri for bryllupet sitt, der alle kan bla og laste opp sine egne bilder fra bryllupet. Nybegynnerutvikler: Jeg vet om "

# 79: Komplette / ikke-kø-animasjoner med jQuery - CSS-triks

# 79: Komplette / ikke-kø-animasjoner med jQuery - CSS-triks

Når du bruker jQuerys .animate () -funksjon med noe som en sveverhendelse, vil disse animasjonene "stå i kø". Det vil si at hvis du holder markøren flere ganger,

# 7: Three State Menu - CSS-triks

# 7: Three State Menu - CSS-triks

Ved å bruke en variant av CSS Sprites-teknikken kan vi lage en "tre-tilstand" -meny med bare ett bilde per menyelement. Dette reduserer antall forespørsler "

# 78: På nettannonsering - CSS-triks

# 78: På nettannonsering - CSS-triks

I denne screencasten diskuterer jeg nettannonsering. Hva det er, hvordan det fungerer, og hvorfor det ikke er ondt (bortsett fra når det er det). Jeg snakker om mine erfaringer, "

# 72: Bygg et nettsted (2 av 3): HTML / CSS-konvertering - CSS-triks

# 72: Bygg et nettsted (2 av 3): HTML / CSS-konvertering - CSS-triks

I del 2 av denne serien begynner vi HTML / CSS-konverteringen av Photoshop-mockupen vi opprettet i første del. Vi starter med et veldig skjelettprosjekt "

# 77: Styling av en individuell artikkel - CSS-triks

# 77: Styling av en individuell artikkel - CSS-triks

Ideen om "art directing" -innlegg er veldig populær i det siste. Det er ideen om å bruke unik styling til en artikkel på nettet slik det skrives ut "

# 76: En omvisning i jQuery på et live nettsted - CSS-triks

# 76: En omvisning i jQuery på et live nettsted - CSS-triks

Jeg er opptatt, du er opptatt, vi er alle opptatt med å prøve å overholde tidsfrister og få ting gjort i denne sprø nettverdenen. Jeg elsker å lære nye teknologier når jeg kan, "