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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Использование наборов изображений в HTML5

    Если вы регулярно используете наборы изображений CSS3 при создании веб-сайтов, вам может быть интересно, можно ли с их помощью как-то упростить создание меню в HTML5. Да, это возможно, хотя и не всегда выглядит обоснованным, о чем мы расскажем дальше.

    Далее... Нет комментариев »
  • Постоянная ссылка на Фоны SVG в виде штриховки, сетки и шахматной доски

    Фоны SVG в виде штриховки, сетки и шахматной доски

    Штриховкой и перекрестной штриховкой можно назвать близко расположенные параллельные линии, которые используются для изображения тени, плотности и окрашивания в иллюстрациях. Они используется всюду: от гравюр до комиксов, и их довольно легко создать как фоны SVG. Так как штриховка и перекрестная штриховка близка к сеткам, рассмотрим и их. Простая штриховка в SVG также близка к полосам и диагоналям, [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Правильное выравнивание логотипа на веб-странице

    Правильное выравнивание логотипа на веб-странице

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

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

    Создание маркировки для списков с использованием изображений

    Можно уникальным образом украсить списки несколькими способами. Первый и самый лучший вариант — использование рамок и генерируемого содержимого. Но иногда элементы пунктов списка выделяются таким необычным образом, что приходится специально для этого создавать изображение и применять его с помощью свойства list-style-image  (изображения стиля списка) или свойства фонового изображения. Так как это оформление будет применяться к каждому элементу [...]

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

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