Видео скринкасты 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-Tricks и Webflow. Я думаю, что Webflow - это замечательный продукт для создания веб-сайтов, который, на мой взгляд,

# 173: Ооооо, я думаю, теперь мы разработчики полного стека. - CSS-хитрости

# 173: Ооооо, я думаю, теперь мы разработчики полного стека. - CSS-хитрости

И под «мы» я имею в виду нас, разработчиков интерфейса;) Вот веб-сайт, который посвящен этому разговору. Это разговор, который я собрал, где я постулирую, что "

# 163: Первые шаги с бессерверным режимом - CSS-хитрости

# 163: Первые шаги с бессерверным режимом - CSS-хитрости

Дэвид Уэллс из Netlify и я предприняли несколько маленьких шагов для создания вещей с помощью Serverless. Здесь мы в основном рассмотрим облачные функции и способы использования "

# 172: Рука SVG, создающая изогнутую линию - CSS-хитрости

# 172: Рука SVG, создающая изогнутую линию - CSS-хитрости

Я обнаружил, что 98% всего моего использования SVG происходит из предварительно созданных файлов SVG или векторной графики в каком-то программном обеспечении для дизайна, которое я в конечном итоге экспортирую как SVG. Не супер "

# 170: Посмотрите, как любитель создает проект React + Babel + Webpack + CSS Modules - CSS-хитрости

# 170: Посмотрите, как любитель создает проект React + Babel + Webpack + CSS Modules - 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: Реактивный ранец - CSS-хитрости

# 161: Реактивный ранец - CSS-хитрости

Jetpack спонсировал это видео, в котором рассказывается о том, что такое Jetpack и что он может сделать для вашего сайта. Но это мои слова! Я большой поклонник Jetpack и бегаю на Jetpack "

# 160: Мощный Front-End разработчик - CSS-хитрости

# 160: Мощный Front-End разработчик - CSS-хитрости

Без метафоры Интернет - это просто группа серверов, связанных между собой проводами. Без серверов у нас не было бы возможности поделиться своими творениями с "

№ 157: Сказка о четырех свойствах - CSS-хитрости

№ 157: Сказка о четырех свойствах - CSS-хитрости

Это доклад, с которым я недавно выступал на нескольких конференциях. Речь идет о четырех различных свойствах CSS: shape-outside offset-path clip-path d Вот "

# 159: Изучение Vue - CSS-хитрости

# 159: Изучение 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-хитрости

На днях я видел снимок Dribbble, сделанный Эли Брамли, с классным интерактивным эффектом. Простая круглая синяя кнопка при нажатии превращается в маленький значок "

# 150: Привет, дизайнеры, если вы знаете только одну вещь о JavaScript, я бы порекомендовал именно это - CSS-хитрости

# 150: Привет, дизайнеры, если вы знаете только одну вещь о JavaScript, я бы порекомендовал именно это - CSS-хитрости

Иногда, чтобы начать изучение чего-то огромного и сложного, вам нужно узнать что-то маленькое и простое. JavaScript огромен и сложен, но "

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

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

Sublime Text - чертовски популярный редактор кода. Несмотря на его популярность и все хорошее, что я слышал о нем, я все еще сильно полагаюсь на других "

# 152: Загрузка шрифтов с Заком Лезерманом - CSS-хитрости

# 152: Загрузка шрифтов с Заком Лезерманом - CSS-хитрости

Пришло время еще одного скринкаста по сопряжению На этот раз у меня есть Зак Лезерман из Filament Group. Зак провел много исследований, писал и говорил "

# 14: Преобразование мокапа Photoshop: часть вторая, эпизод третья - CSS-хитрости

# 14: Преобразование мокапа Photoshop: часть вторая, эпизод третья - CSS-хитрости

Мы завершаем преобразование макета здесь, в третьем эпизоде. Мы создаем «область статьи» и «боковую панель» (семантическое именование классов!), А затем очищаем «

# 149: Краткое знакомство с узлом Pattern Lab с Брайаном Мюнценмейером - CSS-хитрости

# 149: Краткое знакомство с узлом Pattern Lab с Брайаном Мюнценмейером - CSS-хитрости

В этом скринкасте я объединяюсь с Брайаном Мюнзенмейером, который, помимо прочего, работает над Pattern Lab. В частности, версия Pattern Lab для узла, а также "