Videoképernyők 2025, Január

# 147: Reagálással működő megjegyzés űrlap indítása - CSS-trükkök

# 147: Reagálással működő megjegyzés űrlap indítása - CSS-trükkök

Ebben a párosítási képernyőn Sarah Drasner csatlakozik hozzám, és végigvezet a React legelső tanulásain. Valami "valós világ" stílust kezelünk

# 148: A dolgok elrendezése (HTML és Flexbox) Dee Gill-lel - CSS-trükkök

# 148: A dolgok elrendezése (HTML és Flexbox) Dee Gill-lel - CSS-trükkök

Ebben a párosítási képernyőn Dee Gillel lógok. Megtekintünk néhány elrendezési dolgot egy új alkalmazáson, amelyen dolgozik: a Tinge-et. Tervezési makettje volt "

# 146: Többet hozhat ki a Google Analytics szolgáltatásból Philip Waltonnal - CSS-trükkök

# 146: Többet hozhat ki a Google Analytics szolgáltatásból Philip Waltonnal - CSS-trükkök

Párosítok Philip Waltonnal (aki a Google-nál dolgozik a Google Analytics szolgáltatásban) ebben a képernyőn. Ez kiegészíti az általunk összeállított esettanulmányt: A használat megtanulása "

# 145: WordPress gyermek témák Lara Schenckkel - CSS-trükkök

# 145: WordPress gyermek témák Lara Schenckkel - CSS-trükkök

Ebben a videóban Lara Schenck és én összeállunk, és ő mindent megtanít a gyermek témákra a WordPress-ben. Olyan, mint egy podcast, amelyet te is megnézel! Egyenesen felfelé "

# 144: JavaScript / Canvas játék építése Kyle Simpsonnal - CSS-trükkök

# 144: JavaScript / Canvas játék építése Kyle Simpsonnal - CSS-trükkök

Kyle Simpson, részben annak érdekében, hogy fiatalítsa a JavaScript iránti együttműködés iránti lelkesedését, elkezdett egy játékot építeni. Ő nem igazán "játék"

# 143: Harmadik féltől származó JSON használata és gyorsítótárazás a WordPress segítségével - CSS-trükkök

# 143: Harmadik féltől származó JSON használata és gyorsítótárazás a WordPress segítségével - CSS-trükkök

A CSS-trükkök tervezésével kapcsolatban, amint ezt rögzítem, az egyik dolog, amit hozzá akartam adni, egy "Front End Design & Development Jobs" widget, amelyet a CodePen hajtott "

# 133: Reszponzív képek kitalálása - CSS-trükkök

# 133: Reszponzív képek kitalálása - CSS-trükkök

Valószínűleg kissé ritka vagyok abban az értelemben, hogy inkább élveztem, hogy lépést tudtam tartani az érzékeny képek dolgával. Érdekes probléma, amely sok "

# 140: A CSS elrendezési technikák feltárása, miközben megpróbálunk feliratozni - CSS-trükkök

# 140: A CSS elrendezési technikák feltárása, miközben megpróbálunk feliratozni - CSS-trükkök

Ez egy blogbejegyzés videó screencast változata, amelyet nem is régen tettem: Hasznos Flexbox technika: Alignment Shifting Wrapping. CodePen Meetupon voltam "

# 135: Három út az SVG animálásához - CSS-trükkök

# 135: Három út az SVG animálásához - CSS-trükkök

Az SVG animálása kissé egyedülálló abban a tekintetben, hogy három különféle módon lehet megközelíteni az animációt. 1. Animáció CSS ​​@keyframes SVG-vel "

# 141: Az érzékeny képek képeinek és számainak megszerzése - CSS-trükkök

# 141: Az érzékeny képek képeinek és számainak megszerzése - CSS-trükkök

Tud a reszponzív képekről. A kép szintaxisáról van szó HTML-ben. Ha a megfelelő információt a megfelelő szintaxisban adja meg, megkaphatja a böngészőt "

# 142: A dolgok elrejtése a CSS-sel - CSS-trükkök

# 142: A dolgok elrejtése a CSS-sel - CSS-trükkök

Nem csak egyetlen CSS-tulajdonság érhető el, amikor elrejti és megmutatja a dolgokat a CSS-ben. Van egy csomó szempont, amin át fogunk térni "

# 136: A dolgok áthelyezése CMS-be, szükség szerint - CSS-trükkök

# 136: A dolgok áthelyezése CMS-be, szükség szerint - CSS-trükkök

Ebben a videóban egy bizonyos "valós világ" helyzetet vetem fel, amelyben részt vettem a CodePen Meetups oldal kezelésében. A legelején "

# 137: Az SVG mindenkinek szól CSS-trükkök

# 137: Az SVG mindenkinek szól CSS-trükkök

A tipikus képernyővetítés helyett ez az a videó, amelyet az SVG mindenkinek szóló beszélgetésemről készített, amelyet a Treehouse banda rögzített a BlendConfnál. Természetesen van "

# 138: HTTPS-konverziós séta WordPress-en - CSS-trükkök

# 138: HTTPS-konverziós séta WordPress-en - CSS-trükkök

Nemrég költöztünk a "HTTPS visur" -re, itt, a CSS-Tricks oldalon. Felírtam egy blogbejegyzést, amely részletesen leírta az eljutás lépéseit. Ez a videó társ "

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

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

