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

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

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

  • Постоянная ссылка на Использование расположений CSS: значение «фиксированное»

    Использование расположений CSS: значение «фиксированное»

    Таким же образом, как свойство background-attachment: fixed (фиксированное расположение фона) действует на фоновые изображения, position: fixed (фиксированное расположение) действует на элементы: оно позволяет элементу закрепиться на своем положении относительно веб-страницы, в то время как остальное содержимое будет проматываться мимо него. Обычно это свойство применяется к содержащим элементам, наиболее часто к шапкам и подвалам. Как и в случае [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Ограничения анимации CSS

    Ограничения анимации CSS

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

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

    Использование значения по умолчанию CSS для сброса настроек

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

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

    Использование селектора атрибута

    Селекторы атрибутов — еще одна область CSS, которая исторически недооценивается и недостаточно используется, частично из-за отсутствия поддержки в ранних версиях браузера Internet Explorer. Хотя селекторы, о которым мы расскажем в этом уроке, поддерживаются во всех современных и многих устаревших версиях браузеров, включая браузер Internet Explorer от версии 7.

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

    Использование расположений CSS: недооцененное значение «относительное»

    Для начала важно обратить внимание на то, что само по себе применение относительного расположения к элементу ничего не изменит: элемент продолжит вести себя обычным образом, как при статическом расположении. Однако применение относительного значения свойства расположения позволяет нам использовать свойства верхнего, левого, нижнего и правого углов.

    Далее... 7 Комментариев »
  • Постоянная ссылка на Создание рекурсивного дизайна SVG, часть вторая

    Создание рекурсивного дизайна SVG, часть вторая

    В предыдущем уроке о создании рекурсивного дизайна SVG мы показали, как создать рекурсивное изображение, используя единственный элемент. Этот урок более сложный, в нем мы покажем, как создать узоры со ссылками на вложенные группы.

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

    Использование элементов HTML col и colgroup

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование расположений CSS: значение по умолчанию «статическое»

    Использование расположений CSS: значение по умолчанию «статическое»

    По умолчанию ко всем элементам на странице применяется статическое расположение. Поэтому статическое расположение почти никогда нет необходимости задавать, кроме тех случаев, когда нужно переопределить другое значение расположения, наследуемое от более раннего объявления. 

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

    Создание рекурсивного дизайна SVG, часть первая

    Нам очень нравятся рекурсивные узоры: используя множество повторений простого полигона самого в себе можно создать сложные конструкции. Для этого требуется точное выравнивание масштабируемых элементов, которое ставит задачу изменения размера элементов SVG относительно их центров.

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