1. Paralles Flat Corporate Responsive 2. Travel Media Travel Guide 3. Vebo Flat Layout 4. Escape Velocity 5. Urbanic 6. Brushed Template 7. Best Responsive Photography Template 8. zBusiness Free Responsive HTML5 9. Flat Design Portfolio Template 10. Runkeeper Mobile App Responsive web Template ...
Когда вы хотите использовать видео на вашем сайте, то обычно вы имеете дело с HTML5 видео с Flash резервом. Давайте сделаем наше видео отзывчивым, как и наш сайт. Существует несколько способов сделать это, ни один из которых не является идеальным. Идут огромные дебаты об адаптивности изображений и иметь что-то схожее для видео и аудиофайлов было бы идеально. Так как нет такого на данный момент решения, нам нужно искать альтернативные. Медиа запросы Если вы читали об отзывчивом веб-дизайне, то вы наверняка слышали о медиа запросах и вероятно вы уже их используете. Те, кто этого ещё не делал позволяет нам определить определённые CSS правила для различных устройств вывода без изменения реального содержимого (для подробной информации смотрите CSS медиа запросы.) ...
Размещение видео-роликов на сайте Рассмотрим два способа: простой и сложный. Установка дополнения Flowplayer Простой способ подходит для тех, кто не хочит особо заморачиватся, и состоит в установке дополнения Flowplayer из репозитория и его вызова, например так: [[!flowplayer? &url=/video/flv/Chapel-Band-Ever_Sing.flv &title=Test Video &time=1:25 &autoplay=true &loop=false &class=myVideos ]] Здесь всё понятно — указываем путь к .flv файлу и остальные параметры вывода. У меня почему-то конфликтовал данный проигрыватель или сам сниппет с шаблоном на бутстрепе. А так в этом способе одни плюсы — проигрыватель поддерживается всеми браузерами, отзывчивый, легко настраивается под нужды пользователя, можно его встраивать, кастомизировать. Подробнее на официальном сайте ...
Для разработчиков важно знать и понимать как использовать браузерные стредства разработки. В этом уроке я представлю ознакомлю вас с Chrome Developer Tools. Вам необходимо освоить основы, начиная с разметки и стилизации веб-страницы. **Заметка для уже использующих вебинструменты.**: Целью этого урока является базовое ознакомление с инструментами разработчика Chrome. Если вы используете другие браузерные вебинстументы, такие как Firebug в Firefox или средства разработки в IE, то многое из этой информации будет для вас знакомым. Вступление Инструменты разработки позволяют вам инспектировать всё что только можно на странице. Например вы можете: ...
Бесплатный HTML5 шаблон Design Studio * Скачать Особенности HTML5 шаблона jQuery слайдер 5 страниц шаблона Работающая контакт форма Валидные HTML 5 страницы Другие бесплатные CSS шаблоны
Бесплатный HTML5 шаблон. Демо Скачать Особенности HTML5 шаблона Полноэкранные изображение фона 21 примеров страниц шаблона Настраеваемый Nivo слайдер Настраиваемый V4 Chop слайдер 2 пользовательских галереи Видеогалерея Работающая PHP/AJAX контакт форма Валидные HTML 5 страницы