A sorozat második részében folytatjuk a webhely felépítését. A Photoshop alkalmazásban létrehozzuk a menü három különböző állapotát, majd szeleteljük "

# 139: A kiszolgálóoldali mustárvágás magyarázata - CSS-trükkök

# 139: A kiszolgálóoldali mustárvágás magyarázata - CSS-trükkök

Írtam egy írásos bejegyzést a Server Side Mustard Cut erről az ötletéről. Tehát, ha olvasni és ellenőrizni akarja a kódmintákat és egyéb dolgokat, akkor ez a

# 132: Gyors hasznos eset a Sass Math és a Mixins számára CSS-trükkök

# 132: Gyors hasznos eset a Sass Math és a Mixins számára CSS-trükkök

Volt egy kis tervezési helyzetem, amikor egy úszókkal ellátott dobozok folyadékrácsát készítettem. Meg akartam adni, hogy egy dobozban hány doboz legyen nagyon "

# 131: Tinkering with Flexbox - CSS-trükkök

# 131: Tinkering with Flexbox - CSS-trükkök

Ebben a videóban egy kis elülső elrendezési problémával foglalkozunk, amely nagyjából lehetetlen lett volna a flexbox nélkül. Cikket is írtam róla "

# 130: Első pillanatok a morgással - CSS-trükkök

# 130: Első pillanatok a morgással - CSS-trükkök

Vannak ezek a feladatok, amelyeket elülső fejlesztőként kell elvégeznünk. Összekapcsoljuk és tömörítjük a fájljainkat. Futtassa az előfeldolgozóinkat. Optimalizálja a képeket. Fuss"

# 127: A JavaScript sablonozás alapjai - CSS-trükkök

# 127: A JavaScript sablonozás alapjai - CSS-trükkök

A sablon egy darab HTML, amelyet be kell vezetnie az oldalra. A sablonokat gyakran "szerveroldalon" hozzák létre - abban az értelemben, hogy teljesen eljutnak a JavaScript-be

# 128: Effeckt.css, Helyi beállítás a Grunt segítségével, és közreműködés a GitHub - CSS-trükkök

# 128: Effeckt.css, Helyi beállítás a Grunt segítségével, és közreműködés a GitHub - CSS-trükkök

Az Effeckt.css egy folyamatban lévő nyílt forráskódú projekt, amelynek célja előadói, minőségi CSS átmenetek és animációk biztosítása a webdesignerek számára. Az ötlet "

# 125: Hogyan lehet naprakész a webtechnikával - CSS-trükkök

# 125: Hogyan lehet naprakész a webtechnikával - CSS-trükkök

Ez egy előadás, amelyet csak egyszer tartottam egy konferencián, 2012 decemberében. Ebben a képsorban még egyszer utoljára neked, o 'CSS-Tricks előfizetőjének tartom. ÉN"

# 129: Emmet (félelmetes) - CSS-trükkök

# 129: Emmet (félelmetes) - CSS-trükkök

Az Emmet a kódszerkesztők kiegészítője, amely lehetővé teszi a HTML és CSS gyorsabb írását. HTML elől lehetővé teszi a HTML rövidítéseinek írását. "

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

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

Rengeteg nagy visszajelzés érkezett a Photoshop Mockup HTML / CSS-vé alakításának első sorozatáról. Tehát csináljuk újra! Minden webhely más és más "

# 126: A Modernizr - használata CSS-trükkök

# 126: A Modernizr - használata CSS-trükkök

A Modernizr-nek minden modern webes projektben részt kell vennie? Nem feltétlenül. Ebben a képernyőn arról beszélek, hogy mennyire van szüksége a Modernizrre, amikor azt tervezi "

# 124: Egy modern webdesigner munkafolyamata - CSS-trükkök

# 124: Egy modern webdesigner munkafolyamata - CSS-trükkök

Ez egy előadás, amelyet konferenciákon tartottam 2012 végén és 2013 elején. Ebben a képernyőn utoljára adom át neked, o 'CSS-Tricks előfizető. Azt"

# 122: Favicons állam - CSS-trükkök

# 122: Favicons állam - CSS-trükkök

Örökké mindannyian készítettünk 16x16-os grafikákat, és valahogyan .ico formátumba helyeztük őket. Valószínűleg milliószor használtam ezt a konverter eszközt. Valahol a "

# 123: Ha mozog, amikor rákattint, készítsen valami pálcát - CSS-trükkök

# 123: Ha mozog, amikor rákattint, készítsen valami pálcát - CSS-trükkök

A videó készítésekor a CSS-Tricks gombjainak faux 3D hatása van. Úgy néznek ki, mint egy kék tégla, amelyet felülről néz szögben. Amikor"

# 121: A megfelelő CMS testreszabott - CSS-trükkök

# 121: A megfelelő CMS testreszabott - CSS-trükkök

A tökéletes CMS minden nem triviális tartalom-orientált webhely igényeinek kielégítésére nem jön ki a dobozból. Testreszabást igényelnek. Például egy "

# 120: Fenséges szövegrészlet a Media Query Mixins - CSS-trükkök

# 120: Fenséges szövegrészlet a Media Query Mixins - CSS-trükkök

Soha nem kavartam az egyedi Sublime szövegrészleteket. Tehát amikor James Nowland beküldött egyet, éltem az alkalommal, hogy megtanuljam. Itt van: mq "