Video Screencasts 2025, September

04: Hvorfor SVG? Lille. - CSS-tricks

04: Hvorfor SVG? Lille. - CSS-tricks

Størrelsen på en SVG-fil afhænger af hvor kompleks den er, ikke hvor "stor" den er. Husk SVG er ligeglad med hvilken størrelse de gengives i, de er "

08: Brug af SVG: iframe / object / embed - CSS-tricks

08: Brug af SVG: iframe / object / embed - CSS-tricks

Tilgiv mig, hvis jeg er lidt nede på disse metoder. Jeg har aldrig stødt på en brugssag, hvor de bestemt er vejen at gå. Der var en tid, hvor "

03: Hvorfor SVG? Fleksibel. - CSS-tricks

03: Hvorfor SVG? Fleksibel. - CSS-tricks

Vi har lige lært, at SVG'er ser skarpt ud. SVG'er er også fleksible. Det er ikke rigtig unikt for elementer på nettet, men det unikke er, at de "

06: Brug af SVG - SVG som baggrundsbillede - CSS-tricks

06: Brug af SVG - SVG som baggrundsbillede - CSS-tricks

SVG-billeder kan også bruges som baggrundsbillede i CSS, ligesom PNG, JPG.webp eller GIF. .element (baggrundsbillede: url (/images/image.svg);) Alt det samme "

# 29: Gør klar til produktion - CSS-tricks

# 29: Gør klar til produktion - CSS-tricks

Vi vil bringe det tilbage til en normal teksteditor i denne screencast, lige som vi startede. I en "reel verden" situation er disse ting sande: Du "

07: Brug af SVG - Inline SVG - CSS-tricks

07: Brug af SVG - Inline SVG - CSS-tricks

Den bedste måde at bruge SVG på er måske "Inline SVG" - det vil sige at sætte SVG-kode lige ind i din HTML. Det fungerer godt! Se pennen gpcDi af Chris Coyier "

02: Hvorfor SVG? Skarphed. - CSS-tricks

02: Hvorfor SVG? Skarphed. - CSS-tricks

Jeg vil gerne understrege, når vi kommer i gang med dette kursus, hvorfor SVG er så overbevisende at bruge. Måske den mest overbevisende grund til designere: de ser "

# 30: Serieindpakning - CSS-tricks

# 30: Serieindpakning - CSS-tricks

Du gjorde det! Mange tak for at tage kurset. Jeg håber, du har lært nok om jQuery og JavaScript til, at dit tillidsniveau i det er steget og "

# 28: Opbygning af et mere komplekst plugin - CSS-tricks

# 28: Opbygning af et mere komplekst plugin - CSS-tricks

Nu hvor vi forstår det grundlæggende i plugin-udvikling, kan vi grave lidt dybere. Fordi et plugin i sidste ende er en funktion, giver det os omfanget "

# 27: Opbygning af et simpelt jQuery-plugin - CSS-tricks

# 27: Opbygning af et simpelt jQuery-plugin - CSS-tricks

Nu hvor vi har set på at bruge jQuery-plugins, er det absolut værd at forstå, hvordan man også bygger dem. Vi berørte allerede kort det faktum, at "

# 26: Brug af et jQuery-plugin fra naturen - CSS-tricks

# 26: Brug af et jQuery-plugin fra naturen - CSS-tricks

Alle har set et super sej jQuery-plugin derude på det vilde, vilde internet, ikke? Måske blev du kun interesseret i at lære mere "

# 25: At blive organiseret! - CSS-tricks

# 25: At blive organiseret! - CSS-tricks

Vi har indtil videre gjort et ret godt stykke arbejde med at blive organiseret. At få vores HTML brudt ud i en skabelon var et stort skridt. Vi mudrer længere vandet for at "

# 24: Skabeloner med understregning - CSS-tricks

# 24: Skabeloner med understregning - CSS-tricks

Vi dækkede skabeloner med styr i den sidste video. Men styr er ikke den eneste skabelonløsning på blokken. I denne video bruger vi "

# 23: Skabeloner med styr - CSS-tricks

# 23: Skabeloner med styr - CSS-tricks

