Videozáznamy z videa 2025, Apríl

# 177: Vývoj miestneho WordPressu až po produkčný pracovný tok Triky CSS

# 177: Vývoj miestneho WordPressu až po produkčný pracovný tok Triky CSS

Toto sú základy toho, ako pracujem lokálne so stránkou WordPress, a potom ako ju dostanem do výroby. Flywheel je sponzorom CSS-Tricks a som rád, že “

# 17: Tlačidlo pre posuvné dvere - Triky CSS

# 17: Tlačidlo pre posuvné dvere - Triky CSS

Aj keď posuvné dvere nie sú ani zďaleka novým konceptom a budú zastarané, keď uvidíme širšiu podporu viacerých pozadí (CSS3), stále je to dobré pre “

# 174: Používanie lokálnych prepísaní v DevTools - Triky CSS

# 174: Používanie lokálnych prepísaní v DevTools - Triky CSS

Existuje funkcia Chrome DevTools, ktorá vám umožňuje: Zobraziť kód ľubovoľného daného zdroja, ktorý aktuálna webová stránka používa (napríklad CSS a JavaScript). „Pekná“

# 175: 7 Čo by ste mali vedieť o Webflow Triky CSS

# 175: 7 Čo by ste mali vedieť o Webflow Triky CSS

(Toto je sponzorované video, na ktorom som pracoval medzi nami v CSS-Tricks a Webflow. Myslím si, že Webflow je fascinujúci produkt pre vytváranie webových stránok, ktorý je podľa môjho

# 173: Ooooops, myslím, že sme teraz vývojári v celom zásobníku. - Triky CSS

# 173: Ooooops, myslím, že sme teraz vývojári v celom zásobníku. - Triky CSS

A tým, že „sme“, mám na mysli nás, front-endových vývojárov;) Toto je webová stránka, ktorá sa týka tejto diskusie. Toto je prednáška, ktorú som dal dokopy a kde ju postulovám “

# 163: Prvé kroky bez servera - Triky CSS

# 163: Prvé kroky bez servera - Triky CSS

David Wells z Netlify a ja podnikám niekoľko detských krokov k vytváraniu vecí s Serverless. Väčšinou sa tu pozrieme na cloudové funkcie a na to, ako používajú „

# 172: Ručné SVGovanie zakrivenej čiary Triky CSS

# 172: Ručné SVGovanie zakrivenej čiary Triky CSS

Zistil som, že 98% všetkého môjho použitia SVG pochádza z vopred vytvorených súborov SVG alebo vektorového umenia v nejakom dizajnovom softvéri, ktorý nakoniec exportujem ako SVG. Nie super

# 170: Pozerajte sa, ako amatér roztáča reakcie + projekt Babel + Webpack + CSS Moduly Triky CSS

# 170: Pozerajte sa, ako amatér roztáča reakcie + projekt Babel + Webpack + CSS Moduly Triky CSS

Spravodlivé varovanie! Toto nie je rýchly, priamy a odborný prístup k nastavovaniu týchto technológií. Aj keď to nakoniec urobíme “

# 171: Pohyblivý rad skladaných kariet v CSS - Triky CSS

# 171: Pohyblivý rad skladaných kariet v CSS - Triky CSS

Rovnaký základný nápad ako karty na domovskej stránke verzie 17 tohto webu. Pozrite si pohyblivé karty pera od Chrisa Coyiera (@chriscoyier) na „

# 165: Budovanie vášho backendu pomocou funkcií bez servera Triky CSS

# 165: Budovanie vášho backendu pomocou funkcií bez servera Triky CSS

David Wells a Chris Coyier hovoria o tom, ako môžete staticky vytvoriť aplikáciu hostenú na Netlify, ale stále máte k dispozícii backendovú databázu, ktorá ju napája. Používame „

# 16: Vytvorenie makety aplikácie Photoshop - Triky CSS

# 16: Vytvorenie makety aplikácie Photoshop - Triky CSS

Táto epizóda je úvodom k epizódam 12, 13 a 14. Vrátime sa k prázdnemu dokumentu Photoshopu a znovu ho vytvoríme. V tejto epizóde nie je žiadny HTML / CSS, “

# 166: Naučte sa integrovať vizuálne testovanie s Percym Triky CSS

# 166: Naučte sa integrovať vizuálne testovanie s Percym Triky CSS

Vedeli ste, že môžete nastaviť kontrolný systém tak, aby každá vaša požiadavka na stiahnutie ukázala presne to, čo sa vizuálne zmenilo na vašom webe? To je

# 162: Čo je to sakra bez servera? - Triky CSS

# 162: Čo je to sakra bez servera? - Triky CSS

S Davidom Wellsom z Netlify a ja rozumne odpovedám na túto otázku. Existujú ešte servery? Samozrejme, ale ty “

# 164: Základný návod WooCommerce Triky CSS

# 164: Základný návod WooCommerce Triky CSS

WooCommerce je výkonný a flexibilný doplnok eCommerce pre WordPress. Chcete predávať predplatné alebo členstvá? WooCommerce to dokáže? Digitálny “

# 168: CSS-in-JS - Triky CSS

# 168: CSS-in-JS - Triky CSS

