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

# 132: Быстрый полезный случай для Sass Math и Mixins - CSS-хитрости

# 132: Быстрый полезный случай для Sass Math и Mixins - CSS-хитрости

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

# 139: Объяснение серверной горчицы - CSS-хитрости

# 139: Объяснение серверной горчицы - CSS-хитрости

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

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

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

Во втором эпизоде ​​этой серии мы продолжаем описывать структуру сайта. В Photoshop мы создаем три разных состояния меню, а затем нарезаем "

# 138: Прохождение преобразования HTTPS в WordPress - CSS-хитрости

# 138: Прохождение преобразования HTTPS в WordPress - CSS-хитрости

Мы совсем недавно перешли на «HTTPS везде» прямо здесь, на CSS-Tricks. Я написал сообщение в блоге, в котором подробно описаны шаги, которые нужно предпринять. Это видео является компаньоном "

# 137: SVG для всех - CSS-хитрости

# 137: SVG для всех - CSS-хитрости

Это не обычный скринкаст, а видео, снятое с моей беседы «SVG для всех», записанное бандой Treehouse на BlendConf. Есть конечно"

# 136: Перенос вещей на CMS по мере необходимости - CSS-хитрости

# 136: Перенос вещей на CMS по мере необходимости - CSS-хитрости

В этом видео я болтаю об особой ситуации из «реального мира», в которой я участвовал, как я обрабатываю страницу CodePen Meetups. В самые первые дни »

# 142: Скрытие вещей с помощью CSS - CSS-хитрости

# 142: Скрытие вещей с помощью CSS - CSS-хитрости

Существует не просто одно свойство CSS, к которому вы стремитесь при скрытии и отображении объектов в CSS. Мы рассмотрим несколько моментов "

# 141: Получение изображений и номеров для адаптивных изображений - CSS-хитрости

# 141: Получение изображений и номеров для адаптивных изображений - CSS-хитрости

Вы знаете об адаптивных изображениях. Речь идет о синтаксисе изображений в HTML. Если вы предоставите ему правильную информацию в правильном синтаксисе, вы сможете получить браузер "

# 135: Три способа анимации SVG - CSS-хитрости

# 135: Три способа анимации SVG - CSS-хитрости

Анимация SVG немного уникальна тем, что есть три совершенно разных подхода к ее анимации. 1. Анимация с помощью CSS @keyframes SVG "

# 140: Изучение методов компоновки CSS при попытке получить субтитры для переноса - CSS-хитрости

# 140: Изучение методов компоновки CSS при попытке получить субтитры для переноса - CSS-хитрости

Это скринкаст-версия сообщения в блоге, которое я недавно написал: Полезная техника Flexbox: упаковка со смещением выравнивания. Я был на встрече CodePen "

# 133: Определение адаптивных изображений - CSS-хитрости

# 133: Определение адаптивных изображений - CSS-хитрости

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

# 143: Использование и кеширование стороннего JSON в WordPress - CSS-хитрости

# 143: Использование и кеширование стороннего JSON в WordPress - CSS-хитрости

Что касается дизайна CSS-трюков, когда я это записываю, одной из вещей, которые я хотел добавить, был виджет «Front End Design & Development Jobs», работающий на CodePen »

# 144: Создание игры на JavaScript / Canvas с Кайлом Симпсоном - CSS-хитрости

# 144: Создание игры на JavaScript / Canvas с Кайлом Симпсоном - CSS-хитрости

Кайл Симпсон, отчасти стремясь возродить свой энтузиазм по поводу работы с JavaScript, начал создавать игру. Он не совсем "игра"

# 145: Детские темы WordPress с Ларой Шенк - CSS-хитрости

# 145: Детские темы WordPress с Ларой Шенк - CSS-хитрости

В этом видео мы с Ларой Шенк объединяемся в пары, и она рассказывает мне о дочерних темах в WordPress. Это как подкаст, который ты тоже смотришь! Мы прямо "

# 146: Получите больше от Google Analytics с Филипом Уолтоном - CSS-хитрости

# 146: Получите больше от Google Analytics с Филипом Уолтоном - CSS-хитрости

Я вместе с Филипом Уолтоном (который работает в Google над Google Analytics) в этом скринкасте. Он дополняет составленное нами тематическое исследование: Обучение использованию "

# 148: Разметка вещей (HTML и Flexbox) с Ди Гилл - CSS-хитрости

# 148: Разметка вещей (HTML и Flexbox) с Ди Гилл - CSS-хитрости

В этом скринкасте о создании пары я болтаю с Ди Гилл. Мы рассмотрим некоторые элементы макета для нового приложения, над которым она работает: Tinge. У нее был дизайн-макет "

# 147: Создание формы комментариев на основе React - CSS-хитрости

# 147: Создание формы комментариев на основе React - CSS-хитрости

В этом парном скринкасте Сара Драснер присоединяется ко мне и проводит меня через некоторые из моих самых первых занятий React. Мы используем стиль "реального мира"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

# 158: Кнопочное меню Expando - CSS-хитрости

# 158: Кнопочное меню Expando - CSS-хитрости

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

# 155: Адаптивные изображения, WordPress и Cloudinary - CSS-хитрости

# 155: Адаптивные изображения, WordPress и Cloudinary - CSS-хитрости

Эрик Портис присоединяется ко мне, чтобы окунуться в мир адаптивных изображений. Начнем с основ. Адаптивные изображения являются изображениями в HTML и существуют "

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

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

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

# 153: Начало работы с CSS Grid - CSS-хитрости

# 153: Начало работы с CSS Grid - CSS-хитрости

Кажется, что CSS Grid появился уже давно, но сейчас он, кажется, достигает точки, когда люди говорят об этом все больше и больше "

# 15: Введение в Firebug - CSS-хитрости

# 15: Введение в Firebug - CSS-хитрости

Firebug - важное расширение Firefox для веб-дизайнеров и разработчиков. Вы можете быстро выбрать любой элемент на странице, чтобы увидеть разметку, "

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

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

Мы с Сарой Драснер копаемся в Vue! Vue - очень популярный JavaScript-фреймворк, который стремительно развивается. Сара входит в основную команду и является самой "

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

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

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

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

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

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