Video ekraanikuva 2025, Aprill

# 177: kohalik WordPressi arendamise ja tootmise töövoog - CSS-trikid

# 177: kohalik WordPressi arendamise ja tootmise töövoog - CSS-trikid

See on põhitõde selle kohta, kuidas ma WordPressi saidiga kohapeal töötan ja siis selle tootmisse viimiseks. Hooratas on CSS-Tricksi sponsor ja mul on hea meel, et nad "

# 17: libisevate uste nupp - CSS-trikid

# 17: libisevate uste nupp - CSS-trikid

Kuigi lükanduksed pole kaugeltki uus kontseptsioon ja need vananevad, kui näeme laiemat tuge mitmele taustale (CSS3), on see siiski hea

# 174: Kohalike alistuste kasutamine DevToolsis - CSS-trikid

# 174: Kohalike alistuste kasutamine DevToolsis - CSS-trikid

Chrome DevTools sisaldab funktsiooni, mis võimaldab teil: vaadata mis tahes antud ressursi koodi, mida praegune veebileht kasutab (nt CSS ja JavaScript). "Päris"

# 175: 7, mida veebivoo kohta teada - CSS-trikid

# 175: 7, mida veebivoo kohta teada - CSS-trikid

(See on sponsoreeritud video, mille kallal töötasin CSS-Tricksis ja Webflow'is. Ma arvan, et Webflow on põnev toode veebisaitide loomiseks, see on minu

# 173: Ooooops Ma arvan, et oleme nüüd täispika arendajad. - CSS-trikid

# 173: Ooooops Ma arvan, et oleme nüüd täispika arendajad. - CSS-trikid

Ja "me oleme" all pean silmas meid, esiotsa arendajaid;) Siin on selle jutuga seotud veebisait. See on kõne, mille ma kokku panin ja mille postuleerin, üle

# 163: esimesed sammud serverita - CSS-trikid

# 163: esimesed sammud serverita - CSS-trikid

David Wells Netlify'st ja mina seadsin mõned sammud beebi jaoks Serverlessiga asjade ülesehitamiseks. Vaatame siin peamiselt pilvefunktsioone ja kuidas seda kasutada

# 172: Kõvera joone käsitsi SVG - CSS-trikid

# 172: Kõvera joone käsitsi SVG - CSS-trikid

Ma leian, et 98% kogu minu SVG kasutamisest pärineb eelnevalt loodud SVG-failidest või vektorikunstist mõnes disainitarkvaras, mille ma lõpuks SVG-na ekspordin. Pole super "

# 170: Vaadake, kuidas amatöör reageerib reaktsioonile + Babel + veebipakk + CSS-moodulite projekt - CSS-trikid

# 170: Vaadake, kuidas amatöör reageerib reaktsioonile + Babel + veebipakk + CSS-moodulite projekt - CSS-trikid

Õiglane hoiatus! See ei ole nende tehnoloogiate seadistamise kiire, sirgjooneline ja asjatundjate juhitud ader. Kuigi lõpuks me seda teeme "

# 171: CSS-is teisaldatav virnastatud kaardirida - CSS-trikid

# 171: CSS-is teisaldatav virnastatud kaardirida - CSS-trikid

Sama põhiidee nagu selle saidi v17 kodulehel olevad kaardid. Vaadake Chris Coyieri (@chriscoyier) pliiatsi liikumiskaarte teemal "

# 165: oma taustaprogrammi loomine serverita funktsioonide abil - CSS-trikid

# 165: oma taustaprogrammi loomine serverita funktsioonide abil - CSS-trikid

David Wells ja Chris Coyier räägivad sellest, kuidas saate Netlify'is hostitud rakendust staatiliselt üles ehitada, kuid teil on siiski selle toite jaoks taustaprogrammi andmebaas. Kasutame

# 16: Photoshopi maketi loomine - CSS-trikid

# 16: Photoshopi maketi loomine - CSS-trikid

See jagu on eeljagu episoodidele 12, 13 ja 14. Läheme tagasi tühja Photoshopi dokumendi juurde ja loome selle uuesti. Selles osas pole HTML / CSS-i, "

# 166: õppige visuaalset testimist Percyga integreerima - CSS-trikid

# 166: õppige visuaalset testimist Percyga integreerima - CSS-trikid

Kas teadsite, et saate seadistada ülevaatussüsteemi nii, et iga teie tehtud tõmbenõue näitab täpselt, mis teie saidil visuaalselt on muutunud? See on "

# 162: Mis pagan on serverivaba? - CSS-trikid

# 162: Mis pagan on serverivaba? - CSS-trikid

Netlifyst pärit David Wells ja mina vastame sellele küsimusele arusaadavalt vastates. Kas serverid on endiselt seotud? Muidugi, aga sina "

# 164: WooCommerce'i põhiline ülevaade - CSS-trikid

# 164: WooCommerce'i põhiline ülevaade - CSS-trikid

WooCommerce on võimas ja paindlik e-kaubanduse pistikprogramm WordPressi jaoks. Kas soovite tellimusi või liikmesusi müüa? WooCommerce saab seda teha? Digitaalne "

# 168: CSS-JS-is - CSS-trikid

# 168: CSS-JS-is - CSS-trikid

Selles videos liitub minuga Dustin Schau ja ta viib mind ringkäigule maailmas, mida on hakatud nimetama CSS-in-JS-iks. See tähendab, et teete oma

# 167: Jetpacki ja WooCommerce'i sponsoreeritud videod - CSS-trikid

# 167: Jetpacki ja WooCommerce'i sponsoreeritud videod - CSS-trikid

See on kokku pandud neljast videost, mille olen viimase paari kuu jooksul Automatticuga sponsoreerinud. See räägib peamiselt Jetpackist, WordPressi I pistikprogrammist "

# 161: Jetpack - CSS-trikid

# 161: Jetpack - CSS-trikid

Jetpack sponsoreeris seda videot, milles käsitletakse seda, mida Jetpack on ja saab teie saidi heaks teha. Need on siiski minu sõnad! Olen suur Jetpacki fänn ja juhin Jetpacki "

# 160: kõikvõimas esiotsa arendaja - CSS-trikid

# 160: kõikvõimas esiotsa arendaja - CSS-trikid

Internet on metafoorita vaid hunnik servereid, mis on juhtmetega seotud. Ilma serveriteta ei oleks meil võimalust oma loomingut teenusega "

# 157: lugu neljast omadusest - CSS-trikid

# 157: lugu neljast omadusest - CSS-trikid

See on jutt, mille olen hiljuti paaril konverentsil pidanud. See räägib CSS-i neljast erinevast omadusest: kuju-offset-path clip-path d Siin on "

# 159: Vue õppimine - CSS-trikid

# 159: Vue õppimine - CSS-trikid

Sarah Drasner ja mina süveneme Vue! Vue on väga populaarne JavaScripti raamistik, mis on täiesti plahvatusohtlik. Sarah on põhimeeskonnas ja on kõige rohkem "

# 15: Firebugi tutvustus - CSS-trikid

# 15: Firebugi tutvustus - CSS-trikid

Firebug on veebidisainerite ja arendajate jaoks oluline Firefoxi laiendus. Märgistuse nägemiseks saate lehe mis tahes elemendi kiiresti sihtida

# 153: CSS Gridiga alustamine - CSS-trikid

# 153: CSS Gridiga alustamine - CSS-trikid

Tundub, et CSS Grid on juba pikka aega tulnud, kuid just praegu näib see jõudvat punkti, kus inimesed räägivad sellest üha enam "

# 154: Plakatilaste WordPressi sait - CSS-trikid

# 154: Plakatilaste WordPressi sait - CSS-trikid

CSS-Tricks ise on WordPressi sait, kuhu WordPress sobib ideaalselt. Selliste asjade vahel nagu sisselogimise ja lubade süsteem, ajaveebi pidamine "

# 155: Reageerivad pildid, WordPress ja Cloudinary - CSS-trikid

# 155: Reageerivad pildid, WordPress ja Cloudinary - CSS-trikid

Eric Portis liitub minuga, et süveneda tundlike piltide maailma. Alustame põhitõdedest. Reageerivad kujutised on konkreetselt HTML-is kujutised ja eksisteerivad "

# 158: nööbimenüü Expando - CSS-trikid

# 158: nööbimenüü Expando - CSS-trikid

Nägin eelmisel päeval Eli Brumley poolt tulistatud Dribbble'i, millel oli lahe interaktiivne efekt. Lihtne ümmargune sinine nupp klõpsates laieneb väikeseks "

# 150: Hei disainerid, kui teate JavaScripti kohta ainult ühte, soovitaksin seda - CSS-trikid

# 150: Hei disainerid, kui teate JavaScripti kohta ainult ühte, soovitaksin seda - CSS-trikid

Mõnikord peate õppima midagi tohutut ja keerukat õppima õppimiseks midagi väikest ja lihtsat. JavaScript on tohutu ja keeruline, kuid "

# 151: esimesed paar minutit üleva tekstiga - CSS-trikid

# 151: esimesed paar minutit üleva tekstiga - CSS-trikid

Sublime Text on üsna populaarne koodiredaktor. Vaatamata selle populaarsusele ja kõigile headele asjadele, mida olen sellest kuulnud, toetun siiski tugevalt teistele "

# 152: Zach Leathermani fondi laadimine - CSS-trikid

# 152: Zach Leathermani fondi laadimine - CSS-trikid

Aeg uueks sidumisekraaniks! Seekord on mul peal Zach Leatherman filamentide grupist. Zach on palju uurinud, kirjutanud ja rääkinud "

# 14: Photoshopi maketi teisendamine: teine ​​osa, kolmas osa - CSS-trikid

# 14: Photoshopi maketi teisendamine: teine ​​osa, kolmas osa - CSS-trikid

Pakume maketi teisendamise siin kolmandasse ossa. Loome "artikliala" ja "külgriba" (semantilise klassi nimetamine!) Ja seejärel tühjendame "

# 149: Kiire tutvustus mustrilabori sõlmele koos Brian Muenzenmeyeriga - CSS-trikid

# 149: Kiire tutvustus mustrilabori sõlmele koos Brian Muenzenmeyeriga - CSS-trikid

Selles ekraanipildis panen paika Brian Muenzenmeyer, kes muuhulgas töötab ka Pattern Labis. Täpsemalt, Pattern Labi sõlme versioon koos "