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

# 156: Поговорим о Webpack - CSS-хитрости

# 156: Поговорим о Webpack - CSS-хитрости

Шон Ларкин присоединяется ко мне, чтобы поговорить о Webpack! Я сомневаюсь, что я одинок в том, что немного запутался в том, что такое Webpack и что он делает. Даже если вы активно "

# 134: Обзор незавершенного сайта, созданного с помощью Jekyll, Grunt, Sass, системы SVG и многого другого - CSS-хитрости

# 134: Обзор незавершенного сайта, созданного с помощью Jekyll, Grunt, Sass, системы SVG и многого другого - CSS-хитрости

Предупреждение: это извилистый скринкаст среднего уровня, в котором мы смотрим на код, обеспечивающий процесс сборки сайта. Мы не пишем никакого кода ".

# 99: Обзор типов, атрибутов и элементов форм HTML5 - CSS-хитрости

# 99: Обзор типов, атрибутов и элементов форм HTML5 - CSS-хитрости

HTML5 имеет набор специфичных для форм функций, которые делают формы в Интернете лучше. Браузер поддерживает эти функции повсюду, но многие из "

# 9: Звездная ночь: 3D-фон с эффектом параллакса - CSS-хитрости

# 9: Звездная ночь: 3D-фон с эффектом параллакса - CSS-хитрости

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

# 98: Игра с границами тела - CSS-хитрости

# 98: Игра с границами тела - CSS-хитрости

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

# 96: localStorage для форм - CSS-хитрости

# 96: localStorage для форм - CSS-хитрости

В HTML5 есть невероятно простой метод хранения постоянных данных, называемый localStorage. Изначально вы просто вызываете метод с парой ключ / значение, и это "

# 97: Введение в CSS-анимацию - CSS-хитрости

# 97: Введение в CSS-анимацию - CSS-хитрости

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

# 95: Сказка о пограничных градиентах - CSS-хитрости

# 95: Сказка о пограничных градиентах - CSS-хитрости

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

# 94: Введение в псевдоэлементы - CSS-хитрости

# 94: Введение в псевдоэлементы - CSS-хитрости

Псевдоэлементы - это видимые элементы на веб-странице, которые не находятся «в DOM» или созданы из HTML, а вместо этого вставляются непосредственно из CSS. Это позволяет"

# 93: CSS3 Slideup Boxes - CSS-хитрости

# 93: CSS3 Slideup Boxes - CSS-хитрости

Следуйте инструкциям, поскольку мы используем несколько очень простых переходов CSS3 для создания эффекта «слайд-вверх». Наведите указатель мыши на поле и укажите название поля "

# 92: Прохождение кода чертежной таблицы - CSS-хитрости

# 92: Прохождение кода чертежной таблицы - CSS-хитрости

Таблица чертежей, по сути, представляет собой мини-одностраничное приложение jQuery. У него одна основная функция - создание цветного дизайна за счет изменения цвета ячеек »

# 91: Цикл WordPress - CSS-хитрости

# 91: Цикл WordPress - CSS-хитрости

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

# 86: Первые моменты с MAMP - CSS-хитрости

# 86: Первые моменты с MAMP - CSS-хитрости

Я сильно отстал от времени в этом, но до недавнего времени я никогда особо не развивался локально. Все, что я делал, было "командиром" и работал ".

# 90: Простые советы по TextMate - CSS-хитрости

# 90: Простые советы по TextMate - CSS-хитрости

TextMate - это редактор кода только для Mac. На этот раз извините всех пользователей ПК. Если вы давно смотрите эти скринкасты, то знаете, что я использовал "

# 89: Организация документа Photoshop - CSS-хитрости

# 89: Организация документа Photoshop - CSS-хитрости

Если вы похожи на меня, вы оба виноваты в серьезно неорганизованных документах Photoshop и цените хорошо организованные. Дезорганизации нет "

# 8: Форматирование CSS - CSS-хитрости

# 8: Форматирование CSS - CSS-хитрости

Правильная организация и правильное форматирование файлов CSS могут сэкономить вам много времени и сэкономить нервы в процессе разработки, особенно "

# 88: Введение в Compass / Sass - CSS-хитрости

# 88: Введение в Compass / Sass - CSS-хитрости

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

# 85: Лучшие практики с динамическим контентом - CSS-хитрости

# 85: Лучшие практики с динамическим контентом - CSS-хитрости

Одна из статей, которые я обновил в «Май - месяц обслуживания», была о динамическом контенте. Идея заключалась в том, чтобы создать простой веб-сайт, на котором щелкают ссылку "

# 87: Развитие с MAMP - CSS-хитрости

# 87: Развитие с MAMP - CSS-хитрости

Работать локально с MAMP - это здорово, но как насчет того, чтобы запустить этот сайт? В прошлый раз у нас была локальная версия WordPress, теперь "

# 83: Мысли о SEO - CSS-хитрости

# 83: Мысли о SEO - CSS-хитрости

Справедливое предупреждение: более бессвязный, чем обычно. Послушайте мои мысли о SEO. Думаю, я знаю, что SEO - это набор довольно очевидных передовых практик. А "

# 84: Прохождение сайта chris-mcgarry.com - CSS-хитрости

# 84: Прохождение сайта chris-mcgarry.com - CSS-хитрости

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

# 81: AJAX-обработка темы WordPress - CSS-хитрости

# 81: AJAX-обработка темы WordPress - CSS-хитрости

Наблюдайте, как я продираюсь через добавление функциональности AJAX в тему WordPress. Идея в том, что любая внутренняя ссылка на сайте загрузится в главную "

# 82: Переключатель изображений CSS - CSS-хитрости

# 82: Переключатель изображений CSS - CSS-хитрости

Прокрутите ссылку и посмотрите, как изменилось изображение выше. Это то, что мы создаем в этом скринкасте, только мы не используем для этого JavaScript. Уловка какая-то "

# 80: Об изобретении колеса - CSS-хитрости

# 80: Об изобретении колеса - CSS-хитрости

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

# 79: Полные анимации / анимации без очереди с jQuery - CSS-хитрости

# 79: Полные анимации / анимации без очереди с jQuery - CSS-хитрости

Когда вы используете функцию jQuery .animate () с чем-то вроде события зависания, эти анимации «выстраиваются в очередь». То есть, если вы наведете курсор мыши несколько раз, то "

# 7: Меню трех состояний - CSS-хитрости

# 7: Меню трех состояний - CSS-хитрости

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

№ 78: О веб-рекламе - CSS-хитрости

№ 78: О веб-рекламе - CSS-хитрости

В этом скринкасте я обсуждаю интернет-рекламу. Что это такое, как это работает и почему это не зло (кроме случаев, когда это так). Я рассказываю о своем опыте "

# 72: Создание веб-сайта (2 из 3): преобразование HTML / CSS - CSS-хитрости

# 72: Создание веб-сайта (2 из 3): преобразование HTML / CSS - CSS-хитрости

Во второй части данной серии статей мы начинаем преобразование HTML / CSS макета Photoshop, который мы создали в первой части. Начнем с очень скелетного проекта "

# 77: Стилизация индивидуальной статьи - CSS-хитрости

# 77: Стилизация индивидуальной статьи - CSS-хитрости

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

# 76: Знакомство с jQuery на живом сайте - CSS-хитрости

# 76: Знакомство с jQuery на живом сайте - CSS-хитрости

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