Videoképernyők 2025, Január

# 177: Helyi WordPress fejlesztés a gyártáshoz munkafolyamat - CSS-trükkök

# 177: Helyi WordPress fejlesztés a gyártáshoz munkafolyamat - CSS-trükkök

Ez az alapja annak, hogy hogyan dolgozom helyben egy WordPress webhelypel, majd eljuttatom a termeléshez. A Flywheel a CSS-Tricks szponzora, és örülök, hogy "

# 17: Tolóajtók gomb - CSS-trükkök

# 17: Tolóajtók gomb - CSS-trükkök

Míg a tolóajtók messze vannak egy új koncepciótól, és elavulnak, ha több hátteret támogatunk (CSS3), akkor is jó "

# 174: Helyi felülírások használata a DevTools - CSS-trükkök

# 174: Helyi felülírások használata a DevTools - CSS-trükkök

A Chrome DevTools szolgáltatásnak van egy olyan funkciója, amely lehetővé teszi: Megtekintheti az aktuális weboldal által használt bármely erőforrás kódját (például CSS és JavaScript). "Szép"

# 175: 7 tudnivaló a Webflow-ról - CSS-trükkök

# 175: 7 tudnivaló a Webflow-ról - CSS-trükkök

(Ez egy szponzorált videó, amin dolgoztam köztünk a CSS-Tricks és a Webflow webhelyen. Úgy gondolom, hogy a Webflow egy lenyűgöző termék a webhelyek felépítéséhez, vagyis

# 173: Ooooops, azt hiszem, most már full-stack fejlesztők vagyunk. - CSS-trükkök

# 173: Ooooops, azt hiszem, most már full-stack fejlesztők vagyunk. - CSS-trükkök

És "mi" alatt azt értem, hogy mi, front-end fejlesztők;) Itt van a webhely, amely ehhez a beszélgetéshez kapcsolódik. Ezt a beszédet állítottam össze, ahol ezt posztulálom "

# 163: Az első lépések a Serverless - CSS-trükkök

# 163: Az első lépések a Serverless - CSS-trükkök

David Wells, a Netlify-től, és én tettem néhány bébi lépést a Serverless fejlesztésével. Itt leginkább a felhőfunkciókat és annak használatát fogjuk megvizsgálni

# 172: Kézi SVGing görbe vonal - CSS-trükkök

# 172: Kézi SVGing görbe vonal - CSS-trükkök

Megállapítottam, hogy az összes SVG-használatom 98% -a előre elkészített SVG fájlokból vagy vektoros rajzokból származik valamilyen tervező szoftverben, amelyeket végül SVG-ként exportálok. Nem szuper "

# 170: Nézze meg, ahogy egy amatőr felpörget egy React + Babel + Webpack + CSS modulok projektet CSS-trükkök

# 170: Nézze meg, ahogy egy amatőr felpörget egy React + Babel + Webpack + CSS modulok projektet CSS-trükkök

Tisztességes figyelmeztetés! Ez nem egy gyors, egyszerű, szakértő által vezérelt ekézés e technológiák felállításáról. Bár a végére megtesszük "

# 171: Mozgatható halmozott kártyasor CSS-ben - CSS-trükkök

# 171: Mozgatható halmozott kártyasor CSS-ben - CSS-trükkök

Ugyanaz az alapötlet, mint a webhely v17 honlapjának kártyái. Lásd Chris Coyier (@chriscoyier) tollmozgató kártyáit

# 165: A háttérkészlet kiszolgáló nélküli funkciókkal - CSS-trükkök

# 165: A háttérkészlet kiszolgáló nélküli funkciókkal - CSS-trükkök

David Wells és Chris Coyier arról beszélnek, hogyan lehet statikusan felépíteni egy alkalmazást a Netlify-n, de továbbra is rendelkezik háttér-adatbázissal az energiaellátáshoz. A "

# 16: A Photoshop makett létrehozása - CSS-trükkök

# 16: A Photoshop makett létrehozása - CSS-trükkök

Ez az epizód a 12., 13. és 14. rész előzménye. Visszatérünk egy üres Photoshop-dokumentumhoz, és újrateremtjük. Ebben az epizódban nincs HTML / CSS "

# 166: Tanuld meg integrálni a vizuális tesztelést Percy-vel - CSS-trükkök

# 166: Tanuld meg integrálni a vizuális tesztelést Percy-vel - CSS-trükkök

Tudta, hogy beállíthat egy ellenőrző rendszert úgy, hogy minden elküldött kérése pontosan megmutassa, mi változott vizuálisan a webhelyén? Ez "

# 162: Mi a fene szerver nélküli? - CSS-trükkök

# 162: Mi a fene szerver nélküli? - CSS-trükkök

David Wells, a Netlify-től, és én kitörök, ha érthető módon válaszolok erre a kérdésre. Vannak még szerverek? Természetesen, de te "

# 164: A WooCommerce alapvető áttekintése - CSS-trükkök

# 164: A WooCommerce alapvető áttekintése - CSS-trükkök

A WooCommerce egy erőteljes és rugalmas e-kereskedelmi bővítmény a WordPress számára. Szeretne eladni előfizetéseket vagy tagságokat? A WooCommerce képes erre? Digitális"

# 168: CSS-in-JS - CSS-trükkök

# 168: CSS-in-JS - CSS-trükkök

Dustin Schau csatlakozik hozzám ebben a videóban, és be fog vezetni egy körútra a CSS-in-JS világába. Vagyis a "

