Video ekraanikuva 2025, Aprill

04: Miks SVG? Väike. - CSS-trikid

04: Miks SVG? Väike. - CSS-trikid

SVG-faili suurus sõltub sellest, kui keeruline see on, mitte sellest, kui "suur" see on. Pidage meeles, et SVG-d ei hooli tegelikult sellest, millises suuruses neid renderdatakse, nad on "

08: SVG kasutamine: iframe / object / embed - CSS-trikid

08: SVG kasutamine: iframe / object / embed - CSS-trikid

Andke andeks, kui ma olen nende meetoditega natuke alla jäänud. Ma pole kunagi kohanud sellist kasutamisjuhtu, kus need oleksid kindlasti viis. Oli aeg, mil oli

03: Miks SVG? Paindlik. - CSS-trikid

03: Miks SVG? Paindlik. - CSS-trikid

Saime just teada, et SVG-d näevad visuaalselt teravad välja. SVG-d on ka paindlikud. See pole veebielementidele tegelikult ainulaadne, kuid ainulaadne on see, et need "

06: SVG - SVG kasutamine taustpildina - CSS-trikid

06: SVG - SVG kasutamine taustpildina - CSS-trikid

SVG-pilte saab taustpildina kasutada ka CSS-is, täpselt nagu PNG, JPG.webp või GIF. .element (taustapilt: url (/images/image.svg);) Kõik sama "

# 29: Tootmise ettevalmistamine - CSS-trikid

# 29: Tootmise ettevalmistamine - CSS-trikid

Toome selle ekraanipildi tavalisele tekstiredaktorile välja kohe, kui alustasime. "Reaalses maailmas" on need asjad tõesed: sina "

07: SVG kasutamine - sisemine SVG - CSS-trikid

07: SVG kasutamine - sisemine SVG - CSS-trikid

Parim viis SVG kasutamiseks on võib-olla "Inline SVG" - see tähendab, et SVG-kood pannakse otse oma HTML-i. See töötab suurepäraselt! Vaadake pliiatsi gpcDi, autor Chris Coyier "

02: Miks SVG? Teravus. - CSS-trikid

02: Miks SVG? Teravus. - CSS-trikid

Sellel kursusel alustades tahaksin rõhutada, miks SVG on nii veenvalt kasutatav. Disainerite jaoks võib-olla kõige kaalukam põhjus: nad näevad välja "

# 30: seeria mähkimine - CSS-trikid

# 30: seeria mähkimine - CSS-trikid

Sa said hakkama! Suur tänu kursuse läbimise eest. Loodan, et olete piisavalt õppinud jQuery ja JavaScripti kohta, et teie usaldustase nende vastu on tõusnud ja "

# 28: keerukama pistikprogrammi loomine - CSS-trikid

# 28: keerukama pistikprogrammi loomine - CSS-trikid

Nüüd, kui mõistame pistikprogrammide väljatöötamise põhitõdesid, saame veidi süveneda. Kuna pistikprogramm on lõppkokkuvõttes funktsioon, annab see meile ulatuse "

# 27: lihtsa jQuery pistikprogrammi loomine - CSS-trikid

# 27: lihtsa jQuery pistikprogrammi loomine - CSS-trikid

Nüüd, kui oleme uurinud jQuery pistikprogrammide kasutamist, tasub kindlasti mõista, kuidas neid ka üles ehitada. Puudutasime juba lühidalt tõsiasja, et "

# 26: jQuery pistikprogrammi kasutamine loodusest - CSS-trikid

# 26: jQuery pistikprogrammi kasutamine loodusest - CSS-trikid

Kõik on näinud ülilahedat jQuery pistikprogrammi seal metsikus ja metsikus internetis? Võib-olla tekkis teil huvi tegelikult rohkem teada saada "

# 25: Korrastamine! - CSS-trikid

# 25: Korrastamine! - CSS-trikid

Oleme seni organiseerimisel teinud päris head tööd. Meie HTML-i vormingus jaotamine oli suur samm. Me müttame kauem vett, et "

# 24: mallimine alakriipsuga - CSS-trikid

# 24: mallimine alakriipsuga - CSS-trikid

Viimases videos käsitlesime juhtrauale mallimist. Kuid juhtrauad pole plokis ainus mallilahendus. Selles videos kasutame

# 23: mallide koostamine juhtraua abil CSS-trikid

# 23: mallide koostamine juhtraua abil CSS-trikid

Jäime viimases videos natuke sassi läinud segadusega pooleli. Ühes JavaScripti plokis segasime andmete hankimist, kuvamist ja äriloogikat ning

# 21: vahetage lihtsalt klassi! - CSS-trikid

# 21: vahetage lihtsalt klassi! - CSS-trikid

Kui õpite sellest seeriast mõnda peamist arhitektuuri filosoofiat, õppige seda. Lihtsalt vahetage klassi. Selles ekraanipildis hakkame minema "

# 22: mallide loomise vajadus - CSS-trikid

# 22: mallide loomise vajadus - CSS-trikid

Mallimine on JavaScripti rakendustega töötamise oluline osa. On üsna tavaline, et andmed on teile kättesaadavad, kuid mitte vormingus, mis on

# 19: see on lihtsalt JavaScript - CSS-trikid

# 19: see on lihtsalt JavaScript - CSS-trikid

Üks asi, mida ma tahan selles seerias täiesti selgeks teha, on see, et keegi meist ei tohiks olla vanillivastane JavaScript. "Vanill", mis tähendab "toores" või "kohalik"

# 17: Ajaxiga postitamine - CSS-trikid

# 17: Ajaxiga postitamine - CSS-trikid

Rääkisime GET-ist viimases videos, kuid ei pööranud POST-ile piisavalt tähelepanu. Nii et ma arvasin, et teeme seda siin. Suur erinevus POST-iga on see, et teie "

# 15: aheldamine - CSS-trikid

# 15: aheldamine - CSS-trikid

Oleme nüüd mitu korda rääkinud väikestest puudutustest jQuery API-s, mis on tõesti üsna toredad. Kõik on hästi läbi mõeldud ja viimistletud. Aheldamine "

# 18: Ajax ja JSON - CSS-trikid

# 18: Ajax ja JSON - CSS-trikid

On suur tõenäosus, et reaalses maailmas on kõige olulisem asi, mille jaoks Ajaxit kasutate, JSON-i andmete saatmine ja vastuvõtmine. Ja seda põhjusega. JSON ei "

# 16: Ajaxi tutvustus - CSS-trikid

# 16: Ajaxi tutvustus - CSS-trikid

Ajax on seal jQuery kasutamise kõige olulisematel põhjustel üsna kõrgel kohal. Lisaks sellele, et jQuery ei lahenda brauseriüleseid probleeme, muudab see süntaksi väga lihtsaks "

# 20: andmed! andmed- *! .andmed ()! .attr (andmed- *)! - CSS-trikid

# 20: andmed! andmed- *! .andmed ()! .attr (andmed- *)! - CSS-trikid

Andmed. JQuery maailmas on kõik seotud teabebittidega, mis on kinnitatud otse elementidele (mitte näiteks muutujale, millel on ainult "

# 14: kohandatud sündmused - CSS-trikid

# 14: kohandatud sündmused - CSS-trikid

Kuna me just rääkisime sündmustest, on nüüd hea aeg mainida kohandatud sündmusi. Kõik sündmused, millest oleme seni rääkinud, on "tõelised" sündmused, nii et "

# 13: Sündmuste tutvustus - CSS-trikid

# 13: Sündmuste tutvustus - CSS-trikid

Sündmuste käitlemine on jQuery kasutamise üks suur põhjus. Kuidas seda teha, on brauserite vahel erinevused, mis jQuery normaliseerub üheks "

# 11: animeerimine jQuery abil - CSS-trikid

# 11: animeerimine jQuery abil - CSS-trikid

Kui te esimest korda jQueryga möllasite aastaid tagasi, siis võis see olla võime animatsiooni teha. See oli võib-olla üks jQuery esimesi suuri loosimisi. Need"

# 12: Tagasihelistamisfunktsioonid - CSS-trikid

# 12: Tagasihelistamisfunktsioonid - CSS-trikid

Kõigi lemmik: kontseptsioonvideo aeg! Tagasihelistamised on JavaScripti oluline mõiste. Need on funktsioonid, mida kutsutakse siis, kui toiming on

# 09: Getters ja setters - CSS-trikid

# 09: Getters ja setters - CSS-trikid

JavaScripti kontseptsioon getters ja setters on vaid üks neist asjadest, mida peaksite mõistma. Nad on jQuery's toredad, kuna API on nii "

# 10: selgesõnaline vs kaudne kordus - CSS-trikid

# 10: selgesõnaline vs kaudne kordus - CSS-trikid

Veel üks kontseptsioonvideo! See on "lihtsalt üks neist asjadest", mida peate jQuery's mõistma. See on tegelikult jQuery jaoks natuke ainulaadne selles teises populaarses "

# 07: tee! - CSS-trikid

# 07: tee! - CSS-trikid

Nagu me oleme sellest rääkinud, võib jQuery mõelda kui "vali ja tee" teeki. Oleme rääkinud valimisest üsna vähe, seega räägime nüüd mõnest "