№10 | Эффективные инструменты для бизнеса в интернет

КОНКУРС! —
Выиграй 1200 рублей, 700 рублей или 400 рублей.

Все просто. Оставьте отзыв (можно и негативный – “конструктивный негатив”) на любой из моих проектов внизу, где комментарии.

Вы можете написать о чем хотите, либо просто ответьте на эти вопросы:

Какими моими проектами(-ом) пользовались?
Где и зачем использовали мои проекты?
Сложно ли использовать мои проекты?
Помогают ли мои видеоинструкции?
Какую пользу принесли мои проекты именно Вам?
Что бы Вы посоветовали изменить, или добавить на моем сайте?

Критерии оценки победителей: адекватность, правда и примеры. Обязательно укажите свое имя (желательно и фамилию) и веб-сайт. Также Вам нужно поделиться этим выпуском журнала в VKontakte. Все.

Если отзыв оставит только один человек, он получит ВСЕ три главных приза! Если Вы не войдете в тройку победителей, а отзыв у Вас тоже получился интересным, не печальтесь – с пустыми руками не оставим :). 150 рублей как поощрительный приз гарантированно получат еще 7 человек, оставивших отзывы.

Выплата через WebMoney. Указывайте действительный e-mail, чтобы я смог с Вами связаться. Удачи!

1 МЕСТО: Дмитрий Михеев (видеоотзыв внизу в комментариях)
2 МЕСТО: Владислав Иванов (аудиоотзыв внизу в комментариях)
3 МЕСТО: Олег Деркач (видеоотзыв внизу в комментариях)

СПАСИБО Вам! Отзывы важны, поскольку только так я понимаю, что мне нужно изменить, добавить, улучшить в своих проектах. Это и Вам плюс, если Вы часто пользуетесь моими проектами.

Анимация элемента при скроллинге | Комбинация animate.css и wow.js

Самый хороший пример использования данной комбинации я разместил на своем сайте RuBizPanel 2.0. Интересно то, что эта красота работает БЕЗ jQuery.

Сейчас эта тема очень актуальна, и данный эффект Вы можете часто встретить на продающих сайтах успешных интернет предпринимателей. Подобные «трюки» ОЧЕНЬ оживляют сайты, а также помогают сфокусировать внимание посетителя на важных моментах, которые Вы хотите, чтобы были замечены первым делом.

Тема получилась объемной, поэтому выделил ей отдельную статью. Там нет ничего сложного, если Вы умеете копировать и вставлять текст, то у Вас все получится. 🙂

Видеообзоры полезных плагинов для WordPress. | Часть 5.

Продолжаем начатую в 6-ом выпуске тему: Видеообзоры полезных плагинов для WordPress. | Часть 1..

плагин «TinyMCE Templates»

Плагин, который спасет Вас от рутины и сократит время при написании статьи. Как же долго мне его не хватало!!!

Это тот случай, когда создается полезный плагин не для “смотрите как МЫ круты!”, а именно для того, чтобы помочь людям и уменьшить время, которое они тратят на рутинные действия, например, на вставку одинакового фрагмента кода либо текста (если Вы пишете статьи в текстовом режиме).

Все просто – создаете фрагмент кода, часто употребляемого в статьях, сохраняете его при помощи плагина “TinyMCE Templates”, а когда наступает время писать статью – нажимаете в редакторе “Insert Template”, выбираете ранее сохраненный фрагмент кода и вставляете его в статью.

плагин «Subscribe To Comments Reloaded»

Согласитесь, иногда очень хочется узнать, ответил ли кто-нибудь на твой комментарий? Посещать каждый раз сайт, чтобы проверить – надоест…да и забудется. К счастью, есть плагин, который уведомит пользователя о том, что кто-то ответил на его комменарий. Это и Вам хорошо – трафик, и пользователю помощь, если он что-то спрашивал у автора блога.

плагин «Favicon by RealFaviconGenerator»

Настройте иконку сайта для всех девайсов. Для браузера она будет обычная, а для девайсов на iOS, Windows и Android иконка будет в высоком качестве, если сохранять сайт в закладках.

ПИНОК ПОД ЗАД #6. Писец —
это повод заправиться, и ехать дальше по прямой.

Почему люди чаще всего оказываются именно там, где они очень СИЛЬНО не хотят оказаться?

Очень люблю отвечать на подобный вопрос подходящей цитатой Брайана Трейси: “Люди притягивают в свою жизнь именно то, о чем чаще всего думают.”

Вы не можете оказаться внизу, если сами туда не спуститесь... или если не позволите чему-то или кому-то Вас туда спустить.

Обычно человек считает, что возможен либо проигрыш, либо победа. Хотя, если прочитать цитату Майкла Джордана:

«Я промахнулся более 9000 раз за свою карьеру. Проиграл почти 300 игр. 26 раз мне доверяли сделать бросок, который должен был привести к победе и я промахивался. Терпел неудачу снова и снова. И вот поэтому я достиг успеха.» Майкл Джордан

в этом мнении можно и усомниться. Не помню его имя, но ответ одного хоккеиста на банальный вопрос: “Как Вы стали таким успешным?” был очень похож на цитату Майкла Джордана: “…просто я больше всех кидал по воротам – промахивался, естественно, но и попадал тоже…”.

Действительно, представьте...Хоккей. Время заканчивается...Счет 0:0. Эти 20-25 хоккеистов, которые изнуряют себя на этой скользкой арене, промахиваются...и...один гол есть! 1:0 Победа! 40 промахов, но есть одна шайба — победа! Успех! Затем, на второй игре все меняется — 0:1...

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

Если же Вы думаете, что есть отдельная дорога к победам, на которой нет места поражениям, а на дороге, ведущей к поражению, нет побед, то Вы лишний раз подтверждаете мысль Брайана Трейси:”Люди притягивают в свою жизнь именно то, о чем чаще всего думают.”

ТОП-20 БЕСПЛАТНЫХ фотостоков для Вашего сайта/PDF и т.д. | Часть 1

Что значит БЕСПЛАТНО? Именно это и значит! А самое важное то, что Вы можете свободно использовать эти фотографии в своих коммерческих проектах. И не париться о том, как бы кто ни спросил, откуда Вы взяли эти фотографии.

All photos are free from copyright restrictions – No attribution required

Это значит, что используя фотографии, Вы не нарушаете авторские права и нет необходимости указывать ссылку на ресурс или автора. Почему не нарушаете права? Вся фишка в аббревиатуре CCO — лицензии, которая так и говорит: “Вы можете копировать, изменять, распространять и исполнять данное произведение даже в коммерческих целях, не спрашивая разрешения”.

Зачем это все нужно? Чтобы Ваша совесть была спокойна… Если она Вас волнует, конечно же… Единственное примечание: если Вы делаете серьезный проект для серьезных людей, то рекомендую сохранить для клиента ссылку на картинку – на всякий случай.

Pixabay.com (ССO License) — Один из первых бесплатных стоков в моей коллекции. Практически всегда им пользуюсь. Сотни тысяч фотографий и на любую тему...Класс!
PicJumbo.com (ССO License) — Еще один сайт, который был одним из первых в моей коллекции.
StockSnap.io (ССO License) — Каждую неделю поступают десятки новых фотографий высокого качества. Особенно нравится сайт тем, что темы фотографий хорошо подходят для тех, кто делает web проекты.
ImCreator.com (ССO License) — Есть темы, которых нет на других сайтах.
Unsplash.com (ССO License) — Уникальность сайта в том, что он пополняется именно интересными и стильными фотографиями. Всегда можно найти что-то уникальное и необычное для своего проекта.
KaboomPics.com (ССO License) — Сайт профессионального веб дизайнера. Ей замечательно удается запечатлить в цифровых фотографиях окружающий ее мир. Есть фотографии даже с разрешением 5472px.
Gratisography.com (ССO License) — Как вариант. Есть смешные, есть обычные...
NegativeSpace.com (ССO License) — Если ничего не нашли интересного выше, то вот Вам еще один ресурс для поиска. Есть вариант поиска фото по цвету.
SplitShire.com (ССO License) — Единственная беда с сайтом, это его юзабилити — переход по страницам достает.
New Old Stock (ССO License) — Интересуют черно-белые фотографии с элементами из прошлого? Тогда Вам сюда.

Используем Google Drive в качестве видеохостинга

Это будет ПОЛЕЗНО УЗНАТЬ обладателям закрытых онлайн курсов!

Да, Amazon S3 — замечательный сервис. Тут и к бабке не ходи. Wistia тоже очень приличный вариант, хотя и дорогой. Есть еще Vimeo, но, как мы уже знаем, в Казахстане этот сервис был заблокирован к чертям собачим. (Кстати, заблокировали Vimeo из-за пропаганды терроризма, культа жестокости и насилия. Не следят эти черти в Vimeo за тем, кто и какие видео  загружает.)

YouTube использовать для закрытых сайтов – смешно, непрофессионально, опасно – скачать ваше видео могут за 1-2 мин.

Единственная проблема с Amazon S3 – отсутствие встроенного плеера для Вашего видео. А если у Вас 50 видео? Копировать ссылку, затем вставлять ее в настройки стороннего плеера и т.д. ….согласитесь, морока ууу какая. Хотя, смотря на каком движке сайт – плагинов ведь много. А что, если для Вашей системы нет подходящего плагина? Воооот… Для таких случаев и существует Google Drive. Он и видео Ваше примет, да еще и автоматически подключит для него свой плеер.

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

Если у Вас онлайн курс проходят 30-100 человек в месяц, Вам вообще не стоит волноваться. Не все же смотрят одно видео одновременно...

Большой ПЛЮС Google Drive в том, что можно отключить возможность скачивания видео. А это ОГО-ГО как важно. Кстати, в плеере нет никаких отвлекающих логотипов.

Если видео «тяжелое», то ему нужно время, чтобы Drive его обработал. Как и в YouTube — обработка для выбора качества при просмотре: 360, 480, 720.

Уже встроен плеер для видео;

Никаких лишних элементов в плеере: логотипов и др. ссылок;

Поместил видео в папку Drive на компьютере, а в аккаунте Google Drive получил ссылку — готово! Все просто.

<iframe src="https://drive.google.com/file/d/VIDEO_ID/preview" width="854" height="480" frameborder=0 allowfullscreen></iframe>

Вы можете также добавить параметр «autoplay=1», и видео будет проигрываться автоматически. Обязательно поставьте «?» перед параметром.

<iframe src="https://drive.google.com/file/d/VIDEO_ID/preview?autoplay=1" width="854" height="480" frameborder=0 allowfullscreen></iframe>

Вы заметили этот надоедливый квадратик «открыть в новом окне» на плеере сверху справа? Могу порадовать Вас тем, что я решил эту проблему простым кодом:

<div style="position: relative; display: inline-block">
    <div style="width: 60px; height: 60px; position: absolute; top: 0; right: 0;"></div>
    <iframe src="https://drive.google.com/file/d/VIDEO_ID/preview" width="854" height="480" frameborder=0 allowfullscreen></iframe>
</div>

Обновления:
«RuBizCSS3Modal 1.1» и «RubizModal 1.6»

RuBizCSS3Modal

RuBizModal

Решил обновить два проекта и внести некоторые изменения + новшества. Для RuBizModal сделал еще один вариант дизайна «картинка-ссылка». Для RuBizCSS3Modal новый вариант с подписной формой и несколько новых эффектов для появления окна.

Четыре способа вставить внешнюю ссылку в YouTube видео

Способов, конечно, больше, но эти четыре самые простые и распространенные. А некоторые даже и не догадываются о них...

Одно из лучших решений борьбы со спамом на WordPress

Когда у Вас 5-10 спам-комментариев в месяц, согласен, эта тема Вам может показаться не очень важной. Но для меня она стала ЖГУЧЕЙ в последнее время. Как некоторые заметили, я убрал капчу и понеслось… 2000 и более спам-комментариев в месяц. Ладно, если по 1-2 предложения…Так нет, гадят аж целыми “абсурдными рассказами”. А как мы знаем, каждый комментарий занимает место в базе данных.

Я протестировал десятки анти-спам плагинов и все бесполезно, ведь обходят в любом случае. Даже капчу проходили, хотя Akismet не пускал.

Зачем капчу убрал? Вам она нравится? Думаю, что ответ на вопрос ясен. Кстати, некоторые капчи конфликтуют с плагинами кэширования. Даже если вначале у Вас тестовый комментарий прошел, то на другом компьютере может не пройти – покажет ошибку: «неправильно ввели капчу». Это все так надоедает, что хочется уже раз и навсегда найти простое решение, которое избавит от всей этой…@*&%#$.

Решение нашлось! Самое простое. Все автоматизировано! Какое счастье! :). Нашлось оно тогда, когда в одном из моих любимых плагинов появилась САМАЯ НУЖНАЯ функция. Вообще о спаме забыл! Смотрите видео:

* В 8-ом выпуске журнала я делал видеообзор данного плагина, поэтому рекомендую его тоже посмотреть. (ссылка ниже)

Новые полезняшки в разделе «Для WEB Мастера»

Если Вы часто создаете веб-страницы, значит, Вы точно знаете, что экономия времени в таких случаях — это заранее подготовленные базовые теги для каркаса страницы. Поэтому специально для Вас подготовил два каркаса для HTML страниц, чтобы Вы всегда смогли сэкономить свое дорогое время при создании очередной веб-страницы (не забудьте добавить страницу с каркасами в закладки Вашего любимого браузера).

Заметил также, что очень часто люди ищут информацию на тему “настройки YouTube плеера”, т.е.: автопроигрывание, начать просмотр с определенного места и т.д. У меня уже есть специальный PDF с разбором почти всех параметров плеера, но тут такое дело – ютуб развивается, соответственно, параметры тоже могут поменяться. Представил только самые часто используемые, а также показал на примере, как лучше их все совмещать для определенных случаев (не забудьте добавить страницу с параметрами в закладки Вашего любимого браузера).

Жду Вас в разделе для WEB мастера...