Размещаем видео на сайт в качестве фона HTML-элемента
На современных сайтах иногда можно встретить следующий эффект: фоном какого-нибудь элемента (например, шапки) является видеоролик. Выглядит это эффектно и пока не стало обыденным явлением, потому что встречается нечасто и никому не надоело. Может быть вы тоже захотите реализовать такую возможность на своем сайте. В этой статье я постараюсь осветить один из способов применения видео для фона сайта.
Plyr - простой и доступный HTML5 плеер
HTML5 плеер Plyr — простое и удобное средство для размещения видео- и аудио- материалов на страницах вашего сайта. Предлагаю вниманию читателей небольшую заметку об этом удобном инструменте, который может быть вам полезен при работе над вашими проектами.
Верстка landing page для сайта агентства недвижимости
Используемые инструменты и технологии:
- HTML, CSS
- jQuery
- XML
- PHP
Описание:
Из PSD-макета была сверстана страница (landing). Созданы скрипты для обработки форм и сохранения данных, полученных от посетителя, а также вывода «горячих предложений». Для удобства работы с «горячими предложениями», данные о них хранятся в XML-файле.
Кратко о полизаполнении (Polyfill)
Полизаполнения (polyfills) – это решения на javaScript, имитирующие работу новых функций HTML5 в устаревших браузерах. В основном предназначаются для Internet Explorer старше 9-ой версий. Самым простым примером полизаполнения, который первым приходит в голову, является скрипт HTML5Shiv. Он обеспечивает возможность стилизации новых семантических HTML5 элементов ( <header>, <footer>, <article> и других) в устаревших версиях IE.
Создаем форму на HTML5
В этой заметке я опишу процесс создания формы обратной связи с использованием новых элементов HTML5. Как известно, в HTML5 у форм появилось несколько новых типов полей. Например, такие как: ползунки (sliders), счетчики (spinboxes), поле для ввода даты, адреса электронной почты, URL и некоторые другие. К сожалению, эти элементы поддерживаются даже не всеми современными браузерами, не говоря об устаревших браузерах. Некоторые браузеры, такие как Google Chrome, Opera поддерживает новые элементы лучше всех остальных браузеров. Проверить свой браузер на поддержку новых элементов форм можно на сайте http://www.miketaylr.com/