Na tisoče nasveti CSS, PHP, skripte. Koristne vaje in video nasveti

Priljubljena za mesec

# 19: To je samo JavaScript - CSS-triki

# 19: To je samo JavaScript - CSS-triki

V tej seriji želim popolnoma pojasniti, da nihče od nas ne sme biti anti-vanilla JavaScript. "Vanilija", kar pomeni "surovo" ali "domače" "

# 22: Potreba po predlogah - CSS-triki

# 22: Potreba po predlogah - CSS-triki

Predloge so pomemben del dela z aplikacijami JavaScript. Precej pogosto je, da so vam podatki na voljo, vendar ne v obliki, ki je "

# 21: Samo zamenjajte razrede! - CSS-triki

# 21: Samo zamenjajte razrede! - CSS-triki

Če se iz te serije naučite kakšnega bistvenega koncepta arhitekture prednjega dela, se naučite tega. Samo zamenjajte razrede. V tem predvajanju zaslona začnemo "

# 23: Predloge s krmili - CSS-triki

# 23: Predloge s krmili - CSS-triki

V zadnjem videu smo končali z malce zapleteno zmešnjavo. V enem bloku JavaScript smo mešali iskanje podatkov, prikaz in poslovno logiko ter "

# 24: Predloge s podčrtajem - CSS-triki

# 24: Predloge s podčrtajem - CSS-triki

V zadnjem videoposnetku smo predloge obravnavali s krmili. Toda krmilo ni edina predloga za rešitev bloka. V tem videoposnetku bomo uporabili

# 25: Kako se organizirati! - CSS-triki

# 25: Kako se organizirati! - CSS-triki

Zaenkrat smo se dobro organizirali. Velik korak je bil razčlenitev naše HTML v predlogi. Mi več blatimo vode, tako da "

# 26: Uporaba vtičnika jQuery iz divjine - CSS-triki

# 26: Uporaba vtičnika jQuery iz divjine - CSS-triki

Vsi so že videli super kul jQuery vtičnik tam zunaj, divji internet, kajne? Morda vas je zanimalo le dejansko učenje več "

# 27: Ustvarjanje preprostega vtičnika jQuery - CSS-triki

# 27: Ustvarjanje preprostega vtičnika jQuery - CSS-triki

Zdaj, ko smo si ogledali uporabo vtičnikov jQuery, je popolnoma vredno razumeti, kako jih tudi zgraditi. Že na kratko smo se dotaknili dejstva, da "

# 28: Izdelava bolj zapletenega vtičnika - CSS-triki

# 28: Izdelava bolj zapletenega vtičnika - CSS-triki

Zdaj, ko razumemo osnove razvoja vtičnikov, se lahko malo poglobimo. Ker je na koncu vtičnik funkcija, nam daje obseg "

# 30: Zavijanje serije - CSS-triki

# 30: Zavijanje serije - CSS-triki

Uspelo ti je! Najlepša hvala, ker ste se udeležili tečaja. Upam, da ste se dovolj naučili o jQueryju in JavaScriptu, da se je vaša stopnja zaupanja vanj zvišala in "

01: Uvod v tečaj - CSS-triki

01: Uvod v tečaj - CSS-triki

Dobrodošli! "

02: Zakaj SVG? Ostrina. - CSS-triki

02: Zakaj SVG? Ostrina. - CSS-triki

Na začetku tečaja bi rad poudaril, zakaj je SVG tako privlačen za uporabo. Morda najbolj prepričljiv razlog za oblikovalce: izgledajo "

07: Uporaba SVG - vrstni SVG - CSS-triki

07: Uporaba SVG - vrstni SVG - CSS-triki

Morda je najboljši način za uporabo SVG "Inline SVG" - to pomeni, da vstavite kodo SVG naravnost v svoj HTML. Odlično deluje! Glej Pen gpcDi Chrisa Coyierja "

# 29: Priprava proizvodnje - CSS-triki

# 29: Priprava proizvodnje - CSS-triki

V tem predvajanju zaslona ga bomo vrnili v običajni urejevalnik besedil, tako kot smo začeli. V razmerah "resničnega sveta" so te stvari resnične: Ti "

06: Uporaba SVG - SVG kot slike ozadja - CSS-triki

06: Uporaba SVG - SVG kot slike ozadja - CSS-triki

Slike SVG lahko uporabimo kot ozadje tudi v CSS, tako kot PNG, JPG.webp ali GIF. .element (ozadje-slika: url (/images/image.svg);) Vse enako "

03: Zakaj SVG? Prilagodljiv. - CSS-triki

03: Zakaj SVG? Prilagodljiv. - CSS-triki

Pravkar smo izvedeli, da so SVG vizualno ostri. SVG-ji so tudi prilagodljivi. To v resnici ni edinstveno za elemente v spletu, vendar je edinstveno to, da "

08: Uporaba SVG: iframe / object / embed - CSS-triki

08: Uporaba SVG: iframe / object / embed - CSS-triki

Oprostite mi, če sem malo navdušen nad temi metodami. Še nikoli nisem naletel na primer uporabe, kjer so vsekakor prava pot. Včasih je bil "

04: Zakaj SVG? Majhna. - CSS-triki

04: Zakaj SVG? Majhna. - CSS-triki

Velikost datoteke SVG je odvisna od tega, kako zapletena je, ne pa od tega, kako velika je. Ne pozabite, da SVG-jem ni vseeno, kakšne velikosti so upodobljeni, so "

11: Pridobivanje SVG - samostalniški projekt - CSS-triki

11: Pridobivanje SVG - samostalniški projekt - CSS-triki

The Noun Project je (zelo) fantastično mesto, kjer lahko dobite SVG. Preštejmo načine Dobesedno vse v SVG in dejansko pride tako. Oni so "

12: Pridobivanje SVG - pisave in nabori ikon - CSS-triki

12: Pridobivanje SVG - pisave in nabori ikon - CSS-triki

Ne pozabite, da v SVG lahko dobite vse vektorje. Programska oprema Adobe je pri tem odlična. V PDF-ju so lahko vektorske stvari - samo odprite PDF in "