V tomto videu sa ku mne pripojil Dustin Schau a on ma vezme na prehliadku sveta známeho ako CSS-in-JS. To znamená, že robíte „

# 167: Sponzorované videá pre Jetpack a WooCommerce Triky CSS

# 167: Sponzorované videá pre Jetpack a WooCommerce Triky CSS

Toto je kompilácia štyroch videí, ktoré som za posledných pár mesiacov vytvoril pre sponzorstvo s firmou Automattic. Väčšinou sa jedná o Jetpack, doplnok WordPress I “

# 161: Jetpack - Triky CSS

# 161: Jetpack - Triky CSS

Spoločnosť Jetpack sponzorovala toto video, ktoré sa zaoberá tým, čo Jetpack je a čo môže urobiť pre vaše stránky. Toto sú však moje slová! Som veľký fanúšik Jetpacku a prevádzkujem Jetpack “

# 160: Všemohúci front-endový vývojár - Triky CSS

# 160: Všemohúci front-endový vývojár - Triky CSS

Internet je bez metafory iba skupina serverov prepojených káblami. Bez serverov by sme nemali možnosť zdieľať svoje výtvory s „

# 157: Príbeh štyroch nehnuteľností Triky CSS

# 157: Príbeh štyroch nehnuteľností Triky CSS

Toto je prednáška, ktorú som nedávno predniesol na niekoľkých konferenciách. Jedná sa o štyri rôzne vlastnosti v CSS: tvar-mimo offset-cesta clip-cesta d Tu je "

# 159: Učenie Vue - Triky CSS

# 159: Učenie Vue - Triky CSS

Ja a Sarah Drasner sa hrabeme vo Vue! Vue je veľmi populárny rámec JavaScriptu, ktorý absolútne exploduje. Sarah je v jadre tímu a je o tom najviac “

# 15: Úvod do Firebug - Triky CSS

# 15: Úvod do Firebug - Triky CSS

Firebug je nevyhnutné rozšírenie Firefoxu pre webových dizajnérov a vývojárov. Na stránku môžete rýchlo zamerať akýkoľvek prvok, aby ste videli označenie, „

# 153: Začíname s CSS Grid - Triky CSS

# 153: Začíname s CSS Grid - Triky CSS

Cítim sa, akoby CSS Grid prichádzal už dlho, ale zdá sa, že práve teraz dosahuje bod, keď o ňom ľudia hovoria čoraz viac “

# 154: Dieťa s plagátom WordPress Triky CSS

# 154: Dieťa s plagátom WordPress Triky CSS

Samotný CSS-Tricks je web WordPress, na ktorý sa WordPress perfektne hodí. Medzi vecami, ako je systém prihlásenia a povolení, blogovanie, “

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

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

Eric Portis sa ku mne pripojil, aby som sa ponoril do sveta citlivých obrázkov. Začíname od základov. Responzívne obrázky sú konkrétne obrázky v HTML a existujú “

# 158: Ponuka Expando Button - Triky CSS

# 158: Ponuka Expando Button - Triky CSS

Videl som druhý deň strelu Dribbble od Eli Brumleyho, ktorá mala super interaktívny efekt. Jednoduché kruhové modré tlačidlo sa po kliknutí rozšíri na malé „

# 150: Ahoj dizajnéri, ak viete iba jednu vec o JavaScripte, toto by som odporučil - Triky CSS

# 150: Ahoj dizajnéri, ak viete iba jednu vec o JavaScripte, toto by som odporučil - Triky CSS

Niekedy sa na ceste k tomu, aby ste sa naučili niečo obrovské a zložité, musíte naučiť niečo malé a jednoduché. JavaScript je obrovský a zložitý, ale “

# 151: Prvých pár minút so vznešeným textom Triky CSS

# 151: Prvých pár minút so vznešeným textom Triky CSS

Sublime Text je pekný populárny editor kódov. Napriek jeho popularite a všetkému dobrému, čo som o ňom počul, sa stále veľmi prikláňam k iným “

# 152: Načítanie písma so Zachom Leathermanom Triky CSS

# 152: Načítanie písma so Zachom Leathermanom Triky CSS

Čas na ďalšie párovanie screencastu! Tentokrát mám na sebe Zacha Leathermana z Filament Group. Zach urobil veľa výskumov, písania a rozprávania. “

# 14: Konverzia makety aplikácie Photoshop: Druhá časť, tretia epizóda - Triky CSS

# 14: Konverzia makety aplikácie Photoshop: Druhá časť, tretia epizóda - Triky CSS

Zhrnutie makety sme zhrnuli tu v epizóde tri. Vytvoríme „oblasť článku“ a „bočný panel“ (pomenovanie sémantickej triedy!) A potom vymažeme „

# 149: Stručný úvod do uzla Pattern Lab s Brianom Muenzenmeyerom Triky CSS

# 149: Stručný úvod do uzla Pattern Lab s Brianom Muenzenmeyerom Triky CSS

Na tomto scenári sa spájam s Brianom Muenzenmeyerom, ktorý okrem iného pracuje v laboratóriu Pattern Lab. Konkrétne Node verzia Pattern Lab spolu s „