Videocasty 2025, Leden

# 24: Zaoblené rohy - Triky CSS

# 24: Zaoblené rohy - Triky CSS

Tady je PĚT různých technik, které můžete použít k vytvoření zaoblených rohů pro krabice na webu. S CSS vždy existují různé způsoby, jak „

# 23: Podmíněné šablony stylů - Triky CSS

# 23: Podmíněné šablony stylů - Triky CSS

Internet Explorer poskytuje způsob, jak cílit na informace o stylingu CSS konkrétně pro jeho různé verze. Tyto „podmíněné šablony stylů“ jsou nejlepší “

# 22: Řezání ořezových cest - Triky CSS

# 22: Řezání ořezových cest - Triky CSS

Tento týden jsme zpět ve Photoshopu, protože jsem chtěl trochu promluvit o velmi specifické dovednosti, která je podle mě důležitá pro všechny designéry. To je "

# 20: Úvod do jQuery - Triky CSS

# 20: Úvod do jQuery - Triky CSS

Populární knihovna JavaScript jQuery je úžasný způsob, jak rozšířit možnosti designu vašeho webu nad rámec toho, co dokáže CSS. Ale naštěstí, pokud jste “

# 21: Návod na kontaktní formulář - Triky CSS

# 21: Návod na kontaktní formulář - Triky CSS

V některých ohledech je kontaktní formulář „Hello, World!“ aplikace webových designérů a webových vývojářů. Není to nic, co by nebylo provedeno dříve “

# 199: Messing with JSX - Triky CSS

# 199: Messing with JSX - Triky CSS

Pravděpodobně jsem se to měl naučit už dávno, ale bohužel, tady jsme. Ukázalo se, že můžete říct, jakou funkci má JSX používat. Ano, JSX opravdu má pouze „

# 194: Jetpack's Social Integration - Triky CSS

# 194: Jetpack's Social Integration - Triky CSS

Jetpack může pomoci automatizovat sociální média vašeho webu. Je to docela malá funkce ve srovnání se všemi těmi obrovskými věcmi, které Jetpack dokáže, jako je vylepšení vašeho webu “

# 1: Převod makety aplikace Photoshop (část 1 ze 3) - Triky CSS

# 1: Převod makety aplikace Photoshop (část 1 ze 3) - Triky CSS

V tomto vůbec prvním video podcastu zahajuji proces převodu makety webu Adobe Photoshop na skutečný živý web založený na CSS. Tohle je"

# 180: Vrtání s videem v mobilu - Triky CSS

# 180: Vrtání s videem v mobilu - Triky CSS

Spravedlivé varování: Nejsem žádný odborník na tyto věci, jen si hraji s videem na webu a řeším některé problémy, které mám při předvádění videoklipů v “

# 196: Learning Grid & Flexbox s Kylem Simpsonem Triky CSS

# 196: Learning Grid & Flexbox s Kylem Simpsonem Triky CSS

Kyle je člověk z JavaScriptu. Zná spoustu informací o webu a také hodně o CSS, ale není tak aktuální v moderních nástrojích pro rozložení CSS, jako je flexbox a „

# 197: Pohled na Stackbit a Stackbit Studio - Triky CSS

# 197: Pohled na Stackbit a Stackbit Studio - Triky CSS

Aplikace Stackbit vám pomůže velmi rychle vykopnout nový web Jamstack. Vyberte si téma, statický generátor webu a CMS a dostanete za sebe repo “

# 198: O vlastnosti Pozice - Triky CSS

# 198: O vlastnosti Pozice - Triky CSS

Statický: výchozí relativní: umožňuje pohybovat se nahoru / doprava / dole / vlevo, aby z-index fungoval, poskytuje umístění contextabsolute: "

# 19: Návrh jedinečné stránky pro aktualizace na Twitteru - Triky CSS

# 19: Návrh jedinečné stránky pro aktualizace na Twitteru - Triky CSS

Tento týden vás provedu vytvořením jednoduché webové stránky k zobrazení vašich nedávných tweetů z Twitteru od začátku do konce. Toto pokrývá design v

# 178: Percy zachytí vizuální změny v jakémkoli pracovním postupu - Triky CSS

# 178: Percy zachytí vizuální změny v jakémkoli pracovním postupu - Triky CSS

Chtěl jsem se ujistit, že přesně rozumíte tomu, co pro vás Percy může udělat, odtud název. Když provedete změnu na svých webech, Git repo, jako v „

# 195: Jak nakreslit čáru pomocí CSS - Triky CSS

# 195: Jak nakreslit čáru pomocí CSS - Triky CSS

Hloupé jednoduché, že? To je! Ale je zábavné na pár minut přemýšlet a počítat spoustu různých způsobů, jak bychom to mohli udělat. A co tím myslím

