Видео скринкасты 2024, Декабрь

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

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

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

# 167: Рекламные видео для Jetpack и WooCommerce - CSS-хитрости

# 167: Рекламные видео для Jetpack и WooCommerce - CSS-хитрости

Это сборник из четырех видео, которые я снял за последние несколько месяцев для спонсорства Automattic. В основном речь идет о Jetpack, плагине WordPress I "

# 168: CSS-в-JS - CSS-хитрости

# 168: CSS-в-JS - CSS-хитрости

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

# 164: Базовое руководство по WooCommerce - CSS-хитрости

# 164: Базовое руководство по WooCommerce - CSS-хитрости

WooCommerce - мощный и гибкий плагин электронной коммерции для WordPress. Хотите продавать подписки или членство? WooCommerce может это сделать? Цифровой"

# 162: Какого черта бессерверный? - CSS-хитрости

# 162: Какого черта бессерверный? - CSS-хитрости

Дэвид Уэллс из Netlify, и я стараюсь ответить на этот вопрос понятным языком. Есть ли еще серверы? Конечно, но ты "

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

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

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

# 16: Создание мокапа Photoshop - CSS-хитрости

# 16: Создание мокапа Photoshop - CSS-хитрости

Этот эпизод предшествует эпизодам 12, 13 и 14. Мы возвращаемся к пустому документу Photoshop и воссоздаем его. В этом выпуске нет HTML / CSS ",

# 165: Создание серверной части с использованием бессерверных функций - CSS-хитрости

# 165: Создание серверной части с использованием бессерверных функций - CSS-хитрости

Дэвид Уэллс и Крис Койер рассказывают о том, как можно создать приложение, размещенное на Netlify, статически, но при этом иметь внутреннюю базу данных для его работы. Мы используем"

# 171: Подвижный ряд сложенных карточек в CSS - CSS-хитрости

# 171: Подвижный ряд сложенных карточек в CSS - CSS-хитрости

Та же основная идея, что и карточки на домашней странице v17 этого сайта. См. «Подвижные карточки с ручкой» Криса Койера (@chriscoyier) на странице "

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

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

Честное предупреждение! Это не быстрый, простой и экспертный анализ того, как установить эти технологии. Хотя, к концу, мы делаем "

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

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

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

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

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

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

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

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

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

# 175: 7 вещей, которые нужно знать о Webflow - CSS-хитрости

# 175: 7 вещей, которые нужно знать о Webflow - CSS-хитрости

(Это спонсируемое видео, над которым я работал вместе с нами в CSS-Tricks и Webflow. Я думаю, что Webflow - это замечательный продукт для создания веб-сайтов, который, на мой взгляд,

# 174: Использование локальных переопределений в DevTools - CSS-хитрости

# 174: Использование локальных переопределений в DevTools - CSS-хитрости

В Chrome DevTools есть функция, которая позволяет вам: просматривать код любого ресурса, который использует текущая веб-страница (например, CSS и JavaScript). "Симпатичный"

# 17: Кнопка для раздвижных дверей - CSS-хитрости

# 17: Кнопка для раздвижных дверей - CSS-хитрости

Хотя раздвижные двери - это далеко не новая концепция и они будут устаревшими, когда мы увидим более широкую поддержку нескольких фонов (CSS3), она по-прежнему хороша для "

# 177: Рабочий процесс от локальной разработки WordPress до производства - CSS-хитрости

# 177: Рабочий процесс от локальной разработки WordPress до производства - CSS-хитрости

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

# 176: Работа с Framer Motion - CSS-хитрости

# 176: Работа с Framer Motion - CSS-хитрости

Мэтт Перри из Framer и я изучаем библиотеку анимации React Framer Motion. Во-первых, мы посмотрим, насколько прост API. Вы контролируете "

# 179: Сетка квадратов - CSS-хитрости

# 179: Сетка квадратов - CSS-хитрости

Использование CSS-сетки для создания сетки - вот в чем дело. Но что, если вы хотите, чтобы все эти элементы сетки сохраняли соотношение сторон, например квадрат 1: 1? Его"

# 181: ковыряться в HTML-списках - CSS-хитрости

# 181: ковыряться в HTML-списках - CSS-хитрости

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

# 182: Первый Vue SFC для малышей - CSS-хитрости

# 182: Первый Vue SFC для малышей - CSS-хитрости

SFC, как в «Однофайловом компоненте», который предлагает Vue, и люди, похоже, любят Vue. В свое время я написал очень мало Vue, но я фанат! "

# 186: Идея для команд веб-разработчиков - CSS-хитрости

# 186: Идея для команд веб-разработчиков - CSS-хитрости

Я большой поклонник Notion, особенно за то, что помогает синхронизировать работу команд. Я работаю в командах разработчиков, и считаю, что это особенно хорошо подходит для этого. Если бы у меня было"

№ 183: Художественное оформление изображений, элементы изображения и CDN с изображениями - CSS-хитрости

№ 183: Художественное оформление изображений, элементы изображения и CDN с изображениями - CSS-хитрости

Это настоящее явление! Я говорю об идее услуг хостинга изображений, которые позволяют манипулировать URL-адресом изображения для преобразования "

# 185: Игра с масками CSS - CSS-хитрости

# 185: Игра с масками CSS - CSS-хитрости

Маскирование в CSS - это один из способов скрыть части элемента и показать другие. Другой - clip-path, но не будем на этом сегодня останавливаться. «Маски - это изображения; клипы»

# 18: Знакомство с шаблоном веб-сайта группы - CSS-хитрости

# 18: Знакомство с шаблоном веб-сайта группы - CSS-хитрости

Недавно я выпустил побочный проект под названием Band Website Template. Это просто краткий обзор, объясняющий, почему он был построен и почему я так думаю "

# 184: Внутренние и выровненные списки - CSS-хитрости

# 184: Внутренние и выровненные списки - CSS-хитрости

Тот факт, что списки отображают свои маркеры за пределами своего поля (по умолчанию), немного странный. Любые скрытые переливы или выступы за край "

# 187: Идея для встреч и документации команд - CSS-хитрости

# 187: Идея для встреч и документации команд - CSS-хитрости

Это второй видеоролик в серии из 3 видеороликов об использовании Notion. В Части 1 мы много говорили о том, что такое Notion, насколько он хорош для любой команды и Интернета "

№ 189: Понятие для личного и общественного пользования - CSS-хитрости

№ 189: Понятие для личного и общественного пользования - CSS-хитрости

Это последний видеоролик из нашей небольшой серии об использовании Notion. Мы рассмотрели, как Notion отлично подходит для работы в командах веб-разработчиков. Но другое дело "

# 188: Изучение шаблона перекрывающихся заголовков - CSS-хитрости

# 188: Изучение шаблона перекрывающихся заголовков - CSS-хитрости

Снук опубликовал статью под названием «Перекрытие заголовка с сеткой CSS», в которой он рассматривает шаблон дизайна заголовка, который, как мне кажется, выходит за рамки тенденций и который был »

# 169: Как думать как Front-End разработчик - CSS-хитрости

# 169: Как думать как Front-End разработчик - CSS-хитрости

Это видео с моего выступления на WordCamp US. Давайте посмотрим, во что превратилась фронтенд-разработка в наши дни. Начиная с роли, где »