Твит

Модальные окна используются на многих сайтах для удобства пользователю. Например, в форма подписки, в форме для входа на сайт, различные уведомления, чтобы обратить внимание посетителя на что-нибудь важное. И для того чтобы создать такое окно приходилось использовать плагин jQuery UI Dialog либо искать иные способы. Но в HTML5 есть специальный тег , который позволяет создать «родное» модальное окно очень просто.

Твит

В CSS3 существует два вида преобразований: 2D и 3D. Если вы пользовались операционной системой OS X, тогда вы видели такой эффект 3D поворота. Если нет, тогда вы можете посмотреть демо в полном уроке. И в этом уроке мы создадим такой эффект с помощью CSS3 3D преобразований. Реальный пример можно посмотреть и скачать на сайте. Красивый эффект, который можно использовать, например, при показе изображений «ДО и ПОСЛЕ».

Твит

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

Твит

Часто заходишь на сайт и тебе тычут этими всплывающими окнами, всяческие всплывающие окна, ты всё пытаешься их закрыть. А бывают и такие окна, в которых отсутствует кнопка закрыть. Чего не сделают ради рекламы и ради денег. Но с таких сайтов пытаешься быстрее сбежать. А легче всего это включить плагин AdBlock(для пользователей Firefox) и не думать о рекламе, а если и появится — просто кликнуть блокировать и всё. А в этом уроке мы создадим красивое уведомление, которое не будет отпугивать посетителей, а имеет приятный вид.

Твит

Полоса загрузки, состояние загрузки или как его называют — прогресс бар или статус бар. Он может применяться при опросах, при построении графиков, при тех же опросах. В качестве индикатора загрузки страницы, а также в качестве завершенности какой-нибудь операции в процентах. В HTML5 есть специальный тег, который облегчает работу с прогресс баром. А также с помощью CSS3 не составит сложности его оформить по собственному желанию. И в нашем случае нет необходимости использовать изображения, что, несомненно, является большим плюсом.

Твит

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

Твит

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

Твит

На данный момент набрал популярность такой вид дизайна как Flat. Объемные элементы на сайтах, как некоторые говорят, выглядят старомодно. Возможно оно так и есть. Лично мне очень нравится Flat дизайн, но и дизайн моего сайта меня устраивает. А в этом уроке мы создадим тени для иконок с помощью одного маленького и легкого плагина. Данный эффект распространяется не только на иконки, но также может применятся, например, к символам, чтобы красиво выделить заголовок сайта например.

Твит

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

Твит

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

Твит

Тест на знание основ HTML. Здравствуйте начинающие, а возможно и уже достаточно опытные веб-мастера. Думаете уже хорошо знаете основы сайтостроения? Так проверьте себя с помощью этого теста. Для тех, кто уже давно занимается созданием и разработкой сайтов данный тест не покажется сложным, но всё же! Возможно вы узнаете что-нибудь новое пройдя его. Пройти тест можно на сайте!
--------------------
С Уважением, Юрий Немец