Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Архив рубрики ‘css’

  • Постоянная ссылка на Использование контекстного селектора и селектора прямого потомка в CSS

    Использование контекстного селектора и селектора прямого потомка в CSS

    В этом уроке мы рассмотрим два селектора CSS, которые относятся к родственным селекторам: контекстный селектор и селектор прямого потомка. Селектор прямого потомка используется довольно часто, хотя, возможно, его следовало бы использовать намного чаще. Он выбирает только элементы, которые являются прямыми потомками определенного элемента. Например, у нас есть элемент статьи HTML5, внутри которого находятся элементы абзаца и элемент [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Полноэкранное фонового видео с текстом в режиме наложения

    Полноэкранное фонового видео с текстом в режиме наложения

    В этом уроке мы решили попробовать совместить техники из статей о создании фонового видео для веб-страниц и использовании режима наложения смешения для создания автоматически контрастного текста. На веб-сайте о модной обуви Everlane показано такое сочетание, послужившее источником вдохновением для создания этого урока. Код в нашем примере намного проще, чем в статье о создании полноэкранного видео, [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Генератор фоновых узоров SVG из пересекающихся кругов

    Генератор фоновых узоров SVG из пересекающихся кругов

    Мы давно хотели создать генератор фоновых узоров SVG: уже существует много хороших генераторов, но они не используют все богатство возможностей, доступное в этой технологии для создания изображений. То, что Вы видите ниже, — только прототип, показывающий широту возможностей конструирования узоров из кругов. Его создание показалось нам достаточно интересным для того, чтобы описать его в этом уроке.

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание встроенной в веб-страницу Google карты

    Создание встроенной в веб-страницу Google карты

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание эффекта набора текста

    Создание эффекта набора текста

    Во многих фильмах используется набор текста на экране, например, для представления нового места действия. И в этом уроке мы воссоздадим этот эффект, используя веб-технологии. Существует много вариантов создания подобного разными способами, в нашем случае для этого используется JavaScript.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование возможностей встраивания видео с сайта YouTube

    Использование возможностей встраивания видео с сайта YouTube

    Сервис YouTube предоставляет код для встраивания видео, хранящихся у них, на веб-страницу. Обычно это хорошая идея размещать видео на сайте YouTube: этот сервис поддерживает высококачественные видео в кодировке H.264, дает возможность предоставлять Ваше видео широкой аудитории, для воспроизведения могут использоваться и Flash, и HTML5 технологии, а также с Вашего сервера снимается нагрузка от размещения и хранения видео.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Знакомство с предназначением кода CSS

    Знакомство с предназначением кода CSS

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование блочных и строчных элементов

    Использование блочных и строчных элементов

    На самом простом уровне существуют два варианта отображения элемента: блочный и строчный. Блочные элементы влияют на весь раздел содержимого. Элемент абзаца <p> — блочный: он определяет и отделяет текстовый блок. Элементы заголовков, такие как <h1> — <h6>, и элемент адреса <address> тоже блочные. Визуально блочные элементы всегда отображают содержимое на отдельных строках, другими словами, вставляют перевод строки. 

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание адаптивного дизайна для встроенной Google карты

    Создание адаптивного дизайна для встроенной Google карты

    В целом вполне легко сделать встроенную Google карту адаптивной: просто удалите атрибуты высоты и ширины из кода для встраивания, предоставляемого Google, и замените подходящими кодами разметки и CSS. Но есть одна серьезная проблема: при любом изменении горизонтального размера окна перестанут быть видны края карты, что означает, что ее придется передвинуть или смасштабировать, чтобы вернуться к исходным координатам. Однако, [...]

    Далее... 4 Комментариев »

Страница 5 из 47« Первая...34567102030...Последняя »