Screencasts video 2025, Ianuarie

04: De ce SVG? Mic. - CSS-Tricks

04: De ce SVG? Mic. - CSS-Tricks

Dimensiunea unui fișier SVG depinde de cât de complex este, nu de cât de „mare” este. Amintiți-vă că SVG-urilor nu le pasă cu adevărat la ce dimensiune sunt redate, sunt "

08: Utilizarea SVG: iframe / object / embed - CSS-Tricks

08: Utilizarea SVG: iframe / object / embed - CSS-Tricks

Iartă-mă dacă sunt puțin în jos cu aceste metode. Nu am întâlnit niciodată un caz de utilizare în care acestea să fie cu siguranță calea de urmat. A fost o vreme când a fost „

03: De ce SVG? Flexibil. - CSS-Tricks

03: De ce SVG? Flexibil. - CSS-Tricks

Tocmai am aflat că SVG-urile arată clar din punct de vedere vizual. SVG-urile sunt, de asemenea, flexibile. Acest lucru nu este cu adevărat unic pentru elementele de pe web, dar ceea ce este unic este că ele "

06: Utilizarea SVG - SVG ca imagine de fundal - CSS-Tricks

06: Utilizarea SVG - SVG ca imagine de fundal - CSS-Tricks

Imaginile SVG pot fi folosite și ca imagine de fundal în CSS, la fel ca PNG, JPG.webp sau GIF. .element (background-image: url (/images/image.svg);) Totuși "

# 29: Pregătirea producției - CSS-Tricks

# 29: Pregătirea producției - CSS-Tricks

O vom aduce înapoi la un editor de text normal în acest ecran, la fel cum am început. Într-o situație de „lume reală”, aceste lucruri sunt adevărate: tu ”

07: Utilizarea SVG - SVG în linie - CSS-Tricks

07: Utilizarea SVG - SVG în linie - CSS-Tricks

Poate că cel mai bun mod de a utiliza SVG este „SVL în linie” - adică introducerea codului SVG direct în HTML. Funcționează grozav! Vedeți Pen gpcDi de Chris Coyier "

02: De ce SVG? Claritate. - CSS-Tricks

02: De ce SVG? Claritate. - CSS-Tricks

Aș dori să subliniez pe măsură ce începem acest curs de ce SVG este atât de convingător de utilizat. Poate cel mai convingător motiv pentru designeri: arată „

# 30: Înfășurarea seriei - CSS-Tricks

# 30: Înfășurarea seriei - CSS-Tricks

Ai făcut! Vă mulțumesc foarte mult că ați urmat cursul. Sper că ați aflat suficient despre jQuery și JavaScript încât nivelul dvs. de încredere în acesta a crescut și "

# 28: Construirea unui plugin mai complex - CSS-Tricks

# 28: Construirea unui plugin mai complex - CSS-Tricks

Acum, că înțelegem noțiunile de bază ale dezvoltării pluginurilor, putem să aprofundăm puțin. Deoarece în cele din urmă un plugin este o funcție, acesta ne oferă domeniul de aplicare "

# 27: Construirea unui plugin jQuery simplu - CSS-Tricks

# 27: Construirea unui plugin jQuery simplu - CSS-Tricks

Acum că ne-am uitat la utilizarea pluginurilor jQuery, merită absolut să înțelegem și cum să le construim. Am atins deja pe scurt faptul că „

# 26: Utilizarea unui plugin jQuery din Wild - CSS-Tricks

# 26: Utilizarea unui plugin jQuery din Wild - CSS-Tricks

Toată lumea a văzut un plugin jQuery super cool pe internet sălbatic, sălbatic, nu? Poate că v-a interesat doar să aflați efectiv mai mult "

# 25: Organizarea! - CSS-Tricks

# 25: Organizarea! - CSS-Tricks

Am făcut o treabă destul de bună până acum de a ne organiza. Obținerea codului nostru HTML într-un șablon a fost un pas important. Nu mai înnorăm apele, astfel încât să "

# 24: Șablonare cu Underscore - CSS-Tricks

# 24: Șablonare cu Underscore - CSS-Tricks

Am tratat șablonarea cu ghidon în ultimul videoclip. Dar Ghidonele nu sunt singura soluție de șablonare a blocului. În acest videoclip vom folosi „

# 23: Șablonare cu ghidon - CSS-Tricks

# 23: Șablonare cu ghidon - CSS-Tricks

Am rămas în ultimul videoclip cu un pic de încurcătură. Într-un singur bloc de JavaScript amestecam regăsirea datelor, afișarea și logica de afaceri și „

