Video Screencasts 2025, September

04: Varför SVG? Små. - CSS-tricks

04: Varför SVG? Små. - CSS-tricks

Storleken på en SVG-fil beror på hur komplex den är, inte hur "stor" den är. Kom ihåg att SVG: s inte bryr sig riktigt om vilken storlek de återges på, de är "

08: Använda SVG: iframe / object / embed - CSS-tricks

08: Använda SVG: iframe / object / embed - CSS-tricks

Förlåt mig om jag är lite nere på dessa metoder. Jag har aldrig stött på ett användningsfall där de definitivt är vägen att gå. Det fanns en tid då "

03: Varför SVG? Flexibel. - CSS-tricks

03: Varför SVG? Flexibel. - CSS-tricks

Vi fick precis veta att SVG: er ser skarpt ut. SVG är också flexibla. Det är inte riktigt unikt för element på webben, men det som är unikt är att de "

06: Använda SVG - SVG som bakgrundsbild - CSS-tricks

06: Använda SVG - SVG som bakgrundsbild - CSS-tricks

SVG-bilder kan också användas som bakgrundsbild i CSS, precis som PNG, JPG.webp eller GIF. .element (bakgrundsbild: url (/images/image.svg);) Alla samma "

# 29: Förbereda produktionen - CSS-tricks

# 29: Förbereda produktionen - CSS-tricks

Vi kommer att ta tillbaka det till en vanlig textredigerare i den här skärmutsändningen, precis som vi började. I en "verklig värld" är dessa saker sanna: Du "

07: Använda SVG - Inline SVG - CSS-tricks

07: Använda SVG - Inline SVG - CSS-tricks

Det bästa sättet att använda SVG är kanske "Inline SVG" - det vill säga att sätta SVG-kod direkt i din HTML. Det fungerar bra! Se pennan gpcDi av Chris Coyier "

02: Varför SVG? Skärpa. - CSS-tricks

02: Varför SVG? Skärpa. - CSS-tricks

Jag vill betona när vi börjar på den här kursen varför SVG är så övertygande att använda. Kanske den mest övertygande orsaken till designers: de ser "

# 30: Serie Wrapup - CSS-tricks

# 30: Serie Wrapup - CSS-tricks

Du gjorde det! Tack så mycket för att du tog kursen. Jag hoppas att du har lärt dig tillräckligt om jQuery och JavaScript för att din självförtroende har stigit och "

# 28: Bygg ett mer komplext plugin - CSS-tricks

# 28: Bygg ett mer komplext plugin - CSS-tricks

Nu när vi förstår grunderna för plugin-utveckling kan vi gräva lite djupare. Eftersom ett plugin i slutändan är en funktion, ger det oss räckvidden "

# 27: Bygg ett enkelt jQuery-plugin - CSS-tricks

# 27: Bygg ett enkelt jQuery-plugin - CSS-tricks

Nu när vi har tittat på att använda jQuery-plugins är det absolut värt att förstå hur man bygger dem också. Vi har redan kort berört det faktum att "

# 26: Använda ett jQuery-plugin från naturen - CSS-tricks

# 26: Använda ett jQuery-plugin från naturen - CSS-tricks

Alla har sett ett supercool jQuery-plugin där ute på det vilda, vilda internetet, eller hur? Kanske blev du bara intresserad av att lära dig mer "

# 25: Bli organiserad! - CSS-tricks

# 25: Bli organiserad! - CSS-tricks

Vi har gjort ett ganska bra jobb hittills med att ordna oss. Att få ut vår HTML i en mall var ett stort steg. Vi ler längre vattnet så att "

# 24: Mallar med understrykning - CSS-tricks

# 24: Mallar med understrykning - CSS-tricks

Vi täckte mallar med styr i den senaste videon. Men styr är inte den enda malllösningen på blocket. I den här videon använder vi "

# 23: Mallar med handtag - CSS-tricks

# 23: Mallar med handtag - CSS-tricks

