Рубрика: HTML
Простое адаптивное меню на блоках
В наши дни адаптивная вёрстка уже давно стала обыденностью, так как позволяет использовать один и тот же шаблон для самых различных устройств. Один из ключевых элементов сайта — это его…
Позиционируем контейнер по центру в двух измерениях
Разместить блок в центре довольно часто встречающаяся задача. Но, если при позиционировании блока по горизонтали…
Создаём модальное окно для web приложения без плагинов и фреймворков
Модальные окна используются довольно часто. В них очень удобно выводить различные формы, создавать галереи и…

Как сделать вкладки на jQuery, HTML, CSS
Во многих проектах требуется оптимизация рабочей области сайта. В большинстве случаев помогает реализация вкладок на jQuery, HTML и CSS. А реализовать их достаточно просто. Нам потребуется 3 блока кода HTML,…

Как сделать меню аккордеон с помощью jQuery, HTML и CSS
Данная статья будет посвящена созданию меню-аккордеон на jQuery, HTML и CSS. Это тоже хорошая штука, которая позволит оптимизировать рабочую область вашего сайта, кроме того добавит долю интерактивности. Что ж, начнем?…

Свои красивые социальные кнопки
Какой верстальщик хоть раз не верстал эти кастомные социальные кнопки? Был ли у дизайнера отходняк и мрачное настроение? Или дизайнера только вштырило, и он хотел сделать всё максимально легким и…

Блочная модель
Доброго времени суток! Сегодня мы с вами разберем то, как строится блочная модель в html/css и как это работает. Если раньше сайты верстали на основе таблиц, то все было предельно…

Очистка потока
При использовании плавающих блоков(float: left/right) в потоке вывода могут возникнуть проблемы: родительский блок схлопывается и…

Что такое HTML5? Какие преимущества имеет HTML5?
Что такое HTML5 и почему это становится модным? Здравствуйте, дорогие читатели! В последние годы пользователь…

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

Всплывающее окно авторизации (мини jQuery-плагин)
Часто при верстке разных проектов возникают однообразные задачи, одна из таких задач это всплывающее окно входа/авторизации. Для этой задачи у меня есть свой простой мини jQuery-плагин, который я и использую.…

Кроссбраузерный CSS3 градиент
Когда дизайнер передает Вам макет, он зачастую не думает о том, как Вы будите это верстать, ему лишь необходимо, чтобы это максимально одинаково выглядело во всех популярных браузерах, включая Internet…

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

Транcформации на canvas
Сохранение и восстановление состояний Прежде чем я начну рассказывать про трансформации, я бы хотел обратить ваше…