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

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

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

  • Постоянная ссылка на Создание дробей с помощью замены на символ из шрифтов OpenType

    Создание дробей с помощью замены на символ из шрифтов OpenType

    Идеальным решением для создания дробей на веб-страницах было бы использование такого шрифта, который бы автоматически создавал правильные дроби из использованных в тексте числителя и знаменателя. Эта возможность автоматически заменять символы присутствует у некоторых шрифтов OpenType.

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

    Создание галереи изображений на чистом CSS

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

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

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

    Этот урок родился из другого туториала, в котором было описано создание полноэкранного фонового видео 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. Хотя этого и полностью хватает для создания веб-сайта, но это неправда.

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

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