Vi slutade i den sista videon med lite trasslig röra. Allt i ett block av JavaScript blandade vi datainhämtning, visning och affärslogik och "

# 21: Byt bara klass! - CSS-tricks

# 21: Byt bara klass! - CSS-tricks

Om du lär dig någon större bit av frontend arkitekturfilosofi från denna serie, lär dig den här. Bara byta klass. I den här skärmutsändningen börjar vi "

# 22: Behovet av mallar - CSS-tricks

# 22: Behovet av mallar - CSS-tricks

Mallar är en viktig del av arbetet med JavaScript-applikationer. Det är ganska vanligt att data är tillgängliga för dig, men inte i ett format som är "

# 19: Det är bara JavaScript - CSS-tricks

# 19: Det är bara JavaScript - CSS-tricks

En sak som jag vill göra helt klart i den här serien är att ingen av oss ska vara anti-vanilj JavaScript. "Vanilj" som betyder "rå" eller "infödd" "

# 17: POSTING med Ajax - CSS-tricks

# 17: POSTING med Ajax - CSS-tricks

Vi pratade om GET i den senaste videon men gav POST inte tillräckligt med uppmärksamhet. Så jag trodde att vi skulle göra det här. Den stora skillnaden med POST är att du "

# 15: Kedjning - CSS-tricks

# 15: Kedjning - CSS-tricks

Vi har pratat ett antal gånger nu om små detaljer i jQuery API som verkligen är trevliga. Allt är väl övervägt och förfinat. Kedjning "

# 18: Ajax och JSON - CSS-tricks

# 18: Ajax och JSON - CSS-tricks

Det finns en god chans att det som du använder Ajax i den "verkliga världen" är att skicka och ta emot JSON-data. Och med goda skäl. JSON inte "

# 16: Intro till Ajax - CSS-tricks

# 16: Intro till Ajax - CSS-tricks

Ajax rankas ganska högt där uppe av de största skälen att använda jQuery. Inte bara fixar jQuery problem med webbläsare, det gör syntaxen väldigt lätt att "

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

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

Data. I jQuery-världen handlar det om informationsbitar som är kopplade direkt till element (snarare än, säg, en variabel som endast ålagts "

# 14: Anpassade händelser - CSS-tricks

# 14: Anpassade händelser - CSS-tricks

Eftersom vi just pratade om händelser är det en bra tid att nämna anpassade händelser. Alla händelser som vi har pratat om hittills är "riktiga" händelser så att "

# 13: Introduktion till händelser - CSS-tricks

# 13: Introduktion till händelser - CSS-tricks

Att hantera händelser är en annan av de stora anledningarna att använda jQuery. Det finns några skillnader i webbläsare i hur man gör, vilket jQuery normaliserar till en "

# 11: Animera med jQuery - CSS-tricks

# 11: Animera med jQuery - CSS-tricks

Om du först dabblade med jQuery för många år sedan, kan det ha varit att det var förmågan att göra animering. Det var kanske en av jQuerys första stora dragningar. Dessa"

# 12: Återuppringningsfunktioner - CSS-tricks

# 12: Återuppringningsfunktioner - CSS-tricks

Allas favorit: konceptvideotid! Återuppringningar är ett viktigt begrepp i JavaScript. De är funktioner som kallas när en åtgärd har "

# 09: Getters och Setters - CSS-tricks

# 09: Getters och Setters - CSS-tricks

Begreppet getters och setter i JavaScript är bara en av de saker du bör förstå. De är trevliga i jQuery eftersom API är så "

# 10: Explicit vs Implicit Iteration - CSS-tricks

# 10: Explicit vs Implicit Iteration - CSS-tricks

Ytterligare ett konceptvideo! Detta är "bara en av dessa saker" du behöver förstå i jQuery. Det är faktiskt lite unikt för jQuery, i den andra populära "

# 07: Gör! - CSS-tricks

# 07: Gör! - CSS-tricks

Som vi har pratat om kan jQuery ses på som ett "välj och gör" -bibliotek. Vi har pratat om att välja en hel del, så nu ska vi prata om några "