Videoképernyők 2025, Január

# 24: Lekerekített sarkok - CSS-trükkök

# 24: Lekerekített sarkok - CSS-trükkök

Íme ÖT különböző technika, amellyel lekerekített sarkokat hozhat létre egy webhely dobozaihoz. A CSS-sel és a "CSS" használatával mindig különböző módon lehet dolgokat

# 23: Feltételes stíluslapok - CSS-trükkök

# 23: Feltételes stíluslapok - CSS-trükkök

Az Internet Explorer lehetőséget nyújt a CSS stílusinformációk célzására kifejezetten annak különböző verziói számára. Ezek a "feltételes stíluslapok" a legjobbak "

# 22: Vágógörbék vágása - CSS-trükkök

# 22: Vágógörbék vágása - CSS-trükkök

A héten visszatértünk a Photoshopba, mert szerettem volna egy kicsit beszélni egy nagyon sajátos készségről, amely szerintem fontos minden tervező számára. Ez "

# 20: Bevezetés a jQuery-be CSS-trükkök

# 20: Bevezetés a jQuery-be CSS-trükkök

A népszerű JavaScript könyvtár jQuery csodálatos módszer a webhely tervezési lehetőségeinek kibővítésére azon túl, amelyen a CSS képes. De szerencsére, ha "

# 21: A kapcsolatfelvételi űrlap áttekintése - CSS-trükkök

# 21: A kapcsolatfelvételi űrlap áttekintése - CSS-trükkök

Bizonyos szempontból a Kapcsolatfelvételi űrlap a "Hello, World!" webdesignerek és webfejlesztők alkalmazása. Semmi, amit még nem tettek meg egy "

# 199: Messing a JSX-szel - CSS-trükkök

# 199: Messing a JSX-szel - CSS-trükkök

Valószínűleg ezt már régen meg kellett volna tanulnom, de sajnos itt vagyunk. Kiderült, hogy meg tudja mondani, hogy a JSX milyen funkciót szeretne használni. Igen, a JSX valóban csak "

# 194: Jetpack társadalmi integrációja CSS-trükkök

# 194: Jetpack társadalmi integrációja CSS-trükkök

A Jetpack segíthet webhelye közösségi médiájának automatizálásában. Ez egy meglehetősen kicsi funkció ahhoz a hatalmas dologhoz képest, amelyet a Jetpack megtehet, például javíthatja webhelye "

# 1: Photoshop makett átalakítása (1/3. Rész) - CSS-trükkök

# 1: Photoshop makett átalakítása (1/3. Rész) - CSS-trükkök

Ebben a legelső video podcast-ban elindítom egy Adobe Photoshop weboldal makettjének átalakítását egy valódi élő CSS-alapú webhelypé. Ez"

# 180: Böngészés a videóval a mobilon - CSS-trükkök

# 180: Böngészés a videóval a mobilon - CSS-trükkök

Tisztességes figyelmeztetés: Nem vagyok szakértő ezekben a dolgokban, csak játszom a videóval az interneten, és foglalkozom néhány problémával, amely a videoklipek bemutatásakor van

# 196: A Grid & Flexbox tanulása Kyle Simpsonnal - CSS-trükkök

# 196: A Grid & Flexbox tanulása Kyle Simpsonnal - CSS-trükkök

Kyle JavaScript fickó. Rengeteg mindent tud a webről, és rengeteget a CSS-ről is, de nem olyan naprakész a modern CSS elrendező eszközökön, mint a flexbox és a "

# 197: Egy pillantás a Stackbitre és a Stackbit Stúdióra CSS-trükkök

# 197: Egy pillantás a Stackbitre és a Stackbit Stúdióra CSS-trükkök

A Stackbit alkalmazás segít Önnek egy új Jamstack webhelyet nagyon gyorsan kirúgni. Válasszon egy témát, egy statikus webhelygenerátort és egy CMS-t, és az Ön számára egy repót fog kapni. "

# 198: A Position tulajdonságról CSS-trükkök

# 198: A Position tulajdonságról CSS-trükkök

Statikus: az alapértelmezett relatív: lehetővé teszi, hogy mozogjon a felső / jobb / alsó / bal / bal oldalon, így a z-index működőképes, és egy pozicionálási kontextust ad abszolútnak: "

# 19: Egyedi oldal megtervezése a Twitter-frissítésekhez - CSS-trükkök

# 19: Egyedi oldal megtervezése a Twitter-frissítésekhez - CSS-trükkök

Ezen a héten végigvezetlek egy egyszerű weboldal létrehozásán, hogy a Twitterről a legutóbbi „tweetjeinket” elejétől a végéig megjelenítsük. Ez a "

# 178: Percy vizuális változásokat fog le minden munkafolyamatban - CSS-trükkök

# 178: Percy vizuális változásokat fog le minden munkafolyamatban - CSS-trükkök

Szerettem volna megbizonyosodni arról, hogy pontosan érted, mit tehet Percy érted, innen a cím. Amikor változtatást hajt végre webhelyén, Git repo, például egy "

# 195: Hogyan húzzunk egy vonalat a CSS-sel - CSS-trükkök

# 195: Hogyan húzzunk egy vonalat a CSS-sel - CSS-trükkök

