SEO 73: дневник вебмастера » Web-программирование https://seo73.ru Автономный блог вебмастера [m.k] из Ульяновска Fri, 15 Jul 2022 18:49:06 +0000 en-US hourly 1 http://wordpress.org/?v=4.2.10 Этот инструмент – говно https://seo73.ru/2022/07/15/ehtot-instrument-govno/ https://seo73.ru/2022/07/15/ehtot-instrument-govno/#comments Fri, 15 Jul 2022 18:49:06 +0000 http://seo73.ru/?p=2422 Кто-то говорит %technology% – говно. Так вот, кто так говорит, тот сам говно, а это инструмент.

Блять, если ты, долбоеб, забиваешь гвозди микроскопом и жалуешься, что неудобно… Ну взял бы изначально молоток. Он и удобнее и еще намного дешевле.

Битрикс – говно. При всей моей нелюбви к Битриксу, это достаточно гибкий движок для интернет-магазинов, в большинстве случаев все можно настроить без кодинга. Это инструмент, который решает проблему.

Но если ты решил городить из него франкенштейна, то кто, получается, долбоеб?

PHP – говно. Javascript – хуйня (например, потому что и там и там с типизацией не очень). Это не обязательно минус, это, например, поможет быстро выпустить MVP из говна и палок.

Заебали. Бесит.

Zemanta
]]> https://seo73.ru/2022/07/15/ehtot-instrument-govno/feed/ 0 Надо делать редизайн блога https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/ https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/#comments Sun, 30 Sep 2018 19:51:47 +0000 http://seo73.ru/?p=2389 Блин, шаблон морально устарел – картинки можно заменить CSS, потому что тех древних браузеров почти не осталось, Ubuntu на компе, если не ошибаюсь, еще 8.1, да и вообще десктопами теперь мало ко пользуется. Наличными деньгами тоже оперировать приходится нечасто.

Потом я верстал все, когда мало что умел, теперь могу сделать намного круче. А то вдруг кто-то захочет предложить работу за $100500 в месяц, во увидев исходный код страниц блога подумает: “ну его на хуй”, перекрестится и зальет монитор святой водой :) . И Ajax’а нет. В 2к18 году то! Даже если не писать ничего, все равно надо сделать, чтобы не вредить репутации.

Но дел невпроворот. Это не срочно. А несрочно, как показывает практика, = никогда. Ну пусть будет к Новому Году.

Будет Bootstap. Потому что время.

Два проекта на WordPress заполняю, причем обычно сам. С копирайтерами сложно работать (точнее, искать новых).

Короче, заебался.

Zemanta
]]> https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/feed/ 10 Маразм крепчал: Google PageSpeed Insights несет хуйню https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/ https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/#comments Wed, 25 Oct 2017 17:06:19 +0000 http://seo73.ru/?p=2351 Дамы и господа, извиняюсь за мой французский, но у меня знатно пригорает! Проверяю сайт (конкурсный, там все оптимизировано по максимуму) в Google PageSpeed Insignts и он мне выдает не 100 из 100, как я ожидал, а 82 из 100 (для мобильных) и 92 из 100 (для десктопов). Как так?

Предложение по оптимизации:

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
CSS файл у меня один, оптимизированный и сжатый, подключаетя в <head></head> (ну как обычно).

И что они предлагают? Полностью мануал тут: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery. Я же скопирую оттуда самый пиздец.

<html>
  <head>
    <style>
      .blue{color:blue;}
    </style>
    </head>
  <body>
    <div class="blue">
      Hello, world!
    </div>
  </body>
</html>
<link rel="stylesheet" href="small.css">

Куда они, блять, засунули link! Валидацию такая страница, естественно, не пройдет. Потом если .blue используется только на одной странице, то это ладно. А если на каждой? Тогда лучше вынести эти стили в отдельный файл. Я не пробовал, но, думаю, что этот сервис начнет ругаться и на него.