# 21: Schimbă doar clasele! - CSS-Tricks

# 21: Schimbă doar clasele! - CSS-Tricks

Dacă înveți din această serie orice filozofie majoră a arhitecturii front-end, învață-o pe aceasta. Schimba doar clasele. În acest screencast începem să mergem "

# 22: Nevoia de modelare - CSS-Tricks

# 22: Nevoia de modelare - CSS-Tricks

Șablonarea este o parte importantă a lucrului cu aplicații JavaScript. Este destul de obișnuit ca datele să fie disponibile pentru dvs., dar nu într-un format care este „

# 19: Este doar JavaScript - CSS-Tricks

# 19: Este doar JavaScript - CSS-Tricks

Un lucru pe care vreau să-l clarific în această serie este că niciunul dintre noi nu ar trebui să fie JavaScript anti vanilie. "Vanilie", care înseamnă "crud" sau "nativ" "

# 17: POSTING cu Ajax - CSS-Tricks

# 17: POSTING cu Ajax - CSS-Tricks

Am vorbit despre GET în ultimul videoclip, dar nu am acordat suficientă atenție POST. Așa că m-am gândit că vom face asta aici. Marea diferență cu POST este că tu "

# 15: Înlănțuirea - CSS-Tricks

# 15: Înlănțuirea - CSS-Tricks

Am vorbit de câteva ori acum despre mici atingeri în API-ul jQuery care sunt într-adevăr destul de drăguțe. Totul este bine luat în considerare și rafinat. Înlănțuirea "

# 18: Ajax și JSON - CSS-Tricks

# 18: Ajax și JSON - CSS-Tricks

Există mari șanse ca în „lumea reală”, primul lucru pentru care folosiți Ajax este trimiterea și primirea de date JSON. Și din motive întemeiate. JSON nu "

# 16: Introducere în Ajax - CSS-Tricks

# 16: Introducere în Ajax - CSS-Tricks

Ajax ocupă un loc destul de ridicat în cele mai mari motive pentru a folosi jQuery. Nu numai că jQuery remediază problemele legate de cross-browser, ci simplifică sintaxa „

# 20: Date! date-*! .date()! .attr (date- *)! - CSS-Tricks

# 20: Date! date-*! .date()! .attr (date- *)! - CSS-Tricks

Date. În lumea jQuery, este vorba despre biți de informații care sunt atașați direct la elemente (mai degrabă decât, să spunem, o variabilă cu onus doar la „

# 14: Evenimente personalizate - CSS-Tricks

# 14: Evenimente personalizate - CSS-Tricks

Deoarece tocmai am vorbit despre evenimente, acum este un moment bun pentru a menționa evenimentele personalizate. Toate evenimentele despre care am vorbit până acum sunt evenimente „reale” pentru „

# 13: Introducere în evenimente - CSS-Tricks

# 13: Introducere în evenimente - CSS-Tricks

Gestionarea evenimentelor este un alt motiv important pentru a utiliza jQuery. Există câteva diferențe între browser-uri în ceea ce privește modul de a face, ceea ce jQuery normalizează într-o singură "

# 11: Animare cu jQuery - CSS-Tricks

# 11: Animare cu jQuery - CSS-Tricks

Dacă v-ați interesat pentru prima dată de jQuery acum mulți ani, s-ar putea să fi fost abilitatea de a face animație. Acesta a fost probabil unul dintre primele extrageri mari ale jQuery. Aceste"

# 12: Funcții de apel invers - CSS-Tricks

# 12: Funcții de apel invers - CSS-Tricks

Preferatele tuturor: conceptul de timp video! Callback-urile sunt un concept important în JavaScript. Sunt funcții care sunt numite atunci când o acțiune are „

# 09: Getters și Setters - CSS-Tricks

# 09: Getters și Setters - CSS-Tricks

Conceptul de geters și seters în JavaScript este doar unul dintre acele lucruri pe care ar trebui să le înțelegeți. Sunt drăguți în jQuery, deoarece API-ul este atât de "

# 10: Iterare explicită vs iterație implicită - CSS-Tricks

# 10: Iterare explicită vs iterație implicită - CSS-Tricks

Un alt concept video! Acesta este „doar unul dintre acele lucruri” pe care trebuie să le înțelegeți în jQuery. De fapt, este un pic unic pentru jQuery, în celălalt popular "

# 07: Fă! - CSS-Tricks

# 07: Fă! - CSS-Tricks

După cum am vorbit, jQuery poate fi gândit ca o bibliotecă „selectează și face”. Am vorbit despre selectarea destul de mult, așa că acum să vorbim despre câteva "