Videonäyttö 2025, Syyskuu

04: Miksi SVG? Pieni. - CSS-temppuja

04: Miksi SVG? Pieni. - CSS-temppuja

SVG-tiedoston koko riippuu sen monimutkaisuudesta, ei siitä, kuinka "suuri" se on. Muista, että SVG: t eivät todellakaan välitä siitä, missä koossa ne renderöidään, ne ovat "

08: SVG: n käyttö: iframe / object / embed - CSS-temppuja

08: SVG: n käyttö: iframe / object / embed - CSS-temppuja

Anteeksi, jos olen hieman alas näissä menetelmissä. En ole koskaan törmännyt käyttötapaukseen, jossa ne ovat ehdottomasti oikea tapa edetä. Oli aika, jolloin "

03: Miksi SVG? Joustava. - CSS-temppuja

03: Miksi SVG? Joustava. - CSS-temppuja

Saimme juuri tietää, että SVG: t näyttävät visuaalisesti teräviltä. SVG: t ovat myös joustavia. Se ei ole oikeastaan ​​ainutlaatuinen verkon elementeille, mutta ainutlaatuista on, että ne "

06: SVG - SVG: n käyttö taustakuvana - CSS-temppuja

06: SVG - SVG: n käyttö taustakuvana - CSS-temppuja

SVG-kuvia voidaan käyttää taustakuvina myös CSS: ssä, aivan kuten PNG, JPG.webp tai GIF. .element (background-image: url (/images/image.svg);) Sama "

# 29: Tuotannon valmistelu - CSS-temppuja

# 29: Tuotannon valmistelu - CSS-temppuja

Tuomme sen takaisin normaaliin tekstieditoriin tässä kuvaruudussa, aivan kuin aloitimme. "Todellisessa maailmassa" nämä asiat ovat totta: Sinä "

07: SVG: n käyttäminen - Inline SVG - CSS-temppuja

07: SVG: n käyttäminen - Inline SVG - CSS-temppuja

Ehkä paras tapa käyttää SVG: tä on "Inline SVG" - eli laittaa SVG-koodi suoraan HTML-koodiin. Se toimii hyvin! Katso kynä gpcDi Chris Coyier "

02: Miksi SVG? Terävyys. - CSS-temppuja

02: Miksi SVG? Terävyys. - CSS-temppuja

Haluaisin korostaa, kun aloitamme tämän kurssin, miksi SVG on niin pakottava käyttää. Ehkä pakottavin syy suunnittelijoille: he näyttävät "

# 30: Sarjan kääriminen - CSS-temppuja

# 30: Sarjan kääriminen - CSS-temppuja

Sinä teit sen! Kiitos paljon kurssille osallistumisesta. Toivon, että olet oppinut tarpeeksi jQuerystä ja JavaScriptistä, että luottamustasosi siinä on noussut ja "

# 28: Monimutkaisemman laajennuksen rakentaminen - CSS-temppuja

# 28: Monimutkaisemman laajennuksen rakentaminen - CSS-temppuja

Nyt kun ymmärrämme laajennuskehityksen perusteet, voimme kaivaa hieman syvemmälle. Koska laajennus on viime kädessä toiminto, se tarjoaa meille mahdollisuuden "

# 27: Yksinkertaisen jQuery-laajennuksen luominen - CSS-temppuja

# 27: Yksinkertaisen jQuery-laajennuksen luominen - CSS-temppuja

Nyt kun olemme tarkastelleet jQuery-laajennusten käyttöä, on ehdottomasti syytä ymmärtää, miten myös ne rakennetaan. Koskimme jo lyhyesti sitä, että "

# 26: jQuery-laajennuksen käyttö villistä - CSS-temppuja

# 26: jQuery-laajennuksen käyttö villistä - CSS-temppuja

Kaikki ovat nähneet superhienon jQuery-laajennuksen villissä, villissä internetissä, eikö? Ehkä olet kiinnostunut vain oppimaan lisää "

# 25: Järjestyminen! - CSS-temppuja

# 25: Järjestyminen! - CSS-temppuja

Olemme tehneet toistaiseksi melko hyvää työtä järjestäytyneemme. HTML: n saaminen mallina hajotettuna oli iso askel. Olemme enää mutaa vesillä, jotta "

# 24: Malli alaviivalla - CSS-temppuja

# 24: Malli alaviivalla - CSS-temppuja

Viimeisessä videossa käsiteltiin mallintamista ohjaustangoilla. Mutta ohjaustanko ei ole ainoa malliratkaisu. Tässä videossa käytämme

# 23: Mallintaminen ohjaustangoilla - CSS-temppuja

# 23: Mallintaminen ohjaustangoilla - CSS-temppuja

Jätimme viimeisen videon hieman sekavalla sotkulla. Yhdessä JavaScript-lohkossa sekoitimme tietojen hakua, näyttöä ja liiketoimintalogiikkaa sekä "

# 21: Vaihda vain luokkaa! - CSS-temppuja

