Видео екранни предавания 2025, Юли

# 177: Локално разработване на WordPress за производствен работен процес - CSS-трикове

# 177: Локално разработване на WordPress за производствен работен процес - CSS-трикове

Това е основата на начина, по който работя локално със сайт на WordPress и след това да го пусна в производство. Flywheel е спонсор на CSS-Tricks и се радвам, че "

# 17: Бутон за плъзгащи се врати - CSS-трикове

# 17: Бутон за плъзгащи се врати - CSS-трикове

Докато плъзгащите се врати далеч не са нова концепция и ще остареят, след като видим по-широка поддръжка за множество фонове (CSS3), тя все още е добра за "

# 174: Използване на локални замествания в DevTools - CSS-трикове

# 174: Използване на локални замествания в DevTools - CSS-трикове

Има функция на Chrome DevTools, която ви позволява: Вижте кода на всеки даден ресурс, който текущата уеб страница използва (като CSS и JavaScript). "Красива"

# 175: 7 Неща, които трябва да знаете за Webflow - CSS-трикове

# 175: 7 Неща, които трябва да знаете за Webflow - CSS-трикове

(Това е спонсорирано видео, върху което работих между нас в CSS-трикове и Webflow. Мисля, че Webflow е завладяващ продукт за изграждане на уебсайтове, който е в моя "

# 173: Ooooops Предполагам, че сега сме разработчици с пълни стекове. - CSS-трикове

# 173: Ooooops Предполагам, че сега сме разработчици с пълни стекове. - CSS-трикове

И под "ние" имам предвид нас, разработчици от преден край;) Ето уебсайта, който върви с тази беседа. Това е беседа, която събрах, където постулирам, че "

# 163: Първи стъпки с без сървъри - CSS-трикове

# 163: Първи стъпки с без сървъри - CSS-трикове

Дейвид Уелс от Netlify и аз предприемаме няколко бебешки стъпки в изграждането на нещата с Serverless. Тук ще разглеждаме предимно облачните функции и как да използваме "

# 172: Ръчен SVG Определяне на крива линия - CSS-трикове

# 172: Ръчен SVG Определяне на крива линия - CSS-трикове

Откривам, че 98% от цялото ми използване на SVG идва от предварително създадени SVG файлове или векторни изображения в някакъв софтуер за проектиране, който в крайна сметка изнасям като SVG. Не е супер "

# 170: Гледайте проект за аматьорски завъртане на React + Babel + Webpack + CSS модули - CSS-трикове

# 170: Гледайте проект за аматьорски завъртане на React + Babel + Webpack + CSS модули - CSS-трикове

Честно предупреждение! Това не е бърза, ясна, експертно ориентирана обработка на начина за настройване на тези технологии. Въпреки че в края на краищата правим "

# 171: Подвижен ред с карти в CSS - CSS-трикове

# 171: Подвижен ред с карти в CSS - CSS-трикове

Същата основна идея като картите на началната страница на v17 на този сайт. Вижте картите за преместване на писалката от Крис Койер (@chriscoyier) на „

# 165: Изграждане на вашия бекенд с безсървърни функции - CSS-трикове

# 165: Изграждане на вашия бекенд с безсървърни функции - CSS-трикове

Дейвид Уелс и Крис Койер говорят за това как можете да създадете приложение, хоствано в Netlify, статично, но все пак да имате база данни, която да го захранва. Използваме "

# 16: Създаване на макет на Photoshop - CSS-трикове

# 16: Създаване на макет на Photoshop - CSS-трикове

Този епизод е предисловие към епизоди 12, 13 и 14. Връщаме се към празен документ на Photoshop и го създаваме отново. В този епизод няма HTML / CSS, "

# 166: Научете се да интегрирате визуално тестване с Пърси - CSS-трикове

# 166: Научете се да интегрирате визуално тестване с Пърси - CSS-трикове

Знаете ли, че можете да настроите система за преглед, така че всяка заявка за изтегляне да ви показва точно какво се е променило визуално на вашия сайт? Това е"

# 162: Какво, по дяволите, е без сървъри? - CSS-трикове

# 162: Какво, по дяволите, е без сървъри? - CSS-трикове

Дейвид Уелс от Netlify и аз се опитвам да отговоря на този въпрос по разбираем начин. Има ли все още включени сървъри? Разбира се, но вие "

# 164: Основно ръководство за WooCommerce - CSS-трикове

# 164: Основно ръководство за WooCommerce - CSS-трикове

WooCommerce е мощен и гъвкав плъгин за електронна търговия за WordPress. Искате ли да продавате абонаменти или членства? WooCommerce може ли да направи това? Дигитален"

# 168: CSS-в-JS - CSS-трикове

# 168: CSS-в-JS - CSS-трикове

В това видео към мен се присъединява Дъстин Шау и той ще ме поведе на обиколка на света на това, което стана известно като CSS-in-JS. Това означава, че правите "

# 167: Спонсорирани видеоклипове за Jetpack и WooCommerce - CSS-трикове

# 167: Спонсорирани видеоклипове за Jetpack и WooCommerce - CSS-трикове

Това е компилация от четири видеоклипа, които съм правил през последните няколко месеца за спонсорство с Automattic. Става дума най-вече за Jetpack, приставка за WordPress I "

# 161: Jetpack - CSS-трикове

# 161: Jetpack - CSS-трикове

Jetpack спонсорира това видео, което влиза в това, което Jetpack е и може да направи за вашия сайт. Това са моите думи! Аз съм голям фен на Jetpack и управлявам Jetpack "

# 160: Всемогъщият разработчик отпред - CSS-трикове

# 160: Всемогъщият разработчик отпред - CSS-трикове

Интернет е, без метафора, само куп сървъри, свързани заедно с кабели. Без сървъри нямаше как да споделяме своите творения с „

# 157: Приказка за четири имота - CSS-трикове

# 157: Приказка за четири имота - CSS-трикове

Това е лекция, която изнесох на няколко конференции наскоро. Става дума за четири различни свойства в CSS: shape-outside offset-path clip-path d Ето "

# 159: Learning Vue - CSS-трикове

# 159: Learning Vue - CSS-трикове

Двамата със Сара Драснер копаем във Vue! Vue е много популярна JavaScript рамка, която абсолютно експлодира. Сара е в основния екип и е за най-много "

# 15: Въведение в Firebug - CSS-трикове

# 15: Въведение в Firebug - CSS-трикове

Firebug е основно разширение на Firefox за уеб дизайнери и разработчици. Можете да насочвате бързо всеки елемент на страницата, за да видите маркировката, "

# 153: Първи стъпки с CSS Grid - CSS-трикове

# 153: Първи стъпки с CSS Grid - CSS-трикове

Изглежда, че CSS Grid идва отдавна, но изглежда, че сега стига до точка, в която хората говорят все повече и повече за това "

# 154: Детски сайт на WordPress с плакат - CSS-трикове

# 154: Детски сайт на WordPress с плакат - CSS-трикове

Самият CSS-Tricks е WordPress сайт, и този, в който WordPress е идеален за. Между неща като системата за вход и разрешения, блогове, "

# 155: Отзивчиви изображения, WordPress и Cloudinary - CSS-трикове

# 155: Отзивчиви изображения, WordPress и Cloudinary - CSS-трикове

Ерик Портис се присъединява към мен, за да поразровя света на отзивчивите изображения. Започваме от основите. Отзивчивите изображения са конкретно изображения в HTML и съществуват "

# 158: Меню с бутони Expando - CSS-трикове

# 158: Меню с бутони Expando - CSS-трикове

Видях дрибъл изстрел онзи ден от Ели Бръмли, който имаше страхотен интерактивен ефект. Прост кръгъл син бутон, когато се щракне, се разширява в малък "

# 150: Хей дизайнери, ако знаете само едно нещо за JavaScript, това бих препоръчал - CSS-трикове

# 150: Хей дизайнери, ако знаете само едно нещо за JavaScript, това бих препоръчал - CSS-трикове

Понякога, за да започнете пътуване, за да научите нещо огромно и сложно, трябва да научите нещо малко и просто. JavaScript е огромен и сложен, но "

# 151: Първите няколко минути с възвишен текст - CSS-трикове

# 151: Първите няколко минути с възвишен текст - CSS-трикове

Sublime Text е доста проклет популярен редактор на код. Въпреки популярността му и всички хубави неща, които съм чувал за него, все още се опирам силно на други "

# 152: Зареждане на шрифта със Zach Leatherman - CSS-трикове

# 152: Зареждане на шрифта със Zach Leatherman - CSS-трикове

Време е за поредното сдвояване на екрана! Този път имам Zach Leatherman, от Filament Group. Зак направи много изследвания, писане и говорене "

# 14: Преобразуване на макет на Photoshop: Част втора, Епизод трети - CSS-трикове

# 14: Преобразуване на макет на Photoshop: Част втора, Епизод трети - CSS-трикове

Завършваме преобразуването на макет тук в Епизод Трети. Създаваме "областта на статиите" и "страничната лента" (семантично именуване на клас!) И след това изчистваме "

# 149: Кратко въведение в лабораторния възел на модела с Брайън Мюнценмайер - CSS-трикове

# 149: Кратко въведение в лабораторния възел на модела с Брайън Мюнценмайер - CSS-трикове

В този скринкаст се свързвам с Брайън Мюнценмайер, който, наред с други неща, работи в Pattern Lab. По-конкретно, версията на Node на Pattern Lab, заедно с "