Рубрика: HTML

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

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

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

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

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

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

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

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

Использование объекта FormData для загрузки файлов
Ранее я писал про отправку форм с использованием ajax’a. Для отправки формы способом, описанным в…

Отправка форм с помощью Ajax’a
Зачем это нужно? Каждый раз при отправке формы на сервер, страничка полностью перезагружается, на что уходит трафик и время. Иногда эти потери совсем не оправданы. Представьте, что на страничке с кучей…

Отрисовка текста на canvas’e
Для отрисовки текста на canvas‘е используеутся методы fillText(text, x, y) и strokeText(text, x, y). Первый метод рисует текст, заполненный заливкой, которая хранится в свойстве fillStyle, второй рисует обводку текста. Параметры отрисовываемого текста устанавливаются при помощи…

Делаем мир canvas ярче. Применение стилей, цветов и теней
Раньше я рассказывал про то, как рисовать на canvas’e графические примитивы. При их отрисовке использовались установленные по умолчанию цвета и стили. Можно сделать ваши творения немного ярче и привлекательней, если использовать некоторые…

Отрисовка графических примитивов с помощью canvas
Уже далеко не новый html-элемент canvas сегодня поддерживается во всех нормальных браузерах. Если вы используете FireFox, Opera или Google Chrome последних версий, то проблем возникнуть не должно. Даже IE9 поддерживает canvas. Сам элемент выглядит вот так: <canvas id=”canv”…

Placeholder HTML5 и его использование
Все, наверняка, видели подсказывающий текст в поле формы, который пропадает, как только установить курсор в это…