Video Screencasts 2025, April

04: Hvorfor SVG? Liten. - CSS-triks

04: Hvorfor SVG? Liten. - CSS-triks

Størrelsen på en SVG-fil avhenger av hvor kompleks den er, ikke hvor "stor" den er. Husk at SVG ikke bryr seg veldig hvilken størrelse de blir gjengitt i, de er "

08: Bruke SVG: iframe / object / embed - CSS-triks

08: Bruke SVG: iframe / object / embed - CSS-triks

Tilgi meg hvis jeg er litt opptatt av disse metodene. Jeg har aldri kommet over en brukssak der de definitivt er veien å gå. Det var en tid da "

03: Hvorfor SVG? Fleksibel. - CSS-triks

03: Hvorfor SVG? Fleksibel. - CSS-triks

Vi har nettopp lært at SVG-er ser skarpt ut. SVG-er er også fleksible. Det er egentlig ikke unikt for elementer på nettet, men det som er unikt er at de "

06: Bruke SVG - SVG som bakgrunnsbilde - CSS-triks

06: Bruke SVG - SVG som bakgrunnsbilde - CSS-triks

SVG-bilder kan også brukes som bakgrunnsbilde, akkurat som PNG, JPG.webp eller GIF. .element (bakgrunnsbilde: url (/images/image.svg);) Alt det samme "

# 29: Gjør produksjonsklar - CSS-triks

# 29: Gjør produksjonsklar - CSS-triks

Vi kommer til å bringe det tilbake til en vanlig tekstredigerer i denne skjermsendingen, akkurat som vi startet. I en "virkelig verden" -situasjon er disse tingene sanne: Du "

07: Bruke SVG - Inline SVG - CSS-triks

07: Bruke SVG - Inline SVG - CSS-triks

Den beste måten å bruke SVG på er kanskje "Inline SVG" - det vil si å sette SVG-kode rett inn i HTML-en. Det fungerer bra! Se pennen gpcDi av Chris Coyier "

02: Hvorfor SVG? Skarphet. - CSS-triks

02: Hvorfor SVG? Skarphet. - CSS-triks

Når vi kommer i gang med dette kurset, vil jeg understreke hvorfor SVG er så overbevisende å bruke. Kanskje den mest overbevisende grunnen til designere: de ser "

# 30: Serieinnpakning - CSS-triks

# 30: Serieinnpakning - CSS-triks

Du klarte det! Tusen takk for at du tok kurset. Jeg håper du har lært nok om jQuery og JavaScript til at tillitsnivået ditt har steget og "

# 28: Bygg et mer komplekst programtillegg - CSS-triks

# 28: Bygg et mer komplekst programtillegg - CSS-triks

Nå som vi forstår det grunnleggende om plugin-utvikling, kan vi grave litt dypere. Fordi et plugin til slutt er en funksjon, gir det oss omfanget "

# 27: Bygg en enkel jQuery-plugin - CSS-triks

# 27: Bygg en enkel jQuery-plugin - CSS-triks

Nå som vi har sett på å bruke jQuery-plugins, er det absolutt verdt å forstå hvordan man også bygger dem. Vi berørte allerede kort at "

# 26: Bruke et jQuery-plugin fra naturen - CSS-triks

# 26: Bruke et jQuery-plugin fra naturen - CSS-triks

Alle har sett et superkult jQuery-plugin der ute på det ville, ville internett, ikke sant? Kanskje du bare ble interessert i å faktisk lære mer "

# 25: Bli organisert! - CSS-triks

# 25: Bli organisert! - CSS-triks

Vi har gjort en ganske god jobb så langt med å bli organisert. Å få HTML-en vår brutt ut i en mal var et stort skritt. Vi gjør lenger vassdrag for å "

# 24: Mal med understreking - CSS-triks

# 24: Mal med understreking - CSS-triks

Vi dekket mal med håndtak i den siste videoen. Men styr er ikke den eneste malløsningen på blokken. I denne videoen bruker vi "

# 23: Mal med håndtak - CSS-triks

# 23: Mal med håndtak - CSS-triks

Vi slapp i den siste videoen med litt flokete rot. Alt i en blokk med JavaScript blandet vi inn datainnhenting, visning og forretningslogikk, og "

