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

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

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

  • Постоянная ссылка на Анимация печати с использованием только временной функции CSS3 steps ()

    Анимация печати с использованием только временной функции CSS3 steps ()

    Тип временной функции steps() — интересное добавление к модулю анимации CSS3. Вместо того, чтобы создавать плавные переходы между указанными значениями, эта временная характеристика позволяет точно задавать количество кадров. Так что мы использовали ее для создания заголовков с широко известным эффектом анимации печати:

    Далее... 2 Комментариев »
  • Постоянная ссылка на Создание интересного выпадающего меню с использованием CSS3

    Создание интересного выпадающего меню с использованием CSS3

    Меню на CSS не перестают набирать популярность. Буквального у любого сайта есть основное меню, и обычно оно играет основную роль в создании структуры сайта, так как это отличное решение для показа большого количества ссылок и сохранении опрятного вида страницы. В этом уроке мы создадим интересное выпадающее многоуровневое меню на CSS3 без дополнительных скриптов, на чистом CSS. Так [...]

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

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Верстка целой страницы сообщества в черно-голубой гамме

    Верстка целой страницы сообщества в черно-голубой гамме

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

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

    Создание одноуровневого меню со скольжением по подпунктам

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Правильно оформленные статьи в журналах

    Правильно оформленные статьи в журналах

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

    Далее... Нет комментариев »
  • Постоянная ссылка на Верстка целой страницы на подводную тему с использованием CSS3 и HTML5

    Верстка целой страницы на подводную тему с использованием CSS3 и HTML5

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

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

    Создание верстки целой страницы в черно-золотой гамме

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

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

    Создание текстовых эффектов с использованием CSS3

    В этом уроке мы покажем шесть удивительных текстовых эффектов CSS3: эффект трехмерности, созданный с помощью тени текста, эффекты с градиентами и масками изображений, эффекты с переходами и свойством background-clip и другие эффекты. Без сомнения все они могут пригодиться, так как с помощью CSS3 можно добиться по-настоящему впечатляющих результатов. Часть вышеописанных эффектов работает в большинстве браузеров, [...]

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