HTML и CSS

Видеофон для сайта

Видеофон для сайта (Video Background)

Иногда на промо-страничках или landing page, применяют такое интересное решение, как видеофон (video background). Главный плюс такого эффекта — это выделиться среди конкурентов. Ведь ваша страничка станет более необычной, чем у всех остальных. О том, как сделать видеофон, я расскажу в данной статье.

Вертикальное выравнивание с помощью CSS

Вертикальное центрирование с помощью CSS

Горизонтальное центрирование выполнить очень легко, если мы имеем дело с блочным элементов, то для этого достаточно задать ширину данному элементу и также левый и правый отступы в значение auto, тогда наш блок примет центральное положение. Если мы имеем дело со строчным элементом, то для его родителя можно задать text-align в значение center и тогда данный элемент также выровняется по центру. Но, к сожалению, с вертикальным выравниванием не все так просто и поэтому у начинающих верстальщиков из-за этого может возникнуть ряд сложностей. Чтобы избавить вас от этих проблем, я записал видеоурок, где расскажу о самых лучших способах вертикального центрирования, которые применяются на практике.

Стилизация тега select на CSS

Стилизация тега select на CSS

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

Выпадающее меню на jQuery

Выпадающее меню на jQuery

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

Всплывающее окно на jQuery

Всплывающее окно на jQuery (Часть 2)

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

Ошибка при верстке меню

Частая ошибка при верстке меню

Многие новички присылаю ко мне на e-mail свои сверстанные страницы и задают вопросы, если у них что-то не получается. И почти у каждого третьего верстальщика, я вижу одну и ту же проблему, при верстке меню. Когда наводишь указатель мыши на элемент меню, то все следующие элементы, идущие за ним, начинают сдвигаться. О том, как от этого можно избавиться, я и расскажу в данном видео.

Центрируем элемент переменной ширины

Центрируем элемент переменной ширины

Если вы занимаетесь версткой сайтов, то возможно вы встречались с ситуацией, когда требуется выравнять по центру элемент с неизвестной шириной. То есть, в классической ситуации, если требуется отцентровать элемент, мы для него должны задать свойство margin: 0 auto; и собственно конкретную, фиксированнйю ширину. В этом случае, наш элемент будет располагаться по центру. Но что делать, если элемент не имеет фиксированной ширины?

css спрайты

CSS спрайты. Создание и использование спрайтов

Спрайт — это одно большое изображения, которое в себя включаем несколько графических элементов используемых на сайте. То есть, все иконки, элементы интерфейса и другое, объединяют в одну картинку. Затем, с помощью CSS, эту картинку задают в качестве фонового изображения и благодаря background-position позиционируют ее, чтобы отобразить требуемый участок спрайта.

Горизонтальное меню

Верстаем меню для сайта

В этом уроке, мы с вами поговорим о том, как сверстать верхнее меню, аналогичное тому, которое находиться на моем блоге (под хедером). Меня несколько подписчиков просили об этом, поэтому сегодня я решил выпустить данный видеоурок.

Тег audio

Тег audio. Воспроизведение звука на сайте

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

Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад