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

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

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

  • Постоянная ссылка на Создание фонового видео, прокручивающегося вместе с содержимым

    Создание фонового видео, прокручивающегося вместе с содержимым

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование значения свойства CSS ширины по размеру содержимого

    Использование значения свойства CSS ширины по размеру содержимого

    Хотя некоторые новые свойства и значения свойств, такие как object-fit (подходить для объекта), max-content (по максимальному размеру содержимого), min-content (по минимальному размеру содержимого) и fit-content (по ширине содержимого) еще считаются экспериментальными, они уже хорошо поддерживаются браузерами, иногда нуждаясь в добавлении приставок производителей.

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование свойства CSS перспективы

    Использование свойства CSS перспективы

    Для создания трехмерных трансформаций, правильно работающих на веб-сайтах, нужно использование свойства CSS перспективы, с которым у большинства веб-разработчиков в начале знакомства с трехмерными эффектами CSS могут возникать проблемы. Первое и самое важное — свойство перспективы обычно задается элементам внешних блоков, таким как <body>, <figure> и <div>. Это позволит производить трехмерные преобразования над элементами потомков, такими [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Как доказать, что при помощи CSS можно задать стили чему угодно на странице

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

    Этот трюк вряд ли когда-либо пригодится вам в работе, но он интересный и необычный, а также это замечательный способ увидеть всю силу кода CSS. Обычно большинство веб-разработчиков полагает, что можно задать стили только содержимому, находящемуся внутри тега  <body> документа HTML. Хотя этого и полностью хватает для создания веб-сайта, но это неправда.

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование свойства CSS размера табуляции для сохранения пробела

    Использование свойства CSS размера табуляции для сохранения пробела

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Создание адаптивной галереи изображений HTML5 с подписями

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

    При создании адаптивных галерей изображений на CSS3 встает вопрос, как добавить подпись к каждому изображению. Решить эту задачу довольно просто, особенно используя понятную разметку HTML5. Наш пример создан на основании кода из вышеупомянутого урока, так что для подробного объяснения создания анимации обратитесь к нему. Здесь же мы сосредоточимся на задании стилей и использовании новых элементов.

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

    Использование разных способов применения стилей CSS

    Этот трюк вряд ли когда-либо пригодится Вам в работе, но он интересный и необычный, а также это замечательный способ увидеть всю силу кода CSS. Обычно большинство веб-разработчиков полагает, что можно задать стили только содержимому, находящемуся внутри тега  <body> документа HTML. Хотя этого и полностью хватает для создания веб-сайта, но это неправда.

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

    Использование свойств задания вида подчеркивания ссылок

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

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

    Создание последовательного появления элементов с использованием CSS

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

    Далее... Нет комментариев »

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