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

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

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

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

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

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

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

    Анимации элементов по дугам, окружностям и эллипсам с использованием CSS

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

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

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

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

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

    Создание разметок с использованием CSS: текст в несколько колонок

    Если вам нужно создать верстку веб-страницы с отдельно находящимися текстами, которым не нужно перетекать между колонками, то код CSS довольно прост. Используя простой дизайн как основу, оберните каждую отдельную колонку текста в блок:

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

    Создание видео эффектов HTML5 с использованием режимов наложения CSS

    Общепринятые видео эффекты, такие как фильтры, переходы и смешивания, обычно применяются в программе-обработчике видео, такой как Adobe Premiere или Apple’s Final Cut. Несмотря на то, что в этом есть очевидные преимущества, любые изменения, сделанные в программе-обработчике видео, встроены в это видео, и их нельзя изменить или отменить после выпуска видео.

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

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

    Самое простое, что можно сделать со списками HTML, — изменить значение свойства list-style-type (типа стиля списка). Обратите внимание, свойство list-style (стиля списка) — это другое свойство, важно их не путать. В спецификациях CSS1 и CSS2 выбор значений типа стиля списка довольно ограничен. В спецификации CSS3 вариантов значений гораздо больше, но не все они поддерживаются даже в самых современных версиях браузеров. 

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

    Создание необычных непрямоугольных веб-дизайнов

    То, что все в CSS состоит из блоков, не означает, что все должно выглядеть прямоугольно. По факту блочная модель CSS приводит к веб-дизайнам, основанным на сетках. Удобные и имеющие корни в печатной продукции, сетки стали основой дизайнов огромного количества сайтов. Но у них также есть ограничения: если использовать при разработке веб-сайта только два или три столбца базовых цветов, может [...]

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

    Новый подход к адаптивным таблицам

    Geoff Yuen продемонстрировал очень эффективный способ создания адаптивных таблиц HTML. У этого примера было всего две небольших проблемы: код CSS был записан в Sass и в нем было много повторений и избыточность в использовании атрибута данных. Наше решение не имеет этих недостатков.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Используем необычные шрифты для заполнения макета сайта

    Используем необычные шрифты для заполнения макета сайта

    Большинство веб-дизайнеров сталкивались с ситуациями, когда заказчик спрашивал: «Этот текст на латыни… Его же не будет в окончательном варианте, правда?». Есть много альтернатив для привычной «рыбы» lorem ipsum, но ни один из этих генераторов не решает основную проблему: клиенты всегда будут считать заполняющий текст окончательным вариантом. Недавно нам попалось несколько интересных и творческих подходов к этой проблеме: [...]

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

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