# 21: Vaihda vain luokkaa! - CSS-temppuja

Jos opit jotain suurta etupään arkkitehtuurifilosofiaa tästä sarjasta, opi tämä. Vaihda vain luokkaa. Tässä kuvaruudussa aloitamme "

# 22: Mallinnuksen tarve - CSS-temppuja

# 22: Mallinnuksen tarve - CSS-temppuja

Mallintaminen on tärkeä osa JavaScript-sovellusten kanssa työskentelyä. On melko yleistä, että tiedot ovat käytettävissäsi, mutta ei muodossa, joka on

# 19: Se on vain JavaScript - CSS-temppuja

# 19: Se on vain JavaScript - CSS-temppuja

Yksi asia, jonka haluan tehdä täysin selväksi tässä sarjassa, on se, että kukaan meistä ei saa olla vaniljan vastaista JavaScriptiä. "Vanilja" tarkoittaa "raaka" tai "syntyperäinen" "

# 17: POSTITUS Ajaxilla CSS-temppuja

# 17: POSTITUS Ajaxilla CSS-temppuja

Puhuimme GET: stä viime videossa, mutta emme kiinnittäneet POST: iin tarpeeksi huomiota. Ajattelin, että teemme sen täällä. Suuri ero POSTin kanssa on, että sinä "

# 15: Ketjutus CSS-temppuja

# 15: Ketjutus CSS-temppuja

Olemme puhuneet nyt useita kertoja jQuery-sovellusliittymän pienistä kosketuksista, jotka ovat todella mukavia. Kaikki on hyvin harkittu ja hienostunut. Ketjutus "

# 18: Ajax ja JSON - CSS-temppuja

# 18: Ajax ja JSON - CSS-temppuja

On hyvät mahdollisuudet, että "todellisessa maailmassa" ykkönen, johon Ajaxia käytät, lähettää ja vastaanottaa JSON-tietoja. Ja hyvästä syystä. JSON ei "

# 16: Intro Ajaxiin - CSS-temppuja

# 16: Intro Ajaxiin - CSS-temppuja

Ajax sijoittuu melko korkealle siellä suurimpien syiden vuoksi käyttää jQueryä. Paitsi että jQuery korjaa selainten väliset ongelmat, se tekee syntaksista erittäin helpon "

# 20: Tiedot! data- *! .data ()! .attr (data- *)! - CSS-temppuja

# 20: Tiedot! data- *! .data ()! .attr (data- *)! - CSS-temppuja

Tiedot. JQueryn maailmassa kyse on tietojenkeräyksistä, jotka on liitetty suoraan elementteihin (eikä esimerkiksi muuttujaan, jolla on vain "

# 14: Mukautetut tapahtumat - CSS-temppuja

# 14: Mukautetut tapahtumat - CSS-temppuja

Koska puhuimme juuri tapahtumista, on nyt hyvä aika mainita mukautetut tapahtumat. Kaikki tähän mennessä puhuneet tapahtumat ovat "todellisia" tapahtumia

# 13: Johdatus tapahtumiin - CSS-temppuja

# 13: Johdatus tapahtumiin - CSS-temppuja

Tapahtumien käsittely on toinen niistä suurista syistä käyttää jQueryä. Selaimen toiminnassa on joitain ristiriitoja, jotka jQuery normalisoituu yhdeksi "

# 11: Animointi jQuery - CSS-temppuja

# 11: Animointi jQuery - CSS-temppuja

Jos olet ensin tutkinut jQueryä monta vuotta sitten, se on voinut olla sen kyky tehdä animaatiota. Se oli ehkä yksi jQueryn ensimmäisistä suurista arvonnoista. Nämä"

# 12: Soittotoiminnot - CSS-temppuja

# 12: Soittotoiminnot - CSS-temppuja

Kaikkien suosikki: konseptivideo! Soittopyynnöt ovat tärkeä käsite JavaScriptissä. Ne ovat toimintoja, joita kutsutaan, kun toiminto on "

# 09: Getters ja Setters - CSS-temppuja

# 09: Getters ja Setters - CSS-temppuja

JavaScriptiä käsittelevät getters ja setters ovat vain yksi niistä asioista, jotka sinun pitäisi ymmärtää. He ovat hienoja jQueryssä, koska API on niin "

# 10: eksplisiittinen vs. implisiittinen iteraatio - CSS-temppuja

# 10: eksplisiittinen vs. implisiittinen iteraatio - CSS-temppuja

Toinen konseptivideo! Tämä on "vain yksi niistä asioista", jotka sinun on ymmärrettävä jQueryssä. Se on oikeastaan ​​vähän ainutlaatuinen jQuerylle, tuossa muussa suositussa "

# 07: Tee! - CSS-temppuja

# 07: Tee! - CSS-temppuja

Kuten olemme puhuneet, jQuery voidaan ajatella "valitse ja tee" -kirjastona. Olemme puhuneet valitsemisesta melko vähän, joten nyt puhutaan joistakin "