Pull to refresh
1
0
sslord @sslord

User

Send message

Как создать веб-сайт, используя видео с YouTube в качестве фона?

Reading time9 min
Views86K


Большие видео на заднем плане веб-сайтов — довольно популярный тренд в веб-дизайне. Умело примененные видео могут сделать веб-сайт более драматичным и привлекательным для пользователей.

Кроме того видео-фоны могут воспроизводиться плавно и без «тормозов» в отличие от фонов, созданны с помощью JavaScript, которые требуют загрузить определенный код и изображения прежде чем пользователь увидит результат анимации.

Существуют компании, как, например, Powerhouse или Adidas, которые используют видео в качестве заднего плана сайта, чтобы донести до пользователя определенное сообщение или историю о продукте или услуге.

Хотя и наиболее популярным способом создания видео-фона является использование HTML5 видео тега вместе с некоторыми параметрами CSS, стоит также обратить внимание на альтернативные источники видео, например, YouTube. В этом случае, вам не придется переживать о медленном ответе сервера, потому что запрос будет отправляться напрямик в YouTube.

В этой статье, я покажу вам, как можно построить клевый сайт, использующий видео с YouTube в качестве фона. Мы будем использовать jQuery.mb.YTPlayer.js для редактирования и управления внешним видом нашего видео. Итак, приступим!

Скачать исходники
Демо
Читать дальше →
Total votes 75: ↑45 and ↓30+15
Comments55

BigVideo.js: фоновое видео на весь экран

Reading time1 min
Views37K


Плагин BigVideo.js для jQuery добавляет на страницу видео в качестве фонового изображения через HTML5 Fullscreen API. Видео автоматически растягивается на любой размер экрана. Для работы нужно предварительно загрузить библиотеки jQuery, jQuery UI и jQuery imagesloaded. Запуск:

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show('http://video-js.zencoder.com/oceans-clip.mp4');
});

В качестве хостинга своих видеороликов удобно использовать Vimeo Pro, он даёт прямую ссылку на mp4-файл и отгружает контент со скоростью более 10 Мбит/с.
Читать дальше →
Total votes 63: ↑44 and ↓19+25
Comments47

Автономная IP-камера

Reading time2 min
Views58K
После моего обзора китайской IP-видеокамеры ( habrahabr.ru/post/146344 ) у меня появилась возможность опробовать автономную IP-видеокамеру, позволяющую вести интернет-видеотрансляцию без использования компьютера.



Это ip-камера Micro Digital MDC-i4220 со специальной прошивкой, поддерживающей сервис ivideon.
Камера продаётся за 5500 рублей. Существует также модель с Wi-Fi MDC-i4220w, она стоит 7000 рублей. Это не дороже такой же камеры с обычной прошивкой.

Прежде всего расскажу о том, что позволяет делать камера и зачем это может пригодиться.

Камера настраивается буквально за пять минут, подключается к проводному интернету или в неё вставляется модем Yota (скоро обещают сделать поддержку 3G-модемов), после чего на сайте ivideon.ru или через приложения для iPad/iPhone/Android можно смотреть живое видео с камеры. Кроме того, видео можно внедрять на сайты и в блоги. Очень важно, что для работы камеры не нужен выделенный ip-адрес. Она работает везде, где есть интернет и скорость канала достаточна для передачи видео.

Я вижу два варианта использования такой камеры:

• Создание общедоступной вебкамеры
• Видеонаблюдение

Читать дальше →
Total votes 48: ↑41 and ↓7+34
Comments74

iPad и инновации в России

Reading time3 min
Views550
В нашей стране мы наверное часто периодически негодуем по какому либо из поводов. Тут и блог пришелся как раз кстати.
Хочу вам рассказать занимательную историю, которая произошла совсем недавно в первом наукограде Обнинске, связанную с инновациями и разработкой приложения для iPad. От этих слов, возможно, нас всех уже слегка подташнивает, но считаю, что история довольно актуальная.
_MG_9789
Читать дальше →
Total votes 27: ↑16 and ↓11+5
Comments35

12 способов не накосячить со вспышкой

Reading time8 min
Views353K
После трёх лет работы со студийным светом я думал, что знаю про накамерную вспышку если не всё, то очень много. Три недели назад я попал в гости к одному особо опытному стробисту, который рассказал и показал столько, что я сразу понял, что надо садиться и делать перепись грабель, а потом тестить, тестить и ещё раз тестить.

Ниже — достаточно известные вещи, которые, однако, вызывали facepalm у тех, кто был вместе со мной или же у меня. В списке грабель вы с некоторой вероятностью можете найти что-нибудь новое. Если хотя бы она фича использования вспышки окажется для вас полезной, то мою задачу можно считать выполненной.
Читать дальше →
Total votes 228: ↑223 and ↓5+218
Comments73

Пара полезных сайтов для выбирающих фототехнику

Reading time1 min
Views39K
Хотелось бы дополнить недавний топик про теоретические основы фотографии некоторым объемом практической информации. Интересно будет в первую очередь тем, кто выбирает себе очередную камеру или объектив (независимо от квалификации фотографа и уровня техники):

www.dpreview.com — подробнейшие обзоры и сравнения фотокамер, довольно оперативно пополняемые по мере выхода в свет новых моделей. Для людителей истории фототехники имеется архив за прошедшие годы;

www.photozone.de/Reviews/overview — качественные и информативые отчеты о тестировании объективов для зеркальных камер различных производителей.

Update: еще насколько сайтов, подсказанных читателями, за что им спасибо :)

www.steves-digicams.com/ — обзоры техники, форум, подборка «HowTo»;

Читать дальше →
Total votes 33: ↑20 and ↓13+7
Comments24

Adobe CS5 — что нового? Официальный анонс

Reading time1 min
Views1.8K
Вебкаст с презентацией пройдет вечером в 19:00 по Московскому времени, но уже сейчас на сайте доступна информация по новым продуктам.

Что нового (пока не все на русском)

Новый продукт
Flash Catalyst CS5

Внимание — время презентации изменили, теперь это 19:00 по Москве.
Total votes 51: ↑44 and ↓7+37
Comments96

Немного пятницы или о том как мы готовили иллюстрации

Reading time1 min
Views1.4K
Тема получается немного спорная. А стоит ли на Хабре вообще писать об этом? Но я подумал, а почему бы и в пятницу не опубликовать такой пост.
К последним двум своим статьям (счета-акты и интеграция с twitter) мы готовили иллюстрации с девушками. Были горячие споры о том, нужно ли было делать фотографии с представительницами прекрасного пола. Но что сделано, то сделано. Фотографий было много, так что чего добру пропадать.



под катом соответственно фотографии
Total votes 168: ↑98 and ↓70+28
Comments116

Отключение двухчасового авторебута в Windows 7 RC

Reading time1 min
Views28K
С 1 марта 2010 года Release Candidate версии Windows 7 стали перегружаться каждые 2 часа. Так как непосредственно срок годности истекает только в июне, то, отключив этот авторебут, вы сможете спокойно и легально пользоваться своей RC еще несколько месяцев.

Ниже три простых шага, чтобы это сделать.
Читать дальше →
Total votes 126: ↑97 and ↓29+68
Comments90

IOgraphica — трекинг движений мыши

Reading time1 min
Views11K
С удивлением узнал, что на Хабре никто еще не осветил такую замечательную программу, как IOGraphica.
Для чего она нужна?
Фактически она зарисовывает все движения курсора мыши, а на месте его остановки рисует окружности, чем больше окружность — тем дольше курсор находился в этом месте.
Вот например 20 минут активного браузинга:


Читать дальше →
Total votes 105: ↑86 and ↓19+67
Comments78

А что, если не платить?

Reading time4 min
Views16K
В жизни каждого дизайнера хоть раз в наступает момент, когда в голову лезут странные мысли о легальном программном обеспечении. Учитывая, что рабочее место дизайнера, использующего связку Windows + Adobe Photoshop + Corel Draw нынче стоит никак не меньше, чем 900 долларов (это с учетом самых волшебных скидок на украинские версии или что-то еще более странное), мысль немедля переходит в рациональную плоскость: «А что, если не платить? А что, если собраться с силами и перейти, наконец, на бесплатный софт?»

image

Читать дальше →
Total votes 174: ↑156 and ↓18+138
Comments224

Моя реализация «умного дома»

Reading time7 min
Views277K
Полтора года назад я писал статью о разработке своей собственной шины «CLUNET» для соединения устройств в «умном доме». Многие просят рассказать о том, что же у меня получилось в итоге, что я сейчас и попытаюсь сделать.

Попытался начертить схему моей комнаты со всеми устройствами объединёнными в сеть, картинка кликабельна:



Вся идея держится на трёх китах:

  • Децентрализация — вся система функционирует без какого-либо главного модуля;
  • Простота — минимум компонентов и лёгкость подключения;
  • Дешевизна — себестоимость устройства легко уложить в 100 рублей.

Читать дальше →
Total votes 212: ↑207 and ↓5+202
Comments95

Ускоряем Wordpress

Reading time4 min
Views66K
image

Wordpress в стандартной установке довольно медленный. По умолчанию движок не использует некоторые возможности современного Веба для значительного своего ускорения. Существует целая куча плагинов для оптимизации Wordpress'a. Давайте наведем в них порядок и проведем капитальную оптимизацию.
Читать дальше →
Total votes 54: ↑37 and ↓17+20
Comments27

Фоторама

Reading time4 min
Views55K


