Video Screencasts 2025, Januar

# 177: Lokalni razvoj WordPressa za potek dela - CSS-triki

# 177: Lokalni razvoj WordPressa za potek dela - CSS-triki

To je osnova, kako lokalno delam s spletnim mestom WordPress in ga nato pripeljem v produkcijo. Vztrajnik je sponzor CSS-Tricks in vesel sem, da "

# 17: Gumb za drsna vrata - CSS-triki

# 17: Gumb za drsna vrata - CSS-triki

Čeprav drsna vrata še zdaleč niso nov koncept in bodo zastarela, ko bomo opazili širšo podporo za več ozadij (CSS3), so še vedno dobra za "

# 174: Uporaba lokalnih razveljavitev v orodjih DevTools - CSS-triki

# 174: Uporaba lokalnih razveljavitev v orodjih DevTools - CSS-triki

Obstaja funkcija Chrome DevTools, ki vam omogoča: Oglejte si kodo katerega koli vira, ki ga uporablja trenutna spletna stran (na primer CSS in JavaScript). "Lepa"

# 175: 7 Stvari, ki jih je treba vedeti o spletnem toku - CSS-triki

# 175: 7 Stvari, ki jih je treba vedeti o spletnem toku - CSS-triki

(To je sponzorirani video, pri katerem sem sodeloval pri CSS-Tricks in Webflow. Mislim, da je Webflow fascinanten izdelek za izdelavo spletnih mest, kar je v mojem "

# 173: Ooooops Mislim, da smo zdaj razvijalci celotnega sklada. - CSS-triki

# 173: Ooooops Mislim, da smo zdaj razvijalci celotnega sklada. - CSS-triki

In pod "smo", mislim na nas, front-end razvijalce;) Tukaj je spletno mesto, ki spremlja ta pogovor. To je predavanje, ki sem ga sestavil, kjer predpostavljam, da "

# 163: Prvi koraki z brez strežnika - CSS-triki

# 163: Prvi koraki z brez strežnika - CSS-triki

Z Davidom Wellsom iz Netlifyja naredimo nekaj otroških korakov pri gradnji stvari s programom Serverless. Tu bomo večinoma gledali funkcije v oblaku in kako uporabljati "

# 172: Roka SVGing ukrivljene črte - CSS-triki

# 172: Roka SVGing ukrivljene črte - CSS-triki

Ugotavljam, da 98% moje uporabe SVG izvira iz vnaprej ustvarjenih datotek SVG ali vektorske slike v neki oblikovalski programski opremi, ki jo na koncu izvozim kot SVG. Ni super "

# 170: Oglejte si amaterski projekt Spin Up a React + Babel + Webpack + CSS Modules - CSS-triki

# 170: Oglejte si amaterski projekt Spin Up a React + Babel + Webpack + CSS Modules - CSS-triki

Pošteno opozorilo! To ni hiter, enostaven, strokovno usmerjen postopek, kako nastaviti te tehnologije. Čeprav do konca naredimo "

# 171: Premična vrstica zloženih kart v CSS - CSS-triki

# 171: Premična vrstica zloženih kart v CSS - CSS-triki

Ista osnovna ideja kot kartice na domači strani v17 tega spletnega mesta. Oglejte si Pen Moving Cards Chrisa Coyierja (@chriscoyier) na "

# 165: Ustvarjanje lastne koledarnice s funkcijami brez strežnika - CSS-triki

# 165: Ustvarjanje lastne koledarnice s funkcijami brez strežnika - CSS-triki

David Wells in Chris Coyier se pogovarjata o tem, kako lahko statično zgradite aplikacijo, ki gostuje na Netlify, a ima še vedno bazo podatkov, ki jo poganja. Uporabljamo "

# 16: Ustvarjanje makete Photoshop - CSS-triki

# 16: Ustvarjanje makete Photoshop - CSS-triki

Ta epizoda je uvod v epizode 12, 13 in 14. Vrnemo se k praznemu dokumentu Photoshop in ga znova izdelamo. V tej epizodi ni HTML / CSS, "

# 166: Naučite se integrirati vizualno testiranje s Percyjem - CSS-triki

# 166: Naučite se integrirati vizualno testiranje s Percyjem - CSS-triki

Ste vedeli, da lahko nastavite sistem za pregled, tako da vam vsaka zahteva za vlečenje pokaže, kaj se je vizualno spremenilo na vašem spletnem mestu? To je "

# 162: Kaj za vraga je brez strežnika? - CSS-triki

# 162: Kaj za vraga je brez strežnika? - CSS-triki

Z Davidom Wellsom iz Netlifyja se razumljivo odzivamo na to vprašanje. Ali še vedno obstajajo strežniki? Seveda, ampak "

# 164: Osnovna predstavitev WooCommerce - CSS-triki

# 164: Osnovna predstavitev WooCommerce - CSS-triki

WooCommerce je zmogljiv in prilagodljiv vtičnik za e-trgovino za WordPress. Bi radi prodali naročnine ali članstva? WooCommerce lahko to stori? Digitalno "

# 168: CSS-v-JS - CSS-triki

# 168: CSS-v-JS - CSS-triki

V tem videu se mi pridruži Dustin Schau, ki me bo popeljal na ogled sveta, ki je postal znan kot CSS-in-JS. Se pravi, "

# 167: Sponzorirani videoposnetki za Jetpack in WooCommerce - CSS-triki

# 167: Sponzorirani videoposnetki za Jetpack in WooCommerce - CSS-triki

To je kompilacija štirih videoposnetkov, ki sem jih v zadnjih mesecih naredil za sponzorstvo pri Automattic. Gre predvsem za Jetpack, vtičnik za WordPress I "

# 161: Jetpack - CSS-triki

# 161: Jetpack - CSS-triki

Jetpack je sponzoriral ta video, ki razkriva, kaj je Jetpack in kaj lahko stori za vaše spletno mesto. To so moje besede! Sem velik ljubitelj Jetpacka in vodim Jetpack "

# 160: Vsemogočni razvijalec front-end - CSS-triki

# 160: Vsemogočni razvijalec front-end - CSS-triki

Internet je brez metafor le kup strežnikov, povezanih z žicami. Brez strežnikov ne bi mogli deliti svojih stvaritev z "

# 157: Zgodba o štirih lastnostih CSS-triki

# 157: Zgodba o štirih lastnostih CSS-triki

To sem govor, ki sem ga imel pred kratkim na nekaj konferencah. Gre za štiri različne lastnosti v CSS: off-path offset-path clip-path d Tukaj je "

# 159: Učenje Vue - CSS-triki

# 159: Učenje Vue - CSS-triki

S Sarah Drasner sva se poglobila v Vue! Vue je zelo priljubljen JavaScript okvir, ki popolnoma eksplodira. Sarah je v glavni ekipi in govori o najbolj "

# 15: Uvod v Firebug - CSS-triki

# 15: Uvod v Firebug - CSS-triki

Firebug je bistvena razširitev Firefoxa za spletne oblikovalce in razvijalce. Hitro lahko ciljate kateri koli element na strani, da vidite oznako, "

# 153: Začetek uporabe mreže CSS - CSS-triki

# 153: Začetek uporabe mreže CSS - CSS-triki

Zdi se mi, da CSS Grid prihaja že dolgo, toda zdi se, da šele zdaj doseže točko, ko ljudje o tem vedno bolj govorijo. "

# 154: Poster Child WordPress Site - CSS-triki

# 154: Poster Child WordPress Site - CSS-triki

CSS-Tricks je samo spletno mesto WordPress in na katerem je WordPress popolnoma primeren. Med stvarmi, kot so sistem za prijavo in dovoljenja, blogiranje, "

# 155: Odzivne slike, WordPress in Cloudinary - CSS-triki

# 155: Odzivne slike, WordPress in Cloudinary - CSS-triki

Eric Portis se mi pridruži, da se poglobim v svet odzivnih slik. Začnemo pri osnovah. Odzivne slike so posebej slike v HTML-ju in obstajajo "

# 158: Meni gumba Expando - CSS-triki

# 158: Meni gumba Expando - CSS-triki

Pred dnevi sem videl strel Dribbbleja Elija Brumleyja, ki je imel kul interaktivni učinek. Preprost krožni modri gumb se ob kliku razširi v majhen "

# 150: Hej oblikovalci, če o JavaScriptu veste le eno stvar, bi to priporočil - CSS-triki

# 150: Hej oblikovalci, če o JavaScriptu veste le eno stvar, bi to priporočil - CSS-triki

Včasih se morate za začetek potovanja v nekaj velikega in zapletenega naučiti nekaj majhnega in preprostega. JavaScript je ogromen in zapleten, toda "

# 151: Prvih nekaj minut z vzvišenim besedilom - CSS-triki

# 151: Prvih nekaj minut z vzvišenim besedilom - CSS-triki

Sublime Text je precej prekleto priljubljen urejevalnik kod. Kljub priljubljenosti in vsem dobrim, kar sem o tem slišal, se še vedno močno zanašam na druge "

# 152: Nalaganje pisave z Zach Leatherman - CSS-triki

# 152: Nalaganje pisave z Zach Leatherman - CSS-triki

Čas je za še eno seznanitev zaslona! Tokrat imam pri sebi Zacha Leathermana iz skupine Filament. Zach je veliko raziskoval, pisal in govoril "

# 14: Pretvorba makete Photoshop: drugi del, tretja epizoda - CSS-triki

# 14: Pretvorba makete Photoshop: drugi del, tretja epizoda - CSS-triki

Pretvorbo makete zaključimo tukaj, v tretji epizodi. Ustvarimo "območje člankov" in "stransko vrstico" (semantično poimenovanje razredov!), Nato pa počistimo "

# 149: Kratek uvod v laboratorijsko vozlišče Pattern z Brianom Muenzenmeyerjem - CSS-triki

# 149: Kratek uvod v laboratorijsko vozlišče Pattern z Brianom Muenzenmeyerjem - CSS-triki

V tej oddaji se seznanim z Brianom Muenzenmeyerjem, ki med drugim dela v laboratoriju Pattern. Natančneje, različica Node Pattern Lab, skupaj z "