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

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

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

  • Постоянная ссылка на Создание встроенной в веб-страницу 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 Комментарий »
  • Постоянная ссылка на Адаптивный дизайн для встроенных видео с сайтов Youtube и Vimeo

    Адаптивный дизайн для встроенных видео с сайтов Youtube и Vimeo

    Подход, которым пользуются многие веб=разработчики для создания адаптивных изображений, нельзя использовать для видео с сайтов Youtube и Vimeo, так как они предоставляют свое содержимое, используя встроенные элементы iframe. Стандартный код, рекомендуемый для встраивания видео с сайта Youtube, следующий:

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

    Создание часов со стрелками

    Сегодня мы будем создавать часы со стрелками. Хотя можно создать движение стрелок часов с помощью элементов HTML, трансформаций CSS и анимаций, нельзя задать таким часам правильное время для пользователя, для этого нам нужен Javascript. И если нам все равно понадобится Javascript, можно поэкспериментировать с программным интерфейсом приложения веб-анимации и показать, что в нем тоже можно использовать [...]

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

Страница 4 из 46« Первая...23456102030...Последняя »