Чтобы пройти валидацию, можно добавлять link с помощью JavaScript, а link, который в head, заключить вовнутрь <noscript></nosript> (на случай, еcли в браузере не работает JS, пробовал, с HTML5 такое прокатывает). Это конечно, долбоебизм, но буду делать так. Нет, все-таки пошли они на хуй.

 

Еще предложение:

Используйте кеш браузера

Тут мой косяк, не уследил, буду исправлять. Исправил много, но сервис доёбывается до Яндекс.Метрики:

 

https://mc.yandex.ru/metrika/watch.js (60 минут).

 

Еще, наверное, буду оптимизировать бэкенд, там со скоростью и так все хорошо, но есть возможность еще ускорить.

А вообще лучше ссылки покупать, а не задротствовать над внутренней оптимизацией, она и так на высоком уровне.

Zemanta
]]> https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/feed/ 1 Чтобы не спамили https://seo73.ru/2017/09/30/chtoby-ne-spamili/ https://seo73.ru/2017/09/30/chtoby-ne-spamili/#comments Fri, 29 Sep 2017 21:16:42 +0000 http://seo73.ru/?p=2325 Тут недавно я изобрел велосипед. Наверняка так уже кто-то делал. Но напишу, вдруг кому-нибудь пригодится.

Есть два стула поля, email и сообщение. Их содержимое отправляется простому php-скрипту, который отправляет все это дело на определенный адрес почты. Конечно, если сделать просто форму, рано или поздно ящик завалит автоматическим спамом. Поэтому:

  • К примеру, берется третий символ почты+седьмой символ сообщения
  • данные из полей и контрольная строка отправляются джаваскриптом PHP-скрипту
  • скрипт проверяет третий символ почты и седьмой сообщения, если контрольная строка правильная, то отсылаем письмо, если нет, то шлем бота на три советских буквы.

Очень просто,но должно работать. Время покажет.

Zemanta
]]> https://seo73.ru/2017/09/30/chtoby-ne-spamili/feed/ 2 Какой феймворк для сложного сайта выбрать? https://seo73.ru/2015/08/25/framework-dlya-slozhnogo-saita/ https://seo73.ru/2015/08/25/framework-dlya-slozhnogo-saita/#comments Tue, 25 Aug 2015 20:49:28 +0000 http://seo73.ru/?p=2265 Идея очередного стартапа у меня появилась больше года назад. Поведал я о ней в конференции администрации нашего радио ЮмоRock, всем понравилось и все благополучно на это дело забили.

И тут мне снова про нее напоминают, основной упор делая на том, что этот проект можно будет достаточно просто монетизировать, наполнить пользователями, имея разные связи в определенных кругах (среди целевой аудитории).

Не буду писать подробности. Ну так вот. В основе всего этого дела большой сложный сайт, сущностей 20 нужно всяких, регистрация пользователей, загрузка изображений и других файлов. В общем, понятно, что готовые CMS не подходят. Придется городить свое. Я в раздумьях.

YII
Фреймворк на PHP. Почитал и ни хрена не понял. Где, блять, нормальная документация? Придется лучше искать инфу.
Но говорят что это очень простой фреймворк, даже обезьяну можно научить.
+ Требования к хостингу не пугают
+ В случае успеха можно будет нанять нескольких студентов, знающих PHP за недорого
– Я с YII раньше не работал. Возможно, с гибкостью будут проблемы.

Symphony 2
Фреймворк на PHP, но помощнее первого. С этой штукой я знаком, допиливал одну вещь для госсектора.
+ Шаманства с сервером небольшие
+ Это PHP, программистов на PHP найти проще чем на других языках. Правда, симфонистов меньше, чем знающих YII