# 21: Bare bytt klasse! - CSS-triks

# 21: Bare bytt klasse! - CSS-triks

Hvis du lærer noen viktig del av frontend arkitekturfilosofi fra denne serien, kan du lære denne. Bare bytt klasse. I denne skjermsendingen begynner vi å gå "

# 22: Behovet for mal - CSS-triks

# 22: Behovet for mal - CSS-triks

Mal er en viktig del av arbeidet med JavaScript-applikasjoner. Det er ganske vanlig at data er tilgjengelig for deg, men ikke i et format som er "

# 19: Det er bare JavaScript - CSS-triks

# 19: Det er bare JavaScript - CSS-triks

En ting jeg vil gjøre helt klart i denne serien er at ingen av oss skal være anti-vanilje JavaScript. "Vanilje" som betyr "rå" eller "innfødt" "

# 17: POSTING med Ajax - CSS-triks

# 17: POSTING med Ajax - CSS-triks

Vi snakket om GET i forrige video, men ga POST ikke nok oppmerksomhet. Så jeg trodde vi skulle gjøre det her. Den store forskjellen med POST er at du "

# 15: Kjetting - CSS-triks

# 15: Kjetting - CSS-triks

Vi har snakket flere ganger nå om små detaljer i jQuery API som er veldig fine. Alt er veloverveid og raffinert. Kjetting "

# 18: Ajax og JSON - CSS-triks

# 18: Ajax og JSON - CSS-triks

Det er en god sjanse for at det første du bruker Ajax til å sende og motta JSON-data ute i den "virkelige verden". Og med god grunn. JSON ikke "

# 16: Intro til Ajax - CSS-triks

# 16: Intro til Ajax - CSS-triks

Ajax rangerer ganske høyt der oppe av de største grunnene til å bruke jQuery. Ikke bare løser jQuery problemene i tvers av nettlesere, det gjør syntaksen veldig enkel å "

# 20: Data! data-*! .data()! .attr (data- *)! - CSS-triks

# 20: Data! data-*! .data()! .attr (data- *)! - CSS-triks

Data. I jQuery-verdenen handler det om biter av informasjon som er knyttet direkte til elementene (i stedet for, for eksempel en variabel som bare pålegges å "

# 14: Egendefinerte hendelser - CSS-triks

# 14: Egendefinerte hendelser - CSS-triks

Siden vi nettopp snakket om hendelser, er det nå en god tid å nevne tilpassede hendelser. Alle hendelsene vi har snakket om så langt er "virkelige" hendelser så til "

# 13: Introduksjon til arrangementer - CSS-triks

# 13: Introduksjon til arrangementer - CSS-triks

Å håndtere hendelser er en annen av de store grunnene til å bruke jQuery. Det er noen forskjellige nettleserforskjeller i hvordan du gjør det, som jQuery normaliserer til en "

# 11: Animasjon med jQuery - CSS-triks

# 11: Animasjon med jQuery - CSS-triks

Hvis du først dablet med jQuery for mange år siden, kan det ha vært evnen til å gjøre animasjon. Det var kanskje en av de første store trekkene til jQuery. Disse"

# 12: Tilbakeringingsfunksjoner - CSS-triks

# 12: Tilbakeringingsfunksjoner - CSS-triks

Alles favoritt: konseptvideo tid! Tilbakekallinger er et viktig konsept i JavaScript. De er funksjoner som kalles når en handling har "

# 09: Getters og Setters - CSS-triks

# 09: Getters og Setters - CSS-triks

Konseptet med getters og setters i JavaScript er bare en av de tingene du bør forstå. De er fine i jQuery fordi API er så "

# 10: Eksplisitt vs Implisitt Iterasjon - CSS-triks

# 10: Eksplisitt vs Implisitt Iterasjon - CSS-triks

Nok en konseptvideo! Dette er "bare en av de tingene" du trenger å forstå i jQuery. Det er faktisk litt unikt for jQuery, i den andre populære "

# 07: Gjør! - CSS-triks

# 07: Gjør! - CSS-triks

Som vi har snakket om, kan jQuery betraktes som et "velg og gjør" -bibliotek. Vi har snakket om å velge ganske mye, så la oss snakke om noen "