# 193: Scullyová: SSG pro Angular - Triky CSS

# 193: Scullyová: SSG pro Angular - Triky CSS

Tara Z. Manicsic se ke mně připojila k tomuto videu a vytvořila základní základy Scullyové, která je statickým generátorem stránek pro Angular - ney, SSG pro "

# 192: Git triky, jak se dostat z potíží - Triky CSS

# 192: Git triky, jak se dostat z potíží - Triky CSS

Jak úžasné je Git pro práci se zdrojovým kódem, můžete si jistě udělat git (lol) do problémů. Co když provedete změnu souboru a chcete „

# 169: Jak myslet jako front-endový vývojář - Triky CSS

# 169: Jak myslet jako front-endový vývojář - Triky CSS

Toto je video z mé přednášky na WordCamp USA. Pojďme se podívat na to, co se v dnešní době stalo front-endem. Počínaje rolí, kde “

# 188: Zkoumání vzorku překrývajících se záhlaví - Triky CSS

# 188: Zkoumání vzorku překrývajících se záhlaví - Triky CSS

Snook publikoval článek s názvem „Překrývající se záhlaví s CSS Grid“, kde se dívá na vzor návrhu záhlaví, který podle mě přesahuje trendy a byl “

# 189: Pojem pro osobní a veřejné použití Triky CSS

# 189: Pojem pro osobní a veřejné použití Triky CSS

Toto je poslední video z naší malé série o používání aplikace Notion. Pokryli jsme, jak je Notion skvělý pro práci na týmech pro vývoj webových aplikací. Ale další věc “

# 187: Pojem pro týmové schůzky a dokumentace - Triky CSS

# 187: Pojem pro týmové schůzky a dokumentace - Triky CSS

Toto je druhé video ze série 3 videí o používání Notion. V části 1 jsme se hodně zabývali tím, v čem je Notion skvělý pro jakýkoli tým a web “

# 184: Vnitřní a zarovnané seznamy - Triky CSS

# 184: Vnitřní a zarovnané seznamy - Triky CSS

Skutečnost, že seznamy vykreslují své značky mimo vlastní pole (ve výchozím nastavení), je trochu divná. Jakékoli skryté přetečení nebo převis nad okrajem

# 18: Úvod do šablony webových stránek kapely - Triky CSS

# 18: Úvod do šablony webových stránek kapely - Triky CSS

Nedávno jsem vydal vedlejší projekt s názvem Šablona webových stránek kapely. Toto je jen krátká prohlídka s vysvětlením, proč byla postavena a proč si to myslím “

# 185: Hraní s maskami CSS - Triky CSS

# 185: Hraní s maskami CSS - Triky CSS

Maskování v CSS je jedním ze způsobů, jak skrýt části prvku a ukázat ostatním. Další je clip-path, ale dnes se na to nezaměřujme. „Masky jsou obrázky; klipy“

# 183: Umělecké směrování obrázků, obrazový prvek a obrazové CDN - Triky CSS

# 183: Umělecké směrování obrázků, obrazový prvek a obrazové CDN - Triky CSS

Je to fenomén bonafidu! Mluvím o myšlence služeb hostování obrázků, které vám umožní manipulovat s adresou URL obrázku, aby se transformovala “

# 186: Pojem pro týmy pro vývoj webu Triky CSS

# 186: Pojem pro týmy pro vývoj webu Triky CSS

Jsem velkým fanouškem Notionu, zejména kvůli synchronizaci týmů. Pracuji na týmech vývojářů a zjistil jsem, že to na to zvlášť dobře funguje. Kdybych měl"

# 182: Baby's First Vue SFC - Triky CSS

# 182: Baby's First Vue SFC - Triky CSS

SFC jako v „Single File Component“, což je něco, co Vue nabízí a zdá se, že lidé Vue ho milují. V mých dnech jsem napsal velmi málo Vue, ale jsem fanoušek! “

# 181: Pokusy o seznamy HTML - Triky CSS

# 181: Pokusy o seznamy HTML - Triky CSS

Měl jsem hloupý malý problém, kdy vnořený seznam neměl úplně správné mezery. Přidával jsem pouze okraje dole na prvky seznamu a "

# 179: Mřížka čtverců - Triky CSS

# 179: Mřížka čtverců - Triky CSS

Použití mřížky CSS k vytvoření mřížky je celý bod. Ale co když chcete, aby všechny tyto položky mřížky udržovaly poměr stran, například čtverec 1: 1? Své"

# 176: Práce s Framer Motion - Triky CSS

# 176: Práce s Framer Motion - Triky CSS

Matt Perry z Frameru a já se podíváme na animační knihovnu React Framer Motion. Nejprve se podíváme na to, jak jednoduché je API. Ovládáte "