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

Дизайн-журнал №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 также близка к полосам и диагоналям, [...]

    Далее... Нет комментариев »
  • Постоянная ссылка на Боковые меню одинаковой высоты с помощью фальшивых колонок

    Боковые меню одинаковой высоты с помощью фальшивых колонок

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

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

    Создание простой адаптивной веб-страницы

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

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

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