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

Начну с того, что этот выпуск журнала последний...относительно такого вида как сейчас: много тем в одном месте. Уходят огромные отрезки времени на подготовку и перепроверку, отсюда и задержки во времени...ненормальные задержки 🙂
Лучшим шагом будет, если писать одну статью на каждую тему, а потом делать дайджест — типа тот же выпуск журнала, но уже с ссылками на статьи. Пока не решил, что точно будет.
Согласитесь, лучше что-то интересное разок в 1-2 недели, чем сразу много всего в один день...и раз в пол года... (кто-то подумает: давно бы так уже сделал...)
Что ж, а этот выпуск, впрочем как и всегда, получился содержательным. Плодотворного узучения.

Как подключить MassDelivery к любой подписной форме
Еще один сервис начал внедрять в свои проекты. Если Вы знакомы с функционалом сервиса FalconSender, то MassDelivery Вам покажется очен знакомым. Даже принцип подключения формы подписки идентичен.
Если Вы уже используете данный сервис, то именно для Вас я подготовил наглядную текстовую инструкцию со скринами по теме. Видеоинструкцию записывать не стал — все довольно просто.
Если Вы еще сомневаетесь, то просто гляньте на цены сервиса, и его возможности. Кстати, автор MassDelivery один из программистов SmartResponder (если Вы еще не забыли, что был такой 😉 )
adCard — Анимированный CSS3 рекламный баннер для любого сайта
Не работают обычные баннеры? Попробуйте этот вариант. Позитивная сторона этого баннера в том, что призыв с кнопкой скрыты до того момента, пока на баннер не навели курсором.
Простой пример adCard
Установка такого баннера очень простая, даже, если установить два разных по содержанию и колориту. Есть CSS файл, который нужно привязать к сайту, и есть код, который помещаем туда, где баннер должен красоваться.
Более подробно Вы можете узнать на отдельной моей странице, которую я уделил этому проекту.
Микро-полезняшки: Как сделать перенаправление (редирект) URL-адреса с помощью HTML + JavaScript
Есть много вариантов как можно перенаправить человека на другой URL-адрес, но один вариант я все же хочу отметить: HTML + JavaScript + ссылка.
С таким вариантом шансы перенаправить человека на другой URL увеличиваются значительно, даже, если html и javascript не сработали, поскольку на странице остается еще ссылка.
Внизу я привел пример такого варианта. Если решите его использовать, то поменяйте URL-адрес в трех местах (я отметил где это).
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; url=https://sergeychunkevich.com">
<script type="text/javascript">
window.location.href = "https://sergeychunkevich.com"
</script>
<title>Нажмите на ссылку, чтобы перейти на главную страницу нашего сайта.</title>
</head>
<body>
<br><br>
<center>
Если Вы видите эту страницу, значит что-то пошло не так.<br>
<br>
<a href='https://sergeychunkevich.com'>
Используйте <strong>ЭТУ ссылку</strong>, чтобы перейти на главную страницу нашего сайта
</a>
</center>
<br><br>
</body>
</html>
Как и когда использовать?
Как? Просто. Создайте index.html файл, поместите этот код в этот файл и поменяйте URL-адрес в трех местах на свой.
Когда? Допустим, Ваш продающий сайт временно не доступен, и чтобы не терять посетителей, просто перенаправляйте их, например, на Ваш блог. Кстати, это еще отличный вариант для партнерских ссылок. Как вариант, можно помещять этот файл в папку Ваших проектов, чтобы перенаправить человека на Ваш сайт, или видео... и т.д. Правда, в таком случае Вы можете поменять название файла на более удобное (how-to-video.html).
Видеообзоры полезных плагинов для WordPress. | Часть 8.
плагин «HTML Editor Syntax Highlighter»
Еще с самого начала использования WP, я понял, что визуальный редактор, который предлагает WP — это не для меня, поскольку он искажает конечный результат, и создает хаос в коде. Я не мог позволить мусорить код, ведь все мои проекты связаны с редактированием кода.
Было сложно перейти сразу на редактор кода, поскольку в нем не было подсветки кода, а это усложняет процесс, если у Вас статья как у меня этот выпуск журнала. Но, я все же привык к такому, даже без подсветки. Позже, я стал помещять весь этот код в редактор Coda 2 на компьютере, чтобы проверять на наличие ошибок. Короче, со временем это все надоело. Долго еще страдал, пробовал разные плагины с функцией подсветки, но в один день, как это бывает, нужный плагин сам нашел меня 🙂
плагин «WP-Optimize»
Я уже делал видеообзор на данный плагин и, возможно, что Вы уже его смотрели, но, время идет, плигин изменился. Хотя, суть он свою не поменял, но дизайн значительно. Этот плагин я всегда устанавливаю одним из первых, если делаю кому-либо блог или интернет-магазин.
Решил перезаписать видеоинструкцию, и добавить некотороые моменты, которые упустил в прошлом видео.
ПИНОК ПОД ЗАД #9.
3 киллера Вашей продуктивности, и как от них избавиться.
1. Уведомления от соц.сетей
Это самый опасный киллер времени и продуктивности. Получив уведомление, оно захватывает Ваше внимание, и спустя 2 минуты Вы уже на главной странице бесконечных новостей...А еще спустя минимум 40 минут, получив гигантскую дозу информации, Вы чувствуете ментальную усталость и расфокусировку зрения. Оно Вам нужно?
Если Вы пробовали уже отключать уведомления в настройках Facebook, то наверняка заметили, что это НЕ помогает. FB знает, что Вы не хотите совсем отключать уведомления в настройках телефона, а лишь выборочно. Но он все равно шлет все новые варианты уведомлений, о которых Вы даже и не знали. FB следит за Вами.
Как убить такого киллера? Отключить в настройках ВСЕХ соц.сетей ненужные уведомления. Это поможет Вам сохранить фокус на более Важных моментах Вашей жизни.
2. Чтение или просмотр информации, которая не соответсвует Вашей деятельности
Допустим, Вы планируете вебинар на тему «как управлять крупными веб-проектами». Согласитесь, полезнее будет чтение информации по этой теме, чем просмотр видео «как ухаживать за помидорами». К тому же, если у Вас нет теплицы и не планируете ее строить в ближайшее время.
Как убить такого киллера? Спрашивайте себя: Как эта информация поможет мне с тем, чем я сейчас занимаюсь? Если Вы поймали себя на этом, то просто перефокусируйте свое вниимание на важное дело.
3. Хаос в папках в компьютере, и на столе
Поиск нужного файла в море папок и файлов, может занять намного больше времени, чем если бы вся информация на Вашем компьютере была бы организована хотя бы частично. К тому же, пока Вы ищете нужный файл, Вы можете заметить интересную фотографию, давно забытый старый документ, любимый фильм и т.д.
Как убить такого киллера? Старайтесь создавать категории и подкатегории для папок и файлов. Это поможет всегда быстро найти то, что Вы ищете. И еще один секрет: рабочие файлы максимально отдалите от тех файлов, которые Вас могут отвлечь. Если с папкой «мои проекты» будет находиться папка «музыка», то Вы невольно откроете ее, а там уже столько интересного.
Видеостоки с БЕСПЛАТНЫМИ видео для Ваших любых веб-проектов.
Эта тема довольно популярна, если обратить внимание на цены популярных видео стоков. Вообще, триггер «бесплатно» — магическое слово. Беспатное всегда привлекает, особенно, если некогда платное стало бесплатным — это вообще шоколад.
Видео может быть необходимым для разных целей: для фона на сайте, для видео блога на ютубе, для бизнес-презентаций и т.д. Каким бы это не был случай, хочется качественное видео, а если еще и бесплатно...ууу, ништяк вообще. К счастью, на данное время существует несколько видео библиотек (сайтов), где Вы можете скачать качественное видео совершенно бесплатно, и использовать его в своих целях. Но, всегда есть это «но», хотя и не критичное: есть шесть основных лицензий на бесплатные видео, т.е. что Вы можете делать с этими видео после того, как их скачали. Не буду тянуть резину, и помещаю ссылку ниже на отдельную страницу на своем сайте, где я подробно рассказал о лицензиях, и привел начальный список сайтов с бесплатными видео.
Обновление:
«RuBizCSS3Modal 1.3» и
«Анимация элемента при скроллинге (animate.css и wow.js)»
RuBizCSS3Modal 1.3
Добавил новый вариант с индикатором. Такой вариант очень популярен во многих западных сервисах маркетинговых инструментов. Индикатор придает динамичность и захватывает внимание, побуждая человека все же закончить начатое, т.е. оставить данные, чтобы получить то, что Вы предлагаете за подписку. Надеюсь, Вам пригодиться уже сейчас.
Анимация элемента при скроллинге
(animate.css + wow.js)
Судя по данным в метрике моего сайта, эта тема просто бомба 🙂 Людям очень интересна эта тема, — оно и ясно, ведь данная комбинация (animate.css + wow.js) может принести Вашему сайту привлекательную динамику, что поможет пользователю заострить внимание на анимирующих элементах, которые несут в себе важный посыл.
Обновил оба скрипта на более поздние версии.
Два полезных сервиса из своего арсенала дизайнера
(Префикс CSS онлайн, Минификация CSS)
Если Вас, как веб-дизайнера, заботит, будут ли в плане визуальной части Ваши прокты корректно отображаться во всех передовых браузерах, то первый сервис, которым я поделюсь с Вами, может сохранить Вам уйму времени. Всегда есть моменты, когда ты упускаешь некоторые префиксы в CSS, из-за чего затем удивляешься, почему прозрачность в IE некорректно отображается, или transition на iOS не работает. Внизу сервис поможет Вам проанализировать Ваш CSS код, и добавит недостающие префиксы, а возможно даже удалит устаревшие — да, есть и такие. Кстати, отлично подойдет тем, кто хочет сохранить время, ведь вначале можно и вообще без префиксов писать код.
Второй сервис, это минификация CSS файла. Полезная штука для тех, кто трясется над каждым лишним килобайтов, который «перегружает» сайт. Сервис удаляет даже комментарии — оно и хорошо, ведь они и не нужны в данном случае.