Hülye egyszerű, igaz? Ez! De szórakoztató néhány percig gondolkodni, és megszámlálni egy csomó különböző módot, amivel megtehetnénk. És mit értek a "

# 193: Scully: az SSG for Angular - CSS-trükkök

# 193: Scully: az SSG for Angular - CSS-trükkök

Tara Z. Manicsic csatlakozott hozzám ehhez a videóhoz, beállítva a Scully alapjait, amely egy Static Site Generator for Angular - nem, az SSG a "

# 192: Git trükkök a bajból - CSS-trükkök

# 192: Git trükkök a bajból - CSS-trükkök

Bármennyire is csodálatos a Git a forráskód kezelésében, bizonyos problémákat okozhat benne, hogy bajba kerül. Mi van, ha módosít egy fájlt, és ezt szeretné "

# 169: Hogyan kell gondolkodni, mint egy front-end fejlesztő - CSS-trükkök

# 169: Hogyan kell gondolkodni, mint egy front-end fejlesztő - CSS-trükkök

Ez egy videó a WordCamp USA-ban tartott beszélgetésemből. Vessünk egy pillantást arra, hogy mi lett a front-end fejlesztés manapság. Kezdve attól, hogy mi a szerep, hol "

# 188: Az átfedő fejlécminta feltárása - CSS-trükkök

# 188: Az átfedő fejlécminta feltárása - CSS-trükkök

Snook "Átfedő fejléc és CSS rács" címmel publikált egy cikket, ahol egy fejléc tervezési mintát vizsgál, amely úgy érzem, meghaladja a trendeket és volt "

# 189: Fogalom személyes és nyilvános használatra - CSS-trükkök

# 189: Fogalom személyes és nyilvános használatra - CSS-trükkök

Ez az utolsó videó a kis sorozatunkban a Notion használatáról. Kitértünk arra, hogy a Notion milyen nagyszerű a webfejlesztő csapatokban való munkához. De egy másik dolog "

# 187: A csapatértekezletek és dokumentáció fogalma - CSS-trükkök

# 187: A csapatértekezletek és dokumentáció fogalma - CSS-trükkök

Ez a 3 videós sorozat második videója a Notion használatáról. Az 1. részben rengeteg teret ismertettünk arról, hogy mi a felfogás, hogy milyen nagyszerű minden csapat és web számára. "

# 184: Belső és igazított listák - CSS-trükkök

# 184: Belső és igazított listák - CSS-trükkök

Az a tény, hogy a listák a jelölőiket a saját dobozukon kívülre teszik (alapértelmezés szerint), kissé furcsa. Minden rejtett túlcsordulás vagy túlnyúlás a "

# 18: Bevezetés a sáv weboldalának sablonjába CSS-trükkök

# 18: Bevezetés a sáv weboldalának sablonjába CSS-trükkök

Nemrég adtam ki egy mellékprojektet, a Band Website Template néven. Ez csak egy gyors bemutató, amely elmagyarázza, miért épült és miért gondolom "

# 185: Játék CSS maszkokkal - CSS-trükkök

# 185: Játék CSS maszkokkal - CSS-trükkök

A CSS-ben való maszkolás az egyik módja annak, hogy elrejtse az elem egyes részeit és megmutassa másoknak. A másik a clip-path, de ma ne erre koncentráljunk. "A maszkok képek; klipek"

# 183: Művészeti rendező képek, képelem és kép CDN-ek - CSS-trükkök

# 183: Művészeti rendező képek, képelem és kép CDN-ek - CSS-trükkök

Jóhiszemű jelenség! A képtárhely-szolgáltatások ötletéről beszélek, amelyek lehetővé teszik a kép URL-jének manipulálását az átalakítás érdekében "

# 186: Webfejlesztő csapatok fogalma - CSS-trükkök

# 186: Webfejlesztő csapatok fogalma - CSS-trükkök

Nagy rajongója vagyok a Notionnak, különösen azért, mert szinkronban tartom a csapatokat. Fejlesztői csoportokban dolgozom, és úgy gondolom, hogy ez különösen jól működik ehhez. Ha lenne nekem"

# 182: A Baby's First Vue SFC - CSS-trükkök

# 182: A Baby's First Vue SFC - CSS-trükkök

SFC, mint az "Single File Component" -ban, amit a Vue kínál, és úgy tűnik, hogy a Vue-emberek szeretik. Napjaimban nagyon kevés Vue-t írtam, de rajongó vagyok! "

# 181: Piszkálás a HTML listákra - CSS-trükkök

# 181: Piszkálás a HTML listákra - CSS-trükkök

A minap volt egy buta kis kérdésem, ahol egy beágyazott listának nem volt megfelelő a térköze. Csak a margó alját tettem hozzá a listaelemekhez és "

# 179: Négyzetrács - CSS-trükkök

# 179: Négyzetrács - CSS-trükkök

A CSS rács használata rács elkészítéséhez lényegében a lényeg. De mi van, ha azt szeretné, hogy az összes rácselem megtartsa az oldalarányt, például 1: 1 négyzetet? Ez "

# 176: Munka a Framer Motion segítségével - CSS-trükkök

# 176: Munka a Framer Motion segítségével - CSS-trükkök

Matt Perry a Framer-től és én megnézzük a Framer Motion React animációs könyvtárat. Először megvizsgáljuk, milyen egyszerű az API. Te irányítod "