SEO 73: дневник вебмастера » JavaScript, VBScript, etc 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 Маразм крепчал: 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 Как получить 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 Как сделать 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 Что такое JSON и с чем его едят https://seo73.ru/2014/04/12/chto-takoe-json-i-s-chem-ego-edyat/ https://seo73.ru/2014/04/12/chto-takoe-json-i-s-chem-ego-edyat/#comments Sat, 12 Apr 2014 07:34:05 +0000 http://seo73.ru/?p=2173 Баблоруб недавно писал, что блог должен быть ориентирован на аудиторию, де основная масса – новички. По-моему он прав. Таких пользователей всегда много и темы палить не надо :) . Поэтому буду писать о всякой фигне. Сегодня, например, из области программирования.
Что такое JSON
Многих, кто только осваивает веб-программирование пугает непонятная аббревиатура JSON. Я раньше тоже думал, что это какая-то сложная непонятная технология. А оказывается все просто. JSON – это всего лишь формат записи данных.

Грубо говоря, это строка типа такой: {“ключ”:”значение”} .

Нужно вам передать массив в форме? Как раз JSON будет кстати. Надо вывести данные для дальнейшей работы с ними с помощью JavaScript? Пожалуйста! Много чего можно сделать, надо только немного подумать.

Туда можно запихнуть не только строку или число, но и массив (для этого есть []) или еще один объект JSON (да, прямо в другой объект). По сравнению с XML такая запись занимает гораздо меньше места.

Как же это все парсить? Ничего выдумывать не надо, в PHP уже предусмотрены json_decode($json) и json_encode($array) для преобразования данных из JSON в массив и наоборот. Во многих других языках, говорят, тоже есть что-то подобное. В библиотеке JQuery, кстати, активно используется.

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

Предыдущие писал я.

Также сделали виджет, который устанавливается на главную Яндекса. Там последние новости с сайта и ссылки на радио. Интересная штука, устанавливайте по ссылке http://www.yandex.ru/?add=156404&from=shared . Нужно хотя бы 150 пользователей в день, чтобы получить дополнительные плюшки.

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

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

Автомобильный блог уже полгода собираюсь перенести на другой хостинг. Но регулярно забиваю и плачу лишние 100р ежемесячно.

C Sape все хуже и хуже.

Zemanta
]]> https://seo73.ru/2014/04/12/chto-takoe-json-i-s-chem-ego-edyat/feed/ 53