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

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

Записи, помеченные ‘css3’

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

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

    В этом уроке мы решили попробовать совместить техники из статей о создании фонового видео для веб-страниц и использовании режима наложения смешения для создания автоматически контрастного текста. На веб-сайте о модной обуви 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 Комментариев »
  • Постоянная ссылка на Свойство переноса оформления блока для разбитого переводом строки текста

    Свойство переноса оформления блока для разбитого переводом строки текста

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

    Далее... 1 Комментарий »

Страница 1 из 3212345102030...Последняя »