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

# 48: Скиннинг phpBB - CSS-хитрости

# 48: Скиннинг phpBB - CSS-хитрости

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

# 47: Сокращение CSS - CSS-хитрости

# 47: Сокращение CSS - CSS-хитрости

Есть несколько атрибутов CSS, которые можно объединить в один атрибут для краткости кодирования. Я одобряю использование сокращений CSS всякий раз, когда "

# 190: Настраиваемые свойства CSS проникают в теневой DOM - CSS-хитрости

# 190: Настраиваемые свойства CSS проникают в теневой DOM - CSS-хитрости

Одним из достоинств теневой модели DOM является то, что она обеспечивает инкапсуляцию. Никаких стилей нет, никаких стилей нет. Но есть способы «через» Shadow DOM и »

# 46: Домены, DNS, хостинг и Google Apps - CSS-хитрости

# 46: Домены, DNS, хостинг и Google Apps - CSS-хитрости

Работа с доменами, хостингом и всеми настройками сервера обычно не самая удобная вещь для веб-дизайнеров. В этом скринкасте я иду "

# 45: Использование FoxyCart для электронной коммерции - CSS-хитрости

# 45: Использование FoxyCart для электронной коммерции - CSS-хитрости

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

# 42: Скринкаст "Все о поплавках" - CSS-хитрости

# 42: Скринкаст "Все о поплавках" - CSS-хитрости

Даже в большей степени, чем z-index (который мы рассмотрели несколько недель назад), свойство float, как известно, вызывает эпизоды выдергивания волос и ударов монитора. Похоже, что это"

# 41: WordPress как CMS - CSS-хитрости

# 41: WordPress как CMS - CSS-хитрости

Однажды мы провели опрос, спрашивая людей, какая у них любимая CMS. WordPress был безоговорочным победителем, но также получил много комментариев «WordPress не CMS !!».

# 43: Как использовать CSS-спрайты - CSS-хитрости

# 43: Как использовать CSS-спрайты - CSS-хитрости

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

# 40: Как работает z-index - CSS-хитрости

# 40: Как работает z-index - CSS-хитрости

Z-index иногда может немного сбивать с толку. В этом скринкасте я пытаюсь объяснить, как это работает, как это связано с позиционированием, некоторые особенности и некоторые особенности "

# 44: Сборник хитростей WordPress - CSS-хитрости

# 44: Сборник хитростей WordPress - CSS-хитрости

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

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

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

Я заканчиваю дизайн в третьей части этой серии, посвященной преобразованию макета веб-сайта Adobe Photoshop в реальный веб-сайт HTML / CSS. Этот фокусируется на "

# 39: Как использовать sIFR 3 - CSS-хитрости

# 39: Как использовать sIFR 3 - CSS-хитрости

SIFR (Scalable Inman Flash Replacement) - это технология, позволяющая использовать любой шрифт на своих веб-страницах. Короче говоря, он использует JavaScript "

# 38: Основы и советы по дизайну для iPhone - CSS-хитрости

# 38: Основы и советы по дизайну для iPhone - CSS-хитрости

Создание веб-страницы, оптимизированной для iPhone, - это не ракетостроение. Это тот же HTML, CSS и JavaScript, который вы уже знаете. Разница"

# 30: Создание и отправка электронной почты в формате HTML - CSS-хитрости

# 30: Создание и отправка электронной почты в формате HTML - CSS-хитрости

Дизайн электронной почты в формате HTML отличается от обычного веб-дизайна. Конечно, они оба используют элементы HTML, но в целом философия разная. В этом мире тебе нужно "

# 36: Текущее выделение навигации: использование PHP для установки идентификатора тела - CSS-хитрости

# 36: Текущее выделение навигации: использование PHP для установки идентификатора тела - CSS-хитрости

Один из наиболее эффективных способов обработки текущей подсветки навигации - присвоить каждому из элементов навигации уникальное имя класса. Затем дайте каждой странице "

# 37: Приложения состояния, жидкости и строки меню - CSS-хитрости

# 37: Приложения состояния, жидкости и строки меню - CSS-хитрости

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

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

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

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

# 33: Обновление страницы продукта электронной коммерции - CSS-хитрости

# 33: Обновление страницы продукта электронной коммерции - CSS-хитрости

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

# 32: Использование Unit PNG Fix - CSS-хитрости

# 32: Использование Unit PNG Fix - CSS-хитрости

Проектирование с использованием альфа-прозрачных файлов PNG значительно упрощает жизнь и делает дизайн более крутым. Как мы все знаем, IE 6 и младше не поддерживают "

# 34: Интеграция и настройка Google Maps - CSS-хитрости

# 34: Интеграция и настройка Google Maps - CSS-хитрости

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

# 31: Введение в Google Analytics - CSS-хитрости

# 31: Введение в Google Analytics - CSS-хитрости

Google Analytics - это бесплатный сервис для отслеживания всевозможной информации о посетителях вашего сайта. Недавно у меня был странный опыт с "

# 29: Поиск вашего сайта в Google - CSS-хитрости

# 29: Поиск вашего сайта в Google - CSS-хитрости

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

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

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

Во второй части этой серии статей о преобразовании макета Photoshop в веб-сайт HTML / CSS я продолжаю работу с разделом заголовка / меню сайта. Я меняю "

# 28: Использование Wufoo для веб-форм - CSS-хитрости

# 28: Использование Wufoo для веб-форм - CSS-хитрости

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

# 201: Употребление алкоголя - CSS-хитрости

# 201: Употребление алкоголя - CSS-хитрости

Джошуа Комо придумал термин «буп» (дай пять, Адам Кун). Это вроде как состояния наведения / фокуса, за исключением того, что это не так. Твои штучки - "

# 26: Проектирование для Wordpress: Часть вторая - CSS-хитрости

# 26: Проектирование для Wordpress: Часть вторая - CSS-хитрости

У нас установлен WordPress, теперь давайте по-настоящему испачкаем руки и начнем заставлять WordPress делать то, что мы хотим. Начнем с поиска "

# 27: Проектирование для Wordpress: Часть третья - CSS-хитрости

# 27: Проектирование для Wordpress: Часть третья - CSS-хитрости

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

# 202: Центрированные маркеры списка - CSS-хитрости

# 202: Центрированные маркеры списка - CSS-хитрости

Как и многие другие вещи в CSS, нужно знать множество мелочей, даже такие незначительные, как центрирование маркера списка. Читатель написал с "

# 25: Проектирование для Wordpress: Часть первая - CSS-хитрости

# 25: Проектирование для Wordpress: Часть первая - CSS-хитрости

WordPress - чрезвычайно популярная CMS для ведения блогов. Раздел блога CSS-Tricks работает на WordPress, и я очень им доволен. По многочисленным просьбам мы "

# 200: Прокрутите до Zoom - CSS-хитрости

# 200: Прокрутите до Zoom - CSS-хитрости

Честное предупреждение: вам не понадобится это каждый день! Я как раз случайно увидел изящный маленький инструмент для деформации SVG, в котором была функция, в которой моя мышь "