Если вы когда-нибудь пытались настроить код вставки видео с YouTube, тогда убедились, что не все так просто. Это связано с размерами видео и статическими фиксированными шириной и высотой. На адаптивном…
Во многих проектах требуется оптимизация рабочей области сайта. В большинстве случаев помогает реализация вкладок на jQuery, HTML и CSS. А реализовать их достаточно просто. Нам потребуется 3 блока кода HTML,…
Данная статья будет посвящена созданию меню-аккордеон на jQuery, HTML и CSS. Это тоже хорошая штука,…
Какой верстальщик хоть раз не верстал эти кастомные социальные кнопки? Был ли у дизайнера отходняк…
Доброго времени суток! Сегодня мы с вами разберем то, как строится блочная модель в html/css и как это работает. Если раньше сайты верстали на основе таблиц, то все было предельно…
При использовании плавающих блоков(float: left/right) в потоке вывода могут возникнуть проблемы: родительский блок схлопывается и теряет высоту, остальные блоки начинают обтекать плавающие блоки. В таких случаях производят «очистку потока». Есть…
Что такое HTML5 и почему это становится модным? Здравствуйте, дорогие читатели! В последние годы пользователь Интернета далеко не ограничивается одним настольным компьютером. Почти у каждого есть смартфон или планшет. И…
Что такое верстка сайта и зачем она нужна? Верстка сайта на сегодняшний день является неотъемлемой частью при создании всевозможных сайтов. Этот факт объясняется тем, что мы все чаще и чаще…
Часто при верстке разных проектов возникают однообразные задачи, одна из таких задач это всплывающее окно…
Когда дизайнер передает Вам макет, он зачастую не думает о том, как Вы будите это…
Создатели API для отрисовки различных графических примитивов не предусмотрели наличие встроенной функции для подобных целей. К счастью, ее реализация не очень сложна и, столкнувшись с необходимостью рисовать эллипс на canvas, я…
Сохранение и восстановление состояний Прежде чем я начну рассказывать про трансформации, я бы хотел обратить ваше внимание на два метода: save и restore. Эти методы используются для получения и восстановления состояния холста. Состояние холста — это положение…
Ранее я писал про отправку форм с использованием ajax’a. Для отправки формы способом, описанным в той статье, необходимо было слепить тело запроса из пар ключ/значение (имя поля / значение) самостоятельно.…
Зачем это нужно? Каждый раз при отправке формы на сервер, страничка полностью перезагружается, на что уходит трафик и время. Иногда эти потери совсем не оправданы. Представьте, что на страничке с кучей…
Для отрисовки текста на canvas‘е используеутся методы fillText(text, x, y) и strokeText(text, x, y). Первый метод рисует текст, заполненный…
