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

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

В этой заметке я опишу процесс создания формы обратной связи с использованием новых элементов HTML5. Как известно, в HTML5 у форм появилось несколько новых типов полей. Например, такие как: ползунки (sliders), счетчики (spinboxes), поле для ввода даты, адреса электронной почты, URL и некоторые другие. К сожалению, эти элементы поддерживаются даже не всеми современными браузерами, не говоря об устаревших браузерах. Некоторые браузеры, такие как Google Chrome, Opera поддерживает новые элементы лучше всех остальных браузеров. Проверить свой браузер на поддержку новых элементов форм можно на сайте http://www.miketaylr.com/

Однажды, просматривая страницу с контактами на одном из сайтов, я обратил внимание на то, что карта с расположением офиса компании выглядит необычно. Необычность заключалась в том, что цвет фона и объектов на карте сочетался с цветовой схемой сайта. Мне стало очень интересно, как это реализовано. Так как это была карта Google, я открыл сайт с API Google Карт и стал знакомиться с возможностями по стилизации. О результатах своих «исследований» я расскажу в этой заметке.

При размещении на своем сайте видеороликов, например, с YouTube, может понадобиться добавить в него субтитры. Однажды передо мной встала такая задача. Задача усложнялась тем, что ролик нельзя было скачать, отредактировать и загрузить обратно. В этой заметке, я опишу способ, который я использовал для размещения субтитров в видеоролике без редактирования его.