Около полугода назад я написал простой джейкверный плагин для галерей на сайтах. Назвал его Фоторамой и выложил в интернет. По клику кроссфейдом показывалась следующая фотография, клик с шифтом мотал назад — вот и всё.

За эти месяцы Фоторама повзрослела, обзавелась сайтом с логотипом и, думаю, теперь можно написать о ней на Хабре.
Читать дальше →
Total votes 304: ↑295 and ↓9+286
Comments111

6 ошибок снижающих конверсию вашего магазина

Reading time6 min
Views34K


В статье я расскажу реальные истории изменений интернет магазинов и о том, какой эффект они дали. Все истории 2012-2013 годов.

На протяжении многих лет я специализируюсь на анализе текущего положения дел интернет магазина и последующем увеличении его конверсии. За это время у меня набрались некоторые хинты, внедрение которых всегда позволяло на значительную величину увеличить продажи. (Значительное – это конечно, не 500%, а 1%-5%). Другими словами — отсутствие этих вещей, снижает эффективность магазина. Накопилось их значительно больше 6, но я постарался написать о тех, внедрение которых не требует много времени или ресурсов.
Читать дальше →
Total votes 73: ↑63 and ↓10+53
Comments51

Тенденции инвестирования в стартапы

Reading time11 min
Views15K
imageДанная статья первоначально предполагалась для прочтения инвесторами, но будет интересна и для тех, кто хочет создать свой стартап или уже находится в процессе его создания. Автор хорошо описывает тенденции в мире стартапов, что будет полезно для начинающих бизнесменов. — Прим. переводчика

Работа Y Combinator


Венчурный фонд Y Combinator на сегодняшний день профинансировал 564 стартапа, включая текущую партию из 53 стартапов. Совокупная оценочная стоимость 287 стартапов, которые были оценены (вследствие привлечения раунда финансирования, приобретения кем либо или закрытия стартапа вследствие чего либо) составляет приблизительно $11,7 миллиарда. Предшествующие текущей партии 511 стартапов вместе составили приблизительно $1,7 миллиарда. [1]

Как правило, эти цифры формируются благодаря лидерам списка. На топ-10 стартапов приходится 8,6 из этих 11,7 миллиарда. Однако за ними следует группа более молодых стартапов. Есть еще порядка 40, которые намерены стать действительно крупными.
Читать дальше →
Total votes 21: ↑20 and ↓1+19
Comments4

Стратегия продукта подразумевает ответ — «Нет!»

Reading time6 min
Views30K
Перевод оригинальной статьи за авторством Des Traynor

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



Как следует из последней рекламы Apple, могут существовать десятки тысяч версий вашего продукта, которые могут появляться из-за разных фич, важных и неважных. Большинство из этих версий с треском провалятся и только лучшие смогут обслужить рынок.
Читать дальше →
Total votes 106: ↑101 and ↓5+96
Comments25

MVP – не дешевый продукт, а умный процесс познания

Reading time3 min
Views17K
Минимально жизнеспособный продукт (minimum viable product — MVP) – не всегда уменьшенная/удешевленная версия законченного продукта. Определение точки, в которой можно выпустить MVP, с самого старта может сэкономить вам много времени, денег и ваших слез.

Дроны в Хартленде


Я нашел небольшой стартап в Стэндфорде, целью которого был запуск беспилотных летательных аппаратов (дронов) с гипер-спектральной камерой над полями фермеров, чтобы собрать гипер-спектральные изображения. С их помощью, фермеры могли бы узнать насколько здоровы из растения, есть ли на поле болезни или насекомые, достаточно ли удобрений и воды для растений используется. (Камера обладала достаточным разрешением для того, чтобы снимать отдельные растения.) Зная это, фермеры могли бы более точно прогнозировать продуктивность полей, определить зоны большей опасности со стороны вредителей и добавлять удобрения и воду тогда, когда это необходимо растениям.
Читать дальше →
Total votes 50: ↑46 and ↓4+42
Comments25

Создавайте продукты, которые не масштабируются

Reading time16 min
Views69K
Один из наиболее универсальных советов, которые мы даем в Y Combinator, это браться за сложную работу. Многие начинающие основатели верят, что стартапы или «взлетают» или нет. Вы создаете что-то, делаете это доступным, и, если вы придумали самую лучшую мышеловку, люди, как и было обещано, сами придут к вам. Или не придут, в таком случае у вас нет рынка. [1]

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

Привлечение клиентов


Самая распространенная сложная работа, за которую основатели должны браться на старте, это самостоятельное привлечение пользователей. Этим должны заниматься почти все стартапы. Нельзя ждать, когда пользователи к вам придут. Вы должны сами пойти и привести их.
Читать дальше →
Total votes 95: ↑86 and ↓9+77
Comments12

Information

Rating
Does not participate
Location
Россия
Date of birth
Registered
Activity