Vi slap i den sidste video med lidt sammenfiltret rod. Alt i en blok af JavaScript blandede vi datahentning, visning og forretningslogik og "

# 21: Skift bare klasse! - CSS-tricks

# 21: Skift bare klasse! - CSS-tricks

Hvis du lærer nogen større del af frontend arkitekturfilosofi fra denne serie, skal du lære denne. Bare skift klasse. I denne screencast begynder vi at gå "

# 22: Behovet for skabeloner - CSS-tricks

# 22: Behovet for skabeloner - CSS-tricks

Skabeloner er en vigtig del af arbejdet med JavaScript-applikationer. Det er ret almindeligt, at data er tilgængelige for dig, men ikke i et format, der er "

# 19: Det er bare JavaScript - CSS-tricks

# 19: Det er bare JavaScript - CSS-tricks

En ting, jeg vil gøre det helt klart i denne serie, er at ingen af ​​os skal være anti-vanille JavaScript. "Vanille", der betyder "rå" eller "indfødt" "

# 17: POSTING med Ajax - CSS-tricks

# 17: POSTING med Ajax - CSS-tricks

Vi talte om GET i den sidste video, men gav POST ikke nok opmærksomhed. Så jeg troede, vi ville gøre det her. Den store forskel med POST er, at du "

# 15: Lænkning - CSS-tricks

# 15: Lænkning - CSS-tricks

Vi har talt et antal gange nu om små detaljer i jQuery API, der er rigtig gode. Alt er velovervejet og raffineret. Kæde "

# 18: Ajax og JSON - CSS-tricks

# 18: Ajax og JSON - CSS-tricks

Der er en god chance for, at den bedste ting, du bruger Ajax til, i den "virkelige verden" er at sende og modtage JSON-data. Og med god grund. JSON "

# 16: Introduktion til Ajax - CSS-tricks

# 16: Introduktion til Ajax - CSS-tricks

Ajax rangerer ret højt deroppe af de største grunde til at bruge jQuery. Ikke kun løser jQuery problemerne på tværs af browseren, det gør syntaksen meget let at "

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

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

Data. I jQuery-verdenen handler det kun om bit af information, der er knyttet direkte til elementer (snarere end f.eks. En variabel, der kun påhviler "

# 14: Brugerdefinerede begivenheder - CSS-tricks

# 14: Brugerdefinerede begivenheder - CSS-tricks

Da vi lige har talt om begivenheder, er det nu et godt tidspunkt at nævne brugerdefinerede begivenheder. Alle de begivenheder, vi hidtil har talt om, er "rigtige" begivenheder, så til "

# 13: Introduktion til begivenheder - CSS-tricks

# 13: Introduktion til begivenheder - CSS-tricks

Håndtering af begivenheder er en anden af ​​de store grunde til at bruge jQuery. Der er nogle krydsbrowserforskelle i, hvordan man gør, som jQuery normaliserer til en "

# 11: Animering med jQuery - CSS-tricks

# 11: Animering med jQuery - CSS-tricks

Hvis du først dabblede med jQuery for mange år siden, kunne det have været, at det var evnen til at lave animation. Det var måske en af ​​jQuerys første store træk. Disse"

# 12: Callback-funktioner - CSS-tricks

# 12: Callback-funktioner - CSS-tricks

Alles favorit: konceptvideo tid! Callbacks er et vigtigt koncept i JavaScript. De er funktioner, der kaldes, når en handling har "

# 09: Getters og Setters - CSS-tricks

# 09: Getters og Setters - CSS-tricks

Begrebet getters og setters i JavaScript er bare en af ​​de ting, du skal forstå. De er pæne i jQuery, fordi API'et er så "

# 10: Eksplicit vs Implicit Iteration - CSS-tricks

# 10: Eksplicit vs Implicit Iteration - CSS-tricks

Endnu en konceptvideo! Dette er "bare en af ​​de ting", du skal forstå i jQuery. Det er faktisk lidt unikt for jQuery, i den anden populære "

# 07: Gør! - CSS-tricks

# 07: Gør! - CSS-tricks

Som vi har talt om, kan jQuery betragtes som et "vælg og gør" -bibliotek. Vi har talt om at vælge en hel del, så lad os nu tale om noget "