Videocasty 2025, Leden

# 177: Vývoj místního WordPressu do produkčního pracovního toku Triky CSS

# 177: Vývoj místního WordPressu do produkčního pracovního toku Triky CSS

Toto jsou základy toho, jak pracuji lokálně s webem WordPress, a poté jej dostanu do výroby. Setrvačník je sponzorem CSS-Tricks a jsem rád, že “

# 17: Tlačítko posuvných dveří - Triky CSS

# 17: Tlačítko posuvných dveří - Triky CSS

Zatímco posuvné dveře zdaleka nejsou novým konceptem a budou zastaralé, jakmile uvidíme širší podporu pro více pozadí (CSS3), je to stále dobré pro “

# 174: Použití lokálních přepsání v DevTools - Triky CSS

# 174: Použití lokálních přepsání v DevTools - Triky CSS

Existuje funkce Chrome DevTools, která vám umožňuje: Podívejte se na kód libovolného daného zdroje, který aktuální webová stránka používá (jako CSS a JavaScript). "Pěkný"

# 175: 7 Co je třeba vědět o Webflow - Triky CSS

# 175: 7 Co je třeba vědět o Webflow - Triky CSS

(Toto je sponzorované video, na kterém jsem pracoval mezi námi v CSS-Tricks a Webflow. Myslím, že Webflow je fascinující produkt pro vytváření webů, který je v mém “

# 173: Ooooops, myslím, že jsme teď vývojáři s plným zásobníkem. - Triky CSS

# 173: Ooooops, myslím, že jsme teď vývojáři s plným zásobníkem. - Triky CSS

A tím, že „jsme“, myslím nás, front-end vývojáře;) Tady je web, který jde k této řeči. Toto je přednáška, kterou jsem dal dohromady a kde ji postuluji

# 163: První kroky bez serveru - Triky CSS

# 163: První kroky bez serveru - Triky CSS

David Wells z Netlify a já dělám pár dětských kroků k vytváření věcí pomocí Serverless. Většinou se zde podíváme na cloudové funkce a na to, jak pomocí „

# 172: Ruční SVGing zakřivené čáry - Triky CSS

# 172: Ruční SVGing zakřivené čáry - Triky CSS

Zjistil jsem, že 98% veškerého mého použití SVG pochází z předem vytvořených souborů SVG nebo vektorového umění v nějakém designovém softwaru, který nakonec exportuji jako SVG. Ne super "

# 170: Sledujte, jak amatér roztočí reakci + projekt Babel + Webpack + CSS Moduly - Triky CSS

# 170: Sledujte, jak amatér roztočí reakci + projekt Babel + Webpack + CSS Moduly - Triky CSS

Spravedlivé varování! Nejedná se o rychlou, přímou a odbornou podporu, jak nastavit tyto technologie. Nakonec to ale uděláme “

# 171: Pohyblivá řada skládaných karet v CSS - Triky CSS

# 171: Pohyblivá řada skládaných karet v CSS - Triky CSS

Stejný základní nápad jako karty na domovské stránce verze 17 tohoto webu. Podívejte se na pohyblivé karty pera od Chrisa Coyiera (@chriscoyier) na „

# 165: Vytváření backendu s funkcemi bez serveru Triky CSS

# 165: Vytváření backendu s funkcemi bez serveru Triky CSS

David Wells a Chris Coyier hovoří o tom, jak můžete staticky vytvořit aplikaci hostovanou na Netlify, ale stále máte backendovou databázi, která ji napájí. Používáme „

# 16: Vytvoření makety aplikace Photoshop - Triky CSS

# 16: Vytvoření makety aplikace Photoshop - Triky CSS

Tato epizoda předchází epizodám 12, 13 a 14. Vracíme se k prázdnému dokumentu aplikace Photoshop a znovu jej vytvoříme. V této epizodě není žádný HTML / CSS, “

# 166: Naučte se integrovat vizuální testování s Percym Triky CSS

# 166: Naučte se integrovat vizuální testování s Percym Triky CSS

Věděli jste, že můžete nastavit kontrolní systém, aby každý váš požadavek na stažení ukázal přesně to, co se vizuálně změnilo na vašem webu? To je"

# 162: Co to sakra je bez serveru? - Triky CSS

# 162: Co to sakra je bez serveru? - Triky CSS

S Davidem Wellsem ze společnosti Netlify jsme se rozhodli odpovědět na tuto otázku srozumitelným způsobem. Jsou stále zapojeny servery? Samozřejmě, ale ty “

# 164: Základní návod WooCommerce - Triky CSS

# 164: Základní návod WooCommerce - Triky CSS

WooCommerce je výkonný a flexibilní plugin pro eCommerce pro WordPress. Chcete prodávat předplatné nebo členství? WooCommerce to dokáže? Digitální"

# 168: CSS-in-JS - Triky CSS

# 168: CSS-in-JS - Triky CSS