# 167: Szponzorált videók a Jetpack és a WooCommerce - CSS-trükkök

# 167: Szponzorált videók a Jetpack és a WooCommerce - CSS-trükkök

Ez négy videó összeállítása, amelyet az elmúlt hónapokban készítettem az Automattic szponzorának támogatására. Leginkább a Jetpack-ről szól, egy WordPress I pluginről "

# 161: Jetpack - CSS-trükkök

# 161: Jetpack - CSS-trükkök

A Jetpack szponzorálta ezt a videót, amely arról szól, hogy mi a Jetpack, és mit tehet az Ön webhelye érdekében. Pedig ezek a szavaim! Nagy Jetpack rajongó vagyok, és vezetem a Jetpacket "

# 160: A mindentudó front-end fejlesztő - CSS-trükkök

# 160: A mindentudó front-end fejlesztő - CSS-trükkök

Az internet metafora nélkül csak egy csomó szerver van összekötve vezetékekkel. Szerverek nélkül nem lenne módunk megosztani alkotásainkat a "

# 157: Mese négy tulajdonságról - CSS-trükkök

# 157: Mese négy tulajdonságról - CSS-trükkök

Ez az a beszéd, amelyet nemrégiben tartottam pár konferencián. A CSS négy különböző tulajdonságáról szól: alak-külső offset-path clip-path d Itt van "

# 159: Learning Vue - CSS-trükkök

# 159: Learning Vue - CSS-trükkök

Sarah Drasner és én belemélyedünk Vue-ba! A Vue egy nagyon népszerű JavaScript keretrendszer, amely teljesen felrobban. Sarah az alapcsapatban van és kb. "

# 15: Bevezetés a Firebug-ba - CSS-trükkök

# 15: Bevezetés a Firebug-ba - CSS-trükkök

A Firebug elengedhetetlen Firefox kiterjesztés a webdesignerek és fejlesztők számára. Gyorsan megcélozhatja az oldal bármely elemét, hogy lássa a jelölést, a "

# 153: A CSS Grid használatának megkezdése - CSS-trükkök

# 153: A CSS Grid használatának megkezdése - CSS-trükkök

Úgy érzi, hogy a CSS Grid már régóta érkezik, de úgy tűnik, hogy éppen most ér el egy olyan pontot, amikor az emberek egyre többet beszélnek róla "

# 154: Poszter gyermek WordPress webhely - CSS-trükkök

# 154: Poszter gyermek WordPress webhely - CSS-trükkök

Maga a CSS-Tricks egy WordPress webhely, amelyhez a WordPress tökéletesen megfelel. Olyan dolgok között, mint a bejelentkezési és engedélyezési rendszer, a blogolás "

# 155: Adaptív képek, WordPress és Cloudinary - CSS-trükkök

# 155: Adaptív képek, WordPress és Cloudinary - CSS-trükkök

Eric Portis csatlakozik hozzám, hogy beleássam magam az érzékeny képek világába. Az alapoknál kezdjük. Az adaptív képek kifejezetten HTML-képek, és léteznek "

# 158: Expando gomb menü - CSS-trükkök

# 158: Expando gomb menü - CSS-trükkök

A minap láttam egy Dribbble-t, amelyet Eli Brumley lőtt, és hűvös interaktív hatása volt. Egy egyszerű kör alakú kék gomb, amikor rákattint, kis méretűvé válik

# 150: Hé, tervezők, ha csak egyet tud a JavaScriptről, akkor ezt ajánlanám - CSS-trükkök

# 150: Hé, tervezők, ha csak egyet tud a JavaScriptről, akkor ezt ajánlanám - CSS-trükkök

Néha ahhoz, hogy valami hatalmas és összetett tanulásba kezdhessen, meg kell tanulnia valami apró és egyszerű dolgot. A JavaScript hatalmas és összetett, de "

# 151: Az első néhány perc magasztos szöveggel - CSS-trükkök

# 151: Az első néhány perc magasztos szöveggel - CSS-trükkök

A Sublime Text egy elég átkozott népszerű kódszerkesztő. A népszerűsége és minden jó dolog ellenére, amit hallottam róla, továbbra is erősen támaszkodom másokra "

# 152: Betűtípus betöltése Zach Leatherman-nal - CSS-trükkök

# 152: Betűtípus betöltése Zach Leatherman-nal - CSS-trükkök

Ideje egy újabb párosítási képernyõnek! Ezúttal Zach Leatherman van, a Filament Group-tól. Zach sokat kutatott, írt és beszélt "

# 14: Photoshop-makett átalakítása: Második rész, Harmadik rész - CSS-trükkök

# 14: Photoshop-makett átalakítása: Második rész, Harmadik rész - CSS-trükkök

A makett konverziót itt foglaljuk össze a Harmadik epizódban. Létrehozzuk a "cikkterületet" és az "oldalsávot" (szemantikus osztálynévadás!), Majd töröljük az "

# 149: Gyors bevezető a Pattern Lab Node-ra Brian Muenzenmeyerrel - CSS-trükkök

# 149: Gyors bevezető a Pattern Lab Node-ra Brian Muenzenmeyerrel - CSS-trükkök

Ebben a képernyőn Brian Muenzenmeyerrel állok párba, aki többek között a Pattern Lab-on dolgozik. Pontosabban, a Pattern Lab Node verziója, a "