Что-то меня разобрало сделать яваскриптовую галерейку...
2018-Jun-07, Thursday 20:36Например - тут оно вполне работает.
Но тут решил на основе уже написанного по большей части кода сделать "минималистическое" нечто.
Постановка задачи
- Есть статический html, в котором внутри a href на большую картинку лежит img src маленькой
- Хочется чтобы большая картинка по клику открылась "в размер окна браусера"
- Хочется чтобы посетитель мог листать ВСЕ картинки на данной странице любым из способов:
- стрелки вправо-влево, ESC - выйти из листания
- колёсико мыши
- при наличии тачскрина - свайп влево-впаво или вверх-вниз, тап - выход
- клики мышкой по правому-левому краям картинки, крестик - выход
- Единственный файл и максимально простая инструкция установки на сайт
- Отсутствие привязки к каким либо другим скриптам, в частности jQuery
Результат
Тут яваскриптовая галерейка и немного других фишек на JSОчень прошу всех, у кого есть немного времени и готовые html странички с фотками и картинками - потестировать и оставить отзыв.
До данного окошка редактирования владелец сайта на Битриксе дошёл в желании добавить ссылку на "Похожие статьи". Интуитивно понятный графический интерфейс. Даже, наверное, интуитивно понятно, где найти тот кусок кода, который сюда надо вставить, раз владелец сайта сумел его найти и вставить. Ура.

О работе и общении
2017-Apr-09, Sunday 08:55Экономическое
К настоящему моменту (Изменение ситуации у части клиентов, уменьшение дохода с нескольких источников, уменьшение случайных приработок по ремонту сетей-компов, увеличение расходов на лекарства) у меня месячный приход-расход по деньгам резко стал отрицательным, хотя в минус на текущий момент я ещё не выпал.По этому поводу мне ОЧЕНЬ интересна за некоторые деньги онлайн деятельность, в которой я более менее поднаторел:
- Хостинг, в том числе нетривиально организованных проектов (оплата в удобных клиенту формах, в том числе - официально безналом юрлицу)
- Поднятие "из пепла", хостинг и поддержка проиметых, рухнувших проектов, сайтов в "мемориальном", НЕвзламываемом состоянии - примеры: мемориальный сайт Сергея Ермакова, вполне живой сайт группы Арда, копия старого сайта Остранна
- Создание, поддержка и стабильный хостинг "пока не исчезнут машины" стабильных редко изменяемых сайтов (по схеме "сделал - выложил - забыл на полгода-год-два года) с ПРОИЗВОЛЬНЫМ (по желанию заказчика), в том числе с ГОТОВЫМ УЖЕ дизайном "прежнего сайта" или даже со "срисованным вон с того сайта" дизайном. Пример того, что в настоящее время я веду - Российская Ассоциация Учителей Географии.
- Адаптация старых сайтов под "мобильный дизайн" или перевод их "в резиновое состояние, чтобы везде было хорошо". Пример одной из радикальных переделок - Сайт группы Арда, старый дизайн
- Отслеживание произвольного количества доменов и других ресурсов в режиме "чтобы вы не забыли опять, что его надо продлить", причём по большей части по схеме "вы платите нам по тарифу чуть больше тарифа Руцентра, но домен не выпадает в Not Delegated состояние, и мы вам будем звонить и напоминать заранее"
- SEO-деятельность некоторых сортов (уточнения в личку)
Соцсети
- С новым TOS ЖЖ я согласился (с основного компа получилось). Истерику вокруг его содержания считаю, вслед за aywen и kenigtiger, истерикой вокруг "красные флаги на границе видели?". Спокойно работаем дельше в несколько изменившихся условиях.
- В моём ЖЖ с сегодняшнего дня комменты заскринены. Sapienti sat.
- Основная площадка общения - dreamwidth, подтягивайтесь
Asus Transformer - впечатления от железки.
2017-Feb-26, Sunday 20:51~ноября 2015 года покупки, 2 гига RAM. 30Gb SSD, windows 10.
- Механически ОЧЕНЬ ПЛОХ как планшет - предельно неудачно расположены кнопки, нет способа держать одной рукой, не задевая за что-то существенное.
- Механически ОЧЕНЬ ПЛОХ как "нивротуебук" - экран перевешивает, аппарат надо или держать рукой, когда он стоит на столе, или снабжать подставкой.
- Клавиатурная нижняя часть ОЧЕНЬ хлипкая, взяв его за один угол, я вижу, как он гнётся в состояние "щас скоро захрустит".
- Как ноутбук - разъём питания есть ТОЛЬКО в ВЕРХНЕЙ части экрана. И это микроусб. То есть когда аккумы подохнут - работать станет ЖУТКО неудобно.
- Разъёмы микро-hdmi, micro-usb и ещё какой-то третий выглядят одинаково, НЕ подписаны, два расположэены совсем рядом. На экранной части, ессно.
- гнездо микросд сделано так, что край карточки НЕ утоплен, и можно выщелкнуть карточку, просто нажав мягким пальцем на торчащий выступающий на примерно 2мм край карточки
- SSD забито автообновлениями системы (1.5 гига свободно), ессно винда тормозит бешено. Винда 64 бита. На 2 гигах. Ага. Попробуйте выключить свопинг, попробуйте обойтись без гибернейта!
- В ипостаси ноутбука в настоящее время нижняя часть периодически отваливается - то есть просто пропадает курсор мыши и реакция на кнопки клавиатуры. Помогает закрыть-открыть ноутбук
Лытдыбр вчепятления от клиента...
2017-Feb-16, Thursday 08:202. Часть каталогов на флешке содержит мусор, время от времени человек наблюдает мусор вместо содержимого редактируемых файлов. И считает, что это НОРМАЛЬНО.
3. До вчерашнего дня у человека НЕ БЫЛО ни одной резервной копии, а все мои объяснения про то, что не стот так дальще мучать флешку, что стоит купить хотя бы две новых и копировать - воспринимались как откровения свыше от Великого Гуру.
Бездна голодных гаджетов (БГГ) и советы мастеру...
2017-Jan-16, Monday 08:33Сантехнический лён как армировка в эпоксидку
Он, мало того, то прочный - он цеплючий. :)
последовательность починки головки гитарного колка:
- зачистил поверхность штырька
- капнул эпоксидкой на него
- несколькими волокнами начал обматывать
- часть льна обмакнул в эпоксидку и как следует пропитал ею
- намотал плотно
- остатки эпоксидки слил в формочку из непрочного материала
- засунул в эту формочку сверху намотанное со штырьком
- оставил на сутки застывать
- после застывания раскурочил формочку и напильником опилил лишнее
И чтобы два раза не вставать...
Бездна голодных гаджетов (БГГ)
Звонит клиентка. Починить ноутбук, "Так как он не включается!".- Оказывается, она потеряла от него зарядку
- При попытке уточнить марку ноутбука:
- ну тут две буквы Д и У"
- Русские буквы или латинские?"
- Латинские! Точно латинские. - тут я лихорадочно пытаюсь понять, что это за du
- А если перевернуть ноутбук?
- А. Ой, да, я его перевёрнутым держу. Это hp в кружочке!
Почему я так всё и сижу на FreeBSD? ;-)
2017-Jan-09, Monday 16:04Filesystem Size Used Avail Capacity Mounted on /dev/ada0p2 7,2G 1,1G 5,6G 16% / pkg install apcupsd bind911 ca_root_nss rsync smartmontools pkg install sudo mc bash lynx wget Этого достаточно чтобы поднимать полноценные джейлы с более "толстыми" списками софта, полноценно их "файрволлить", бекапить,... Ну с установленными портами и немного засранным местом: /dev/ada0s1a 7,7G 2,9G 4,2G 41% / e0# pkg info apcupsd-3.14.14 Set of programs for controlling APC UPS bash-4.4.5 GNU Project's Bourne Again SHell bind911-9.11.0P1_1 BIND DNS suite with updated DNSSEC and DNS64 ca_root_nss-3.28 Root certificate bundle from the Mozilla Project gettext-runtime-0.19.8.1_1 GNU gettext runtime libraries and programs glib-2.46.2_4 Some useful routines of C programming (current stable version) idnkit-1.0_6 Library to handle internationalized domain names indexinfo-0.2.6 Utility to regenerate the GNU info page index json-c-0.12.1 JSON (JavaScript Object Notation) implementation in C kbproto-1.0.7 KB extension headers libX11-1.6.4,1 X11 library libXau-1.0.8_3 Authentication Protocol library for X11 libXdmcp-1.1.2 X Display Manager Control Protocol library libXext-1.3.3_1,1 X11 Extension library libedit-3.1.20150325_2,1 Command line editor library libffi-3.2.1 Foreign Function Interface libiconv-1.14_10 Character set conversion library libidn-1.33_1 Internationalized Domain Names command line tool libpthread-stubs-0.3_6 This library provides weak aliases for pthread functions libslang2-2.3.1 Routines for rapid alpha-numeric terminal applications development libssh2-1.8.0,2 Library implementing the SSH2 protocol libxcb-1.12 The X protocol C-language Binding (XCB) library libxml2-2.9.4 XML parser library for GNOME lmdb-0.9.18_1 OpenLDAP Lightning Memory-Mapped Database lynx-2.8.8.2_4,1 Non-graphical, text-based World-Wide Web client mc-4.8.18 Midnight Commander, a free Norton Commander Clone pcre-8.39_1 Perl Compatible Regular Expressions library perl5-5.24.1.r4_1 Practical Extraction and Report Language pkg-1.9.4_1 Package manager png-1.6.27 Library for manipulating PNG images python27-2.7.13_1 Interpreted object-oriented programming language readline-6.3.8 Library for editing command lines as they are typed rsync-3.1.2_6 Network file distribution/synchronization utility smartmontools-6.5_1 S.M.A.R.T. disk monitoring tools sudo-1.8.19p1 Allow others to run commands as root wget-1.18_2 Retrieve files from the Net via HTTP(S) and FTP xextproto-7.3.0 XExt extension headers xproto-7.0.31 X11 protocol headers
Разное. Лытдыбр... О хостинге...
2016-Dec-12, Monday 03:27- (вопрос к собратьям-админам) Предположим, мне дают бабла (я назвал людям сумму 150-180тр за сервер в сборе, имея в виду две обычных SSD в роли хардов) на новый сервер 1U поставить на коллокейшн. Выслушаю совет по выбору платформы в текущий момент времени (что сейчас конкретно брать стоит, и что ни в коем случае НЕ стоит). Если вдруг кто знает серверную платформу и конкретную мать, в которую втыкается НЕсерверная память (то есть материнка поддерживает не только Reg ECC, но и обычные DDR3/DDR4 DIMM) - , я предпочту выбрать именно такую, хехе. Операционка будет FreeBSD, без иксов. Основной жрун - Битрикс. :)
(вопрос к собратьям-уебмастерам) wordpress кроме как в формате "маленького уютного бложека" - ГАВНО. Внезапно 50 и более запросов к базе MySQL на один материал, от 2 до 3 запросов на каждую картинку к материалу, 200-351 запрос на странице категории. Казалось бы "ну поставьте плагин кеша!" - ага, стоит. На сайте 22 тысячи страниц, и вот после сброса кеша через какое-то время обходить их приходит поисковый бот... И наступает на яйца SQL серверу. А кешируются плагином страницы с сообщением "Ошибка соединения с базой данных". Что вот делать в такой ситуации? Гуглить не предлагать, уже весь обгуглился. Переход на друпал - возможно, предлагать. :)UPD1: Ну эту проблему решил, хехе.
Отрубил этому хосту внешний мир, оставил только свой внешний IP.
Поставил P3 - Plugin Performance Profiler, исследовал кто тут жрун.Оказалось, что основной писец - от SEO Friendly Image, который роется в выводимом HTML вордпресса, и для КАЖДОЙ картинке ИЩЕТ ПО БАЗЕ подходящие текстовые строки и строит из них ALT картинки. При 13 тысячах постов в базе на 50 картинок на странице категории...
Остался ещё "Related Posts" но он пока ещё не дорос тормозить выдачу html страницы в несколько раз.
- Вырубил WP SuperCache, SEO Friendly Image, Ninja Forms
- Водрузил на сервере memcache и поставил плагин WP-FFPC и настроил nginx (по тем праивлам, что описаны на страничке конфигурирования ентого плагина)
- Настроил пареметры MySQL базы под лучшее быстродействие. по мотивам этой статьи
- Включил внешний мир обратно.
- Гулял. Рядом с моим домом теперь, прямо из окна виден компьютерный магазин олди. Теперь все три любимых комп магазина (xcom just oldi) в буквальной шаговой доступности. Ну и Юлмарт недалеко (одна остановка на троллейбусе).
- Вчера весы мне показали 121.5 кг. Не слишком ли быстро я худею? 8-О.
- Битрикс не обращает ни малейшего внимания на оставшееся место, когда делает резервную копию не в облако... И вот каким волшебным образом сайт, таргзип html каталога которого (кроме папки bitrix/backup) имеет размер 1.3 гигабайта, а сумма размеров гзипованных дампов базы 92М, имеет размер суммарный размер резервной копии 2.2 гигабайта???
имя каталога serviсe - буква c русская.
Половина ссылок вида ../service/detail.php?... работала "через файл .../service/detail.php", остальные (с латинской c) - "в обработчик через index.php/urlrewrite.php", так как такого пути и файла на месте нету.
Что особенно жутко выглядело "для клиента и посетителей" на сайте ДВА раздела "Услуги" с ОДИНАКОВЫМ URI (при наведении курсора на ссылку) - и в них РАЗНОЕ содержимое.
В моём шрифте терминала "выпадающая" буква, довольно заметна. Но я увидел это только в миднайт коммандере, где при utf-8 кодировке cp1251 символы показывались чёрными точками:

А авторы Битрикса так и не научились работе с многобайтовыми кодировками, хехе... cp1251 и никаких вариантов.
enhydra с канала Википедии подсказывает (цитата неточная): Даже, кстати, понятно, как глюк образовался
Кто-то написал servise
Потом кто-то решил исправить на правильное написание, ибо "стыдно такое слово писать с ошибкой" - и исправил.
Не заметив, что не переключился с русского.
Пегасище с канала #anime: "Хорошо хоть не украинская i!"
зарисовки, лытдыбр, коротко
2016-Mar-31, Thursday 01:262. Авторы CMS bitrix теперь настойчиво затаскивают владельцев сайтов на этом продукте в систему авторизации bitrix24, с девизом
3.
4. Вот уже примерно шесть контактирующих со мной сайтов клиентов вынуждены переезжать на битрикс с мотивацией "так как упоротозамещение!", "отечественное ПО", "если не битрикс - денег не дадим" и близкими формулировками от спонсоров.
5. Рекорд странного обращения с SSL ключом полученным для некоего сайта. Уеб-мастер положил секретный и публичный ключи в корень сайта. Рукалицо.
И почему не Джумла?:)
2016-Feb-19, Friday 19:33Домен зареган 1 ноября 2013.
Сайт залит на хостинг 6 ноября 2013.
8 ноября 2013 в него добавлено минимум три закладки формата "приход с запросом POST на определённый URI сотворяет и исполняет PHP код" и одну формата "создаём ежеминутное задание в кронтаб, исполняющее созданный 1.sh который творит бинарные файлы libworker.so и /usr/bin/host, причём их содержимое зависит от архитектуры. :)
В 2014 и в 2015 годах, явно по случаю продления домена, админы хостинга просыпались и обращали внимание, что сайт что-то делает не то. На тему чего его блокировали и частично очищали от говна (но часть говна, особенно бинарник /usr/bin/host, жила неизменно).
Cледы этого - в тикет-системе хостера, с датами блокировок
24 января (неизвестно, правда, каким кодом, и мне откровенно лень искать) в корне сайта было нагенерено около 80 тысяч статических .html, представляющих собой фишинговые страницы, имитирующие страницы магазинов японоязычного содержания, при этом сделанные как "якобы вы сюда пришли с результатов поиска в Yahoo", но формочки при этом отправляют POST с интересными данными на разные странные адреса.
25 января хостер написал ругательство - исправьте в течение недели а то заблокируем.
Примерно вчера заблокировали.
Иными словами, в течение 2 с лишним лет сайт не столько служил его заказчику, сколько помогал зарабтывать бабло целой пачке злоумышленников.
Сегодня я всего лишь копаюсь в коде этого угробища.
Уеб-мастера на взводе. :)
2016-Feb-09, Tuesday 12:24- Сменил все пароли доступа в веб-интерфейс сайта
- Угробил отображение части старых материалов сайта, о чём мне пришли репорты о массовом возрастании 404 ошибок на сайте
- Закрыл прежнему админу (мне) доступ по ssh, тем самым отрубив сайт от бэкапа. О чём мне на почту написал скрипт бекапа
- Угробил статистику посещений за последний год (которую от главредактора требует спонсор ежемесячно), что я заметил, зайдя в вебинтерфейс хостера
- Имея возможность творить до 24 виртуалхостов, угробил оба ранее созданных запасных вируталхоста, оставил один единственный. И намерен сменить друпал на битрикс. Запасаюсь попкорном.
- После моего сообщения о том, что угроблена статистика, (наконец-то!) сменил пароль доступа в веб-интерфейс хостера. :)
Подчеркну - я даже особенно не ругался.
Просто мне на мыло приходили репорты формата "вот ещё и это поломалось", и я сообщал товарищу о наблюдаемых изменениях :)
Ещё к размышлению - сейчас сайт работает на тарифе 302 руцентра. Тем самым, памяти ему дано 256М, и этого хватает. Мне просто интересно, заметит уеб-погромист, что для Битрикса у Ру-центра имеется более дорогой тариф с 704 МБ памяти, или "так зажарится"?
ПОставь IP камеру!
2015-Oct-13, Tuesday 23:15Напеваю, рассказывая о работе.
ХОтят люди видео посмотреть позаписать --- РЕфрен --- ХОтят люди посмотреть как их деть бегаеть --- РЕфрен --- НАчальник мечтает подчинённых наблюдать --- РЕфрен --- ХОтят люди интернет шоб смотреть видео --- РЕфрен ---
Рефрен колыбельной вынесен в заголовок поста, причём финальное - "кУпи Айпи кАмеру!" ( И о работе: )
Разное из админской практики...
2015-Sep-08, Tuesday 12:06- Нашёл, почему один сайт у меня на хостинге иногда вдруг жрал оперативку... Оказывается, на нём была просто долбанутое количество материалов, созданных 1 января 1970 года, и поисковик время от времени приходил на страничку календаря "все сообщения за январь 1970 года"...". Да, и после 2038 года "всё врут календари"!
У меня вон на одной площадке такой сервер один живёт Ему во второй езернет порт можно втыкать только разъём с отломанной ЗАЩЁЛКОЙ. Иначе когда ты собираешься ВЫНУТЬ разъём - ты тупо не можешь никак иначе отщёлкнуть защёлку, кроме как нажав на вышерасположенный резет.
Что интересно - на той площадке бывает помимо меня ещё два админа. И каждый из них порывался заменить этот патчкорд на нормальный, С ЗАЩЁЛКОЙ. :) с соответствующим результатом
Окончательно устал...
2014-Oct-07, Tuesday 22:32живи меньше, плати лучше
из сегодняшних очиток
Не хочу быть чёрной крестьянкой, хочу быть столбовою дворянкой!
Почта клиента жила сначала у меня на сервере. Лет так 8 как минимум.
Потом мы с Булгаковым решили, что вон инфобокс - у них мощности по отбою спама лучше, сервера лучше сконфигурены, и переехали туда. И почта клиента стала жить на инфобоксе. И заходил клиент на технический адрес mail.infobox.ru. Время от времени инфобокс срал просроченным ssl сертификатом, ну так у кого не так? :)
Потом инфобокс испоганил интерфейс почты, перешёл на виндовые сервера и задолбал как попадать в BL сам, так и засовывать в свой BL ip адреса некоторых моих клиентов и серверов.
Потом инфобокс взял и закрыл свою почту нафиг.
Я перетащил ящики клиента к себе на сервер, сделал веб интерфейс даже достаточно похожий на привычный узерам. Сделал двойную авторизацию чтоб не лезли пидарасы с перебором паролей. Сделал SSL ессно с самоподписанным сертификатом.
Теперь клиент, СУКА, воротит нос - его не устраивает технический адрес mail.gfns.net - подавай ему mail.егодомен. Технический адрес с доменом от гондонского инфобокса - это ничё, нормально. А типа вот эти мои 4 буковки ему нож острый по сердцу.
Я устал. Эта соломина переломила сегодня спину мне как верблюду.
Ближайшую ~неделю я не доступен никому и никак.
Грустные выверты человеческой памяти наблюдаю...
2014-Oct-07, Tuesday 13:44Сменил на другой. Стал использовать - периодически забывает.
Рассмотрение показало, что не только с паролем проблема - раньше он запоминал сотовые телефоны целиком. Теперь - не получается запомнить 7 цифр подряд чтобы записать.
Другому человеку совместно придумываем пароль - выясняется, что конструкции 2424 он ещё способен запомнить, а 4 разных цифры - нет.
Я сам периодически спотыкаюсь на сложности запоминания длинных последовательностей, вплоть до неприятного момента. когда один из стандартных своих сложных паролей с мнемоникой "осмысленная фраза в 14 символов" не смог набрать пять раз подряд.
Ну ладно 14.
Но уже встречаю сложности с 6 символами. Даже просто при наборе "с листочка бумажки".
Скоро будут сложности набрать пин-код.
Наибольшее спотыкание вызывают именно последовательности цифр.
Признаки
- на сайтах, о которых ты точно знаешь, что рекламы на них не было - показывается реклама в вде картинок, в основном на свободных от текста и картинок местах, но в принципе вставляя в HTML в самых разных позициях. Adblock Plus заметную часть этой рекламы, впрочем, может и гасить, в результате пользователь может долго не замечать заражения.
- В Свойствах Браузера - прокси сервер 127.0.0.1 и случайный порт 5-тизначный.
- не работает dropbox
- в Appdata\Local - каталоги с разными именами, однако есть cache\prepared и cache\data*\ с подкаталогами - в них рекламные картинки с урлами.
- в реестре можно найти раздел SilentProcessExit со всеми именами екзешников этой херни
- в реестре в Internet Settings есть ключи ProxyDesktopName и ProxySercviceName и ProxyDirName
Ищется в интернете по ключевым строкам RegFltrx64.sys и pirrit suggestor. Появилось не позднее декабря 2013 года, активировалось всерьёз примерно в июле-августе этого года, включалось также и показывало рекламу 3 и 19 декабря 2013.
( подробнее )
Небольшая статистика по SATA SSD за 3 года...
2014-Aug-01, Friday 12:25Всего куплено разным людям в разные машины и задачи ~29 SSD дешёвых 30, 32, 60, 64 гигабайта размером, SATA, исходя из того, что "в данный момент в магазине было".
Все выходы из строя на этих SSD - это явно выходы из строя контроллера, а не "по ресурсу записи".
То есть - по смарту, по CrystallDiskInfo всё хорошо, SSDLife всех попавшихся версий говорит всё хорошо.
И в какой-то момент SSD-шка тупо пропадает с SATA шины навсегда.
Умерло 2шт Kingston, 1шт OCZ, 1шт Adata. Все умерли, немного не доработав до 1 года с момента покупки.
( конкретный случай пытки записью SSD-шки )