Видео скринкасты 2025, Январь

# 24: Закругленные углы - CSS-хитрости

# 24: Закругленные углы - CSS-хитрости

Вот ПЯТЬ различных методов, которые вы можете использовать для создания закругленных углов для коробок на веб-сайте. Всегда есть разные способы делать что-то с помощью CSS и "

# 23: Условные таблицы стилей - CSS-хитрости

# 23: Условные таблицы стилей - CSS-хитрости

Internet Explorer предоставляет способ нацеливания информации о стилях CSS специально для различных версий. Эти «условные таблицы стилей» самые лучшие »

# 22: Обрезка траекторий - CSS-хитрости

# 22: Обрезка траекторий - CSS-хитрости

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

# 20: Введение в jQuery - CSS-хитрости

# 20: Введение в jQuery - CSS-хитрости

Популярная библиотека JavaScript jQuery - отличный способ расширить возможности дизайна вашего сайта за пределы возможностей CSS. Но, к счастью, если вы "

# 21: Прохождение контактной формы - CSS-хитрости

# 21: Прохождение контактной формы - CSS-хитрости

В некотором смысле контактная форма - это «Hello, World!» приложение веб-дизайнеров и веб-разработчиков. Это ничего, что не было сделано до "

# 199: Возиться с JSX - CSS-хитрости

# 199: Возиться с JSX - CSS-хитрости

Я, наверное, давно должен был это узнать, но, увы, вот и мы. Оказывается, вы можете сказать, какую функцию вы хотите использовать в JSX. Да, в JSX есть только "

# 194: Социальная интеграция Jetpack - CSS-хитрости

# 194: Социальная интеграция Jetpack - CSS-хитрости

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

№1: Преобразование мокапа Photoshop (часть 1 из 3) - CSS-хитрости

№1: Преобразование мокапа Photoshop (часть 1 из 3) - CSS-хитрости

В этом первом видеоподкасте я начинаю процесс преобразования макета веб-сайта Adobe Photoshop в настоящий веб-сайт на основе CSS. Это"

# 180: Работа с видео на мобильных устройствах - CSS-хитрости

# 180: Работа с видео на мобильных устройствах - CSS-хитрости

Справедливое предупреждение: я не эксперт в этом деле, я просто играю с видео в Интернете и решаю некоторые проблемы, которые возникают при демонстрации видеоклипов в "

# 196: Изучение Grid и Flexbox с Кайлом Симпсоном - CSS-хитрости

# 196: Изучение Grid и Flexbox с Кайлом Симпсоном - CSS-хитрости

Кайл занимается JavaScript. Он много знает о сети и много о CSS, но не так хорошо разбирается в современных инструментах верстки CSS, как flexbox и "

# 197: Взгляд на Stackbit и Stackbit Studio - CSS-хитрости

# 197: Взгляд на Stackbit и Stackbit Studio - CSS-хитрости

Приложение Stackbit поможет вам очень быстро создать новый сайт Jamstack. Выберите тему, генератор статического сайта и CMS, и репо будет готово для вас "

# 198: О свойстве Position - CSS-хитрости

# 198: О свойстве Position - CSS-хитрости

Static: относительное значение по умолчанию: позволяет вам перемещаться по верхнему / правому / нижнему / левому, заставляя работать z-index, дает вам абсолютный контекст позиционирования: "

№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости

№19: Создание уникальной страницы для обновлений Twitter - CSS-хитрости

На этой неделе я покажу вам создание простой веб-страницы для отображения ваших недавних «твитов» из Twitter от начала до конца. Это касается дизайна в "

# 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости

# 178: Перси улавливает визуальные изменения в любом рабочем процессе - CSS-хитрости

Я хотел убедиться, что вы точно понимаете, что Перси может для вас сделать, отсюда и название. Когда вы вносите изменения в репозиторий Git на своих веб-сайтах, например, в "

# 195: Как нарисовать линию с помощью CSS - CSS-хитрости

# 195: Как нарисовать линию с помощью CSS - CSS-хитрости

Глупо просто, правда? Это! Но забавно подумать несколько минут и сосчитать кучу разных способов, которыми мы могли бы это сделать. И что я имею в виду под "

# 193: Скалли: SSG для Angular - CSS-хитрости

# 193: Скалли: SSG для Angular - CSS-хитрости

Тара З. Манишич присоединилась ко мне для этого видео, настраивая самые основы Скалли, который является генератором статических сайтов для Angular - нет, SSG для "

# 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости

# 192: Уловки Git, чтобы выбраться из неприятностей - CSS-хитрости

Каким бы удивительным ни был Git для обработки вашего исходного кода, вы можете наверняка столкнуться с проблемами с git (смеется). Что делать, если вы вносите изменения в файл и хотите "

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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