V tomto videu se ke mně připojil Dustin Schau a vezme mě na prohlídku světa, který se stal známým jako CSS-in-JS. To znamená, že děláte

# 167: Sponzorovaná videa pro Jetpack a WooCommerce - Triky CSS

# 167: Sponzorovaná videa pro Jetpack a WooCommerce - Triky CSS

Toto je kompilace čtyř videí, která jsem během několika posledních měsíců vytvořil pro sponzorství s Automattic. Je to hlavně o Jetpacku, pluginu WordPress I "

# 161: Jetpack - Triky CSS

# 161: Jetpack - Triky CSS

Jetpack sponzoroval toto video, které pojednává o tom, co Jetpack je a co může udělat pro váš web. To jsou ale moje slova! Jsem velký fanoušek Jetpack a provozuji Jetpack “

# 160: Všemocný front-endový vývojář - Triky CSS

# 160: Všemocný front-endový vývojář - Triky CSS

Internet je bez metafory jen spousta serverů svázaných drátem. Bez serverů bychom neměli žádný způsob, jak sdílet naše výtvory s „

# 157: Příběh čtyř vlastností - Triky CSS

# 157: Příběh čtyř vlastností - Triky CSS

Toto je přednáška, kterou jsem nedávno přednesl na několika konferencích. Jde o čtyři různé vlastnosti v CSS: tvar-vnější offset-path clip-path d Zde je "

# 159: Učení Vue - Triky CSS

# 159: Učení Vue - Triky CSS

Sarah Drasner a já jsme kopali do Vue! Vue je velmi populární framework JavaScriptu, který naprosto exploduje. Sarah je v základním týmu a je to asi nejvíce “

# 15: Úvod do Firebug - Triky CSS

# 15: Úvod do Firebug - Triky CSS

Firebug je základní rozšíření Firefoxu pro webové designéry a vývojáře. Můžete rychle zacílit na jakýkoli prvek na stránce, abyste viděli označení, „

# 153: Začínáme s CSS Grid - Triky CSS

# 153: Začínáme s CSS Grid - Triky CSS

Cítím se, jako by CSS Grid přicházel již dlouhou dobu, ale zdá se, že právě dosáhl bodu, kdy o něm lidé stále více mluví “

# 154: Plakát WordPress Web pro děti Triky CSS

# 154: Plakát WordPress Web pro děti Triky CSS

Samotný CSS-Tricks je web WordPress, na který se WordPress perfektně hodí. Mezi věcmi, jako je systém přihlášení a oprávnění, blogování, “

# 155: Citlivé obrázky, WordPress a cloudové - Triky CSS

# 155: Citlivé obrázky, WordPress a cloudové - Triky CSS

Eric Portis se ke mě připojil, aby se ponořil do světa citlivých obrazů. Začínáme od základů. Responzivní obrázky jsou konkrétně obrázky v HTML a existují “

# 158: Nabídka tlačítka Expando - Triky CSS

# 158: Nabídka tlačítka Expando - Triky CSS

Viděl jsem Dribbbleho výstřel Eli Brumleyho, který měl skvělý interaktivní efekt. Jednoduché kruhové modré tlačítko se po kliknutí rozbalí na malé „

# 150: Ahoj návrháři, pokud víte o JavaScriptu jen jednu věc, tak bych doporučil - Triky CSS

# 150: Ahoj návrháři, pokud víte o JavaScriptu jen jednu věc, tak bych doporučil - Triky CSS

Někdy se na cestě k učení něčeho obrovského a složitého musíte naučit něco malého a jednoduchého. JavaScript je obrovský a složitý, ale "

# 151: Prvních pár minut se vznešeným textem Triky CSS

# 151: Prvních pár minut se vznešeným textem Triky CSS

Sublime Text je docela zatraceně populární editor kódu. I přes jeho popularitu a všechno dobré, co jsem o něm slyšel, se stále silně opírám o ostatní “

# 152: Načítání písma se Zachem Leathermanem Triky CSS

# 152: Načítání písma se Zachem Leathermanem Triky CSS

Čas na další párování screencastu! Tentokrát mám na sobě Zacha Leathermana z Filament Group. Zach hodně zkoumal, psal a mluvil “

# 14: Konverze makety aplikace Photoshop: Část druhá, třetí epizoda - Triky CSS

# 14: Konverze makety aplikace Photoshop: Část druhá, třetí epizoda - Triky CSS

Zde jsme zabalili modelovou konverzi v epizodě tři. Vytvoříme „oblast článku“ a „postranní panel“ (pojmenování sémantické třídy!) A poté zrušíme „

# 149: Stručný úvod do uzlu Pattern Lab s Brianem Muenzenmeyerem Triky CSS

# 149: Stručný úvod do uzlu Pattern Lab s Brianem Muenzenmeyerem Triky CSS

V tomto screencastu jsem se spojil s Brianem Muenzenmeyerem, který mimo jiné pracuje ve Pattern Lab. Konkrétně verze uzlu laboratoře Pattern Lab podél