Ruby On Rails
С этой штукой я хорошо знаком, можно быстро все разработать, понаставив всяких гемов. Но есть неприятные моменты:
– С сервером придется поебаться. Обычно на ВДСках ничего для ROR не установлено. А переезды будут, если все пойдет хорошо.
– Ruby On Rails разработчиков гораздо меньше, чем писателей на PHP, а денег они хотят гораздо больше
+ Много гемов (это что-то типа плагинов, т.е. готовых решений), что позволит существенно ускорить разработку
+ Гибкость фреймворка

Думаю, что надо выбирать из первых двух. Что посоветуете?

P.S. Домен уже зарегистрировал, в зоне .com . Дорогие, блять, стали, почти 800 рублей за него выложил.

Zemanta
]]> https://seo73.ru/2015/08/25/framework-dlya-slozhnogo-saita/feed/ 28 Как получить CSS-ширину (Cordova-Phonegap) https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/ https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/#comments Wed, 04 Mar 2015 19:14:01 +0000 http://seo73.ru/?p=2244 Нужно было в зависимости от ширины экрана менять таблицы стилей. Все это в Cordova (Phonegap). Это такая фигня, с помощью которой можно делать кроссплатформенные приложения, зная только HTML, CSS и JavaSript.
Philips v808 для привлечения внимания)
Получаю screen.width, 480 пикселей. Все правильно, ширина экрана у меня такая. Но внутри все оказывается шире чем нужно. Ширина страницы тоже расчитана на 480 пикселей.

В чем же фигня?

Есть такой параметр как devicePixelRatio. Это отношение настоящих пикселей экрана к CSS пикселям.

Да, они не всегда равны, хоть и приложение развернуто на весь экран.

Ну точно, window.devicePixelRatio выдает 1.5. Делим ширину экрана на пиксельратио и вот CSS ширина. Исходя из этого уже и надо подключать ту или иную таблицу стилей.

Если нужна высота, ее считать можно точно так же.

Zemanta
]]> https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/feed/ 35 JQuery и cookies https://seo73.ru/2015/01/23/jquery-cookie/ https://seo73.ru/2015/01/23/jquery-cookie/#comments Fri, 23 Jan 2015 11:27:52 +0000 http://seo73.ru/?p=2229 Задумал я сделать появляющееся окошко (на JQuery) с просьбой подписаться на новости сайта. Но вот незадача – нужно показывать эту фигню пользователю только один раз а не после каждой загрузки страницы. Первое что пришло на ум – использовать для этого Cookies.
Jquery работа с cookies

Просто так это сделать нельзя (вообще, можно, но тогда двумя строчками кода не обойдешься), нужно добавить плагин jquery.cookie.js. Скачать его можно на странице http://plugins.jquery.com/cookie/ .

Главное не забудьте <script type=”text/javascript” src=”jquery.cookie.js”></script>.

Как работать с JQuery и Cookies?

Очень просто:

$.cookie(‘cookie_name’, ‘cookie_value’); //чтобы записать новые или перезаписать существующие кукисы

$.cookie(‘cookie_name’); //получить значения

Чтобы удалить кукисы вместо значения нужно добавить null.

Само окно с подпиской еще не готово, находится в стадии оформления, поэтому я вам его не покажу, у вас докУментов нету. Да, и кавычки нужно менять на нормальные.

Zemanta
]]> https://seo73.ru/2015/01/23/jquery-cookie/feed/ 24 Виджет “Мне нравится” (ВКонтакте) на зеркалах https://seo73.ru/2014/11/17/vidzhet-mne-nravitsya-vkontakte-na-zerkalakh/ https://seo73.ru/2014/11/17/vidzhet-mne-nravitsya-vkontakte-na-zerkalakh/#comments Mon, 17 Nov 2014 12:17:23 +0000 http://seo73.ru/?p=2206 Есть одна проблема у виджета-кнопки социальной сети ВКонтакте “Мне нравится”: в настройках сайта можно указать только один домен. А если у сайта есть зеркала? Ведь на них вылезет ошибка “Invalid application domain.” на месте, где должна быть кнопка. Проблема.

Виджет ВКонтакте Мне Нравится

Кто-то предлагает заводить каждому домену свой ID и в зависимости от hostname менять его. Но у этого способа есть один минус – для каждого домена будет свое количество лайков.

Я предлагаю другой способ. Кривой, конечно, но лучше не придумал. Нужно делать фрейм (получится фрейм во фрейме, что мне не нравится) и отдельную страницу. Код страницы примерно такой:

 <html>
<head><style>body {margin:0px;padding:0px;}</style></head>
<body>
<script type=”text/javascript” src=”//vk.com/js/api/openapi.js?115″></script>

<script type=”text/javascript”>
VK.init({apiId: YOUR_APP_ID, onlyWidgets: true});
</script>
<!– Put this div tag to the place, where the Like block will be –>
<div id=”vk_like”></div>
<script type=”text/javascript”>
VK.Widgets.Like(“vk_like”, {type: “button”, pageUrl: “YOUR_PAGE_URL“});
</script>
</body>
</html>

YOUR_PAGE_URL – адрес страницы на основном домене (который указан в интерфейсе ВК, далее буду его называть YOUR_MAIN_DOMAIN). У меня цель была сделать лайки для главной страницы, поэтому мне проще чем, например, тем, кто хочет лайки к статьям и прочему контенту. Передавайте методом GET параметры, обрабатывайте их на стороне сервера и будет вам счастье :) .

На самом сайте в том месте, где нужна кнопка ставим фрейм:

<iframe width=”144″ height=”22″ src=”http://YOUR_MAIN_DOMAIN/vklike.htm” frameborder=”no” allowtransparency=”true” scrolling=”no”></iframe>

SRC – адрес той самой страницы на основном домене. Ее можно назвать как угодно, главное чтобы открывалась (в моем примере файл vklike.htm лежит в корне сайта). И параметры в виде GET передать можно тут ( типа ?postfix=news/1234).

Ширина виджета по умолчанию 144 px, высота 22. Если поменяли размер виджета, то фрейм тоже придется подкорректировать.

Может у вас есть более красивое решение? Поделитесь в каментах :) .

Миша, все хуйня (с). Заходим просто по ссылке http://vk.com/editapp?id=YOUR_APP_ID&section=options и в поле “Базовый домен” добавляем домены. И все, нечего выдумывать всякую фигню :D. Разве что  pageUrl: “YOUR_PAGE_URL” нужно прописать.

Zemanta
]]> https://seo73.ru/2014/11/17/vidzhet-mne-nravitsya-vkontakte-na-zerkalakh/feed/ 15 Как подружить Opencart с Яндекс.Почтой (SMTP) https://seo73.ru/2014/09/29/kak-podruzhit-opencart-s-yandeks-pochtojj-smtp/ https://seo73.ru/2014/09/29/kak-podruzhit-opencart-s-yandeks-pochtojj-smtp/#comments Mon, 29 Sep 2014 12:32:00 +0000 http://seo73.ru/?p=2198 Недавно возникла такая ситуация: сендмейла на хостинге нет, а отправлять почту пользователям надо. У интернет-магазина (на опенкарте) есть почта для доменов на Яндексе.
Opencart
Прописал в настройках все что нужно (кстати, сервер прописывайте ssl://smtp.yandex.ru) – а куй! Форма обратной связи не работает и выдает ошибку. Опенкарт пытается отправить почту от имени заполнившего форму, а почтовый сервер Яндекса этого не позволяет. И правильно, кстати, делает.

В контроллере catalog/controller/information/contact.php ищем строку (у меня 20-я)

$mail->setFrom($this->request->post[’email’]);

Вместо нее нужно добавить

$mail->setFrom($this->config->get(‘config_email’)); .

Э, а как я буду узнавать адрес и имя отправителя?

Ищем чуть ниже

$mail->setText(strip_tags(html_entity_decode($this->request->post[‘enquiry’], ENT_QUOTES, ‘UTF-8′)));

и меняем на

$mail->setText(strip_tags(html_entity_decode($this->request->post[‘enquiry’].”\n”.$this->request->post[’email’].” (“.$this->request->post[‘name’].”)”, ENT_QUOTES, ‘UTF-8′)));

Все, снизу письма будут адрес и имя.

Нормальный формат постов для блога – записывать небольшие заметки. Так и буду делать дальше.

P.S. Кавычки только на нормальные замените.

Zemanta
]]> https://seo73.ru/2014/09/29/kak-podruzhit-opencart-s-yandeks-pochtojj-smtp/feed/ 23 Как сделать HTML-5 плеер для радио https://seo73.ru/2014/07/13/kak-sdelat-html-5-pleer-dlya-radio/ https://seo73.ru/2014/07/13/kak-sdelat-html-5-pleer-dlya-radio/#comments Sun, 13 Jul 2014 15:22:16 +0000 http://seo73.ru/?p=2186 Давно не писал, исправляюсь. Решил я сделать аудиоплеер для онлайн-радио с собственным оформлением. В поисках информации о том, как это сделать с наименьшим геморроем наткнулся на библиотеку jQuery jPlayer. Она сильно облегчает жизнь. Вот так выглядит страница прослушивания, скоро она заменит старую на радио ЮмоRock:

Кастомный плеер для онлайн-радио
Скачиваем jQuery и jPlayer с сайта и приступаем.

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

<script src=”js/jquery.js”></script><script src=”js/jquery.jplayer.min.js”></script>

Там еще в папке JS файл SWF нужно оставить, остальное можно удалить.
Добавляем HTML (для плеера файлов надо больше дивов, но так как нам нужен плеер для потока, я их выпилил, если что в документации все написано)

<div id=”jquery_jplayer_1″ class=”jp-jplayer”></div>
<div id=”jp_container_1″ class=”jp-audio”>
<div class=”jp-type-single”>
<div class=”jp-gui jp-interface”>
<ul class=”jp-controls”>
<li><a class=”jp-play” tabindex=”1″>play</a></li>
<li><a class=”jp-pause” tabindex=”1″>pause</a></li>
</ul>
<div class=”jp-volume-bar”></div>
<div class=”jp-no-solution”>Требуется обновление
Обновите либо браузер либо флеш на <a href=”http://get.adobe.com/flashplayer/” target=”_blank”>официальном сайте</a>.</div>
</div>
</div>
</div>

Инициализируем плеер.

<script>// <![CDATA[
$(document).ready(function(){       $(“#jquery_jplayer_1″).jPlayer({         ready: function () {           $(this).jPlayer(“setMedia”, {             mp3: “http://youmorock.ru:8000/play”,           }).jPlayer(“play”);         },         swfPath: “/js”,         supplied: “mp3″       });     });
// ]]></script>

Собственно, все. нажимаешь play – начинает играть, на pause – прекращает. Особое внимание нужно уделить диву с классом jp-volume-bar – это будет регулятор громкости. При клике на него див с классом jp-volume-bar-value будет менять ширину. Ширина этого дива пропорциональна громкости.

Оформляйте с помощью CSS в соответствиями со своими целями, вкусами и т.п. А вот как получать названия песен из Icecast как-нибудь расскажу потом.

Радио переехало на новый сервер, плейлисты приходится составлять вручную. С прямыми эфирами почти все решили.

Acer Aspire One D250 благополучно сдох, купил вместо него новый, полноценный ноут (ибо нужны вычислительные ресурсы). Может про него тоже рассказать поподробнее?

Работаю там же, мучаю Ruby On Rails в последнее время.

Радио работает, люди слушают, но оно себя не окупает. Движухи в группе все меньше, мне лень что-то делать. Да еще и серьезный конкурент объявился – Семен Чайка со Своим радио. Может тоже краудфайндинг замутить?

Zemanta
]]> https://seo73.ru/2014/07/13/kak-sdelat-html-5-pleer-dlya-radio/feed/ 43