Vaizdo įrašų ekranai 2025, Sausis

04: Kodėl SVG? Mažas. - CSS-gudrybės

04: Kodėl SVG? Mažas. - CSS-gudrybės

SVG failo dydis priklauso nuo jo sudėtingumo, o ne nuo to, „koks didelis“. Atminkite, kad SVG nelabai rūpi, kokio dydžio jie yra perteikti, jie yra "

08: naudojant SVG: iframe / object / embed - CSS-gudrybės

08: naudojant SVG: iframe / object / embed - CSS-gudrybės

Atleisk, jei šiek tiek nusileidžiu šiems metodams. Niekada nesu susidūręs su naudojimo atveju, kai jie tikrai yra būdas. Buvo laikas, kai buvo

03: Kodėl SVG? Lankstus. - CSS-gudrybės

03: Kodėl SVG? Lankstus. - CSS-gudrybės

Mes ką tik sužinojome, kad SVG atrodo vizualiai aštrūs. SVG taip pat yra lanksti. Tai nėra būdinga tik žiniatinklio elementams, tačiau unikalus yra tas, kad jie "

06: SVG naudojimas - SVG kaip fono paveikslėlis - CSS-gudrybės

06: SVG naudojimas - SVG kaip fono paveikslėlis - CSS-gudrybės

SVG vaizdai gali būti naudojami kaip fono paveikslėliai ir CSS, kaip ir PNG, JPG.webp ar GIF. .element (background-image: url (/images/image.svg);) Viskas tas pats "

# 29: Gamybos paruošimas - CSS-gudrybės

# 29: Gamybos paruošimas - CSS-gudrybės

Mes grąžiname jį į įprastą teksto rengyklę šioje ekrano kopijoje, kaip tik pradėjome. „Realiame pasaulyje“ šie dalykai yra teisingi: jūs “

07: SVG naudojimas - tiesioginis SVG - CSS-gudrybės

07: SVG naudojimas - tiesioginis SVG - CSS-gudrybės

Galbūt geriausias būdas naudoti SVG yra „Inline SVG“ - tai yra, SVG kodo įdėjimas tiesiai į jūsų HTML. Tai puikiai veikia! Žiūrėkite rašiklį gpcDi Chris Coyier "

02: Kodėl SVG? Aštrumas. - CSS-gudrybės

02: Kodėl SVG? Aštrumas. - CSS-gudrybės

Pradėdamas šį kursą norėčiau pabrėžti, kodėl SVG taip verčia naudoti. Bene labiausiai įtikinama priežastis dizaineriams: jie atrodo "

# 30: serijos užbaigimas - CSS-gudrybės

# 30: serijos užbaigimas - CSS-gudrybės

Tau pavyko! Labai ačiū, kad lankėtės kursuose. Tikiuosi, kad jūs pakankamai sužinojote apie „jQuery“ ir „JavaScript“, kad pasitikėjimo jomis lygis pakilo ir

# 28: Sudėtingesnio papildinio sukūrimas CSS-gudrybės

# 28: Sudėtingesnio papildinio sukūrimas CSS-gudrybės

Dabar, kai suprantame įskiepių kūrimo pagrindus, galime šiek tiek įsigilinti. Kadangi papildinys galiausiai yra funkcija, jis suteikia mums taikymo sritį "

# 27: paprasto „jQuery“ papildinio kūrimas - CSS-gudrybės

# 27: paprasto „jQuery“ papildinio kūrimas - CSS-gudrybės

Dabar, kai apžvelgėme „jQuery“ papildinių naudojimą, verta suprasti, kaip juos kurti. Mes jau trumpai palietėme tai, kad "

# 26: „jQuery“ papildinio naudojimas iš laukinės gamtos CSS-gudrybės

# 26: „jQuery“ papildinio naudojimas iš laukinės gamtos CSS-gudrybės

Visi matė labai šaunų „jQuery“ papildinį laukiniame, laukiniame internete, tiesa? Galbūt susidomėjote tik tuo, kad sužinotumėte daugiau “

# 25: Susitvarkymas! - CSS-gudrybės

# 25: Susitvarkymas! - CSS-gudrybės

Mes iki šiol atlikome gana gerą darbą, kad susitvarkytume. Mūsų HTML suskaidymas šablone buvo didelis žingsnis. Mes ilgiau purviname vandenis, kad

# 24: Šablonas su pabraukimu - CSS-gudrybės

# 24: Šablonas su pabraukimu - CSS-gudrybės

Paskutiniame vaizdo įraše aptarėme šablonus su vairu. Tačiau vairas nėra vienintelis bloko šablonų sprendimas. Šiame vaizdo įraše naudosime

# 23: Šablonas su vairu - CSS-gudrybės

# 23: Šablonas su vairu - CSS-gudrybės

Paskutiniame vaizdo įraše mes palikome šiek tiek susivėlusią netvarką. Viename „JavaScript“ bloke mes maišėme duomenų paiešką, pateikimo ir verslo logiką bei „

# 21: Tiesiog pakeisk klases! - CSS-gudrybės

# 21: Tiesiog pakeisk klases! - CSS-gudrybės

Jei iš šios serijos sužinosite bet kokį pagrindinį architektūros filosofijos elementą, sužinokite apie tai. Tiesiog pakeisk klases. Šioje ekrano juostoje mes pradedame eiti "

# 22: Šablonų poreikis - CSS-gudrybės

# 22: Šablonų poreikis - CSS-gudrybės

Šablonai yra svarbi darbo su „JavaScript“ programomis dalis. Gana įprasta, kad duomenys yra jums prieinami, bet ne tokiu formatu, koks yra

# 19: Tai tik „JavaScript“ CSS-gudrybės

# 19: Tai tik „JavaScript“ CSS-gudrybės

Vienas dalykas, kurį noriu visiškai aiškiai parodyti šioje serijoje, yra tas, kad nė vienas iš mūsų neturėtų būti „anti vanilla JavaScript“. „Vanilė“, reiškianti „žalia“ arba „gimtoji“

# 17: PASKELBIMAS su „Ajax“ - CSS-gudrybės

# 17: PASKELBIMAS su „Ajax“ - CSS-gudrybės

Mes kalbėjome apie GET paskutiniame vaizdo įraše, bet neskyrėme POST pakankamai dėmesio. Taigi aš maniau, kad mes tai padarysime čia. Didelis skirtumas su POST yra tas, kad jūs "

# 15: grandinės - CSS-gudrybės

# 15: grandinės - CSS-gudrybės

Mes jau keletą kartų kalbėjome apie nedidelius „jQuery“ API prisilietimus, kurie yra tikrai gana gražūs. Viskas gerai apgalvota ir išgryninta. Grandinės “

# 18: „Ajax“ ir „JSON“ CSS-gudrybės

# 18: „Ajax“ ir „JSON“ CSS-gudrybės

Yra didelė tikimybė, kad „realiame pasaulyje“ svarbiausias dalykas, kurį naudojate „Ajax“, yra JSON duomenų siuntimas ir priėmimas. Ir dėl rimtų priežasčių. JSON neturi "

# 16: Įvadas į „Ajax“ CSS-gudrybės

# 16: Įvadas į „Ajax“ CSS-gudrybės

„Ajax“ ten užima gana aukštą vietą dėl didžiausių priežasčių naudoti „jQuery“. „JQuery“ ne tik išsprendžia kelių naršyklių problemas, bet ir labai palengvina sintaksę "

# 20: duomenys! duomenys- *! .duomenys ()! .attr (duomenys- *)! - CSS-gudrybės

# 20: duomenys! duomenys- *! .duomenys ()! .attr (duomenys- *)! - CSS-gudrybės

Duomenys. „JQuery“ pasaulyje viskas susiję su informacijos dalimis, kurios yra tiesiogiai prijungtos prie elementų (o ne, tarkime, kintamasis, turintis tik „

# 14: Pasirinktiniai įvykiai - CSS-gudrybės

# 14: Pasirinktiniai įvykiai - CSS-gudrybės

Kadangi mes ką tik kalbėjome apie įvykius, dabar yra tinkamas laikas paminėti įprastus įvykius. Visi įvykiai, apie kuriuos kalbėjome iki šiol, yra „tikri“ įvykiai

# 13: Įvadas į renginius - CSS-gudrybės

# 13: Įvadas į renginius - CSS-gudrybės

Renginių tvarkymas yra dar viena iš tų pagrindinių priežasčių, kodėl reikia naudoti „jQuery“. Yra keletas kryžminių naršyklių skirtumų, kaip tai padaryti, o „jQuery“ normalizuojasi į vieną “

# 11: Animacija su „jQuery“ CSS-gudrybės

# 11: Animacija su „jQuery“ CSS-gudrybės

Jei prieš daugelį metų pirmą kartą apsipratote su „jQuery“, tai galėjo būti jo gebėjimas kurti animaciją. Tai buvo galbūt vienas pirmųjų „jQuery“ burtų traukimo taškų. Šie"

# 12: atgalinio ryšio funkcijos - CSS-gudrybės

# 12: atgalinio ryšio funkcijos - CSS-gudrybės

Visų mėgstamiausia: koncepcinio vaizdo laikas! Skambinimas yra svarbi „JavaScript“ sąvoka. Tai funkcijos, kurios yra iškviečiamos, kai veiksmas

# 09: Getters ir Setters - CSS-gudrybės

# 09: Getters ir Setters - CSS-gudrybės

„JavaScript“ įtraukimo ir nustatymo koncepcija yra tik vienas iš tų dalykų, kuriuos turėtumėte suprasti. Jie yra gražūs „jQuery“, nes API yra tokia “

# 10: Aiškus ir numanomas kartojimas - CSS-gudrybės

# 10: Aiškus ir numanomas kartojimas - CSS-gudrybės

Kitas koncepcinis vaizdo įrašas! Tai yra „tik vienas iš tų dalykų“, kurį turite suprasti „jQuery“. Iš tikrųjų jis yra šiek tiek unikalus „jQuery“, tame kitame populiariame "

# 07: daryk! - CSS-gudrybės

# 07: daryk! - CSS-gudrybės

Kaip jau kalbėjome, „jQuery“ galima laikyti „pasirinkite ir darykite“ biblioteka. Mes kalbėjome apie pasirinkimą gana mažai, todėl dabar pakalbėkime apie kai kuriuos "