Как поправить плавающий баг с @font-face в Safari
Словили тестировщики баг с жирностью шрифта, и стандартное: "у меня не воспроизводится" не прокатило. Ловила я его с месяц, и еще несколько месяцев танцевала с бубном стараясь поправить. Причем баг-то плавающий, вроде код поправила, вроде поправилось, и оп-па - через месяц снова всплыл.
И вот сегодня натолкнулась на статью и счастье есть! Оказывается Safari не любит дефисы! Ни в названиях, ни в имени файлов. Пример из статьи:
Обновление Vanila сервера в ксс ip внутри
Мы обновили наш<BASED> Vanila сервер на новую версию, и он снова доступен!
Ниже информация о нашем проекте.
Всем привет, рады принять новых игроков на базовом и трушном серваке в контре.
Рады адекватным игрокам. Список карт и прочего можно увидеть зайдя на него.(карты тоже адекватные)
ip: 62.113.108.35:27015
Всем рады!
Я уже писал в своем профиле про него, но повторение мать учения)
Панамковое
Решил тут развить идею панамок и накорябал своими кривенькими ручонками вот такое:
Чтобы и у себя на десктопе заполучить панамки вместо заполняющегося минусика, надо поставить в браузер расширение для возможности модификации стилей сайтов и добавить для pikabu.ru стили вот отсюда https://smalldev.tools/share-bin/cfkubaYv .
Т.к. я юзаю Хром, проиллюстрировать это могу только на примере плагина Custom Style Script (https://chromewebstore.google.com/detail/custom-style-script...). Там это выглядит так (надо не забыть потом нажать серую кнопочку с плюсиком и обновить страничку пикабу):
DISCLAMER! Рисовать я не умею, CSS я не знаю.
Поэтому:
Изобразил панамки и хуи как мог (даже пытался стараться, честно-честно). Для желающих нарисовать что-то получше, используя имеющиеся наработки - исходник в виде InkScape'овской SVG'шки тут: https://smalldev.tools/share-bin/5VnRw0VV
CSS накорябал так, чтобы работало по крайней мере в Хроме. Возможно, в других браузерах не взлетит.
Бессмысленно говорить мне, что я криворукая макака с клавиатурой, и ваша трёхлетняя племянница сделала бы лучше - я это и так знаю =)
История о любопытстве и минусах
Всем привет!
Решил выглянуть из ридонли ради спортивного интереса.
Для ЛЛ - как отобразить минусы с помощью расширения Chrome и кода на JS + немного CSS. Установка в конце поста.
После "возврата минусов" по Пикабу прокатила волна постов с недовольством и мне стало интересно хватит ли умений отобразить минусы, ведь в коде каждого поста они уже есть.
Логично, что если минусы на самом деле имеются у каждого поста, с ними можно работать с помощью JS.
Инструмент, который я использовал (помимо того, что выдают при респауне) - User JavaScript and CSS из магазина Chrome.
На самом деле, использовать можно и что-то иное, тут каждый волен действовать как хочет.
Первая версия появилась на свет на зачатках знаний по JS и мастерстве гугления (Insert google meme here)
Забрать код можно тут: https://justpaste.it/gdvjm
Сначала всё это работало только после загрузки страницы и после прокрутки у новых постов не было минусов. Немного гугления и было найдено обновление по интервалу и обработчик прокрутки (его я и использовал)
В целом, всё работает и так, на этом можно было остановиться. Смущало только то, что минусы не всегда прогружались, если скролл не дошёл до конца страницы.
Тогда я обратился на тёмную сторону решил воспользоваться знаниями нейросети и появилась вторая версия с обработкой каждого поста отдельно при начальной загрузке страницы и событии подгрузки постов.
Вторая версия. Помимо нововведений в части JS, чуть изменил добавление контейнера для минусов, назначил класс и чуть причесал CSS.
Забирать тут: https://justpaste.it/itxj8
Установка
Использовать всё это предельно просто:
Найти расширение в магазине - User JavaScript and CSS
После скачивания заходим в chrome://extensions/ и активируем режим разработчика. Это требуется для доступа расширения к изменению содержимого сайтов;
В настройках расширения нужно добавить сайт как на скрине - https://zalipaka.icu/*
Cоответственно пунктам 1 и 2 - JavaScript (JS) и CSS. Переходите по ссылкам на первую или вторую версию и копируйте весь текст между разделителями в виде знаков "=": ==========================================
При большом желании можно упаковать всё в расширение и опубликовать в магазине, но до этого я не дошёл (а также 5$ за регистрацию - это 5$)
Вряд ли кто-то будет ставить себе уже упакованное расширение от новорега, потому, ссылок на обменник не даю.
P.S. Код кривее некуда, об этом я догадываюсь. JS я не знаю и без сомнений, маэстро JS'a и CSS могут сделать более красивый и правильный вариант. Потому, за конструктивную критику и предложения по улучшению заранее благодарен! :)
P.P.S. Если пост нарушает какие-то правила, сообщите, пожалуйста. Что-то по теме сабжа ничего не нашёл.
Учусь делать веб сайты, моя тестовая страничка
Вообще интересует вопрос в какую сторону развиваться, читал что хвалят django и также django cms или Wagtail - но они требуют хостинга с Python и для потенциальных клиентов не так популярны как wordpress - который в свою очередь